*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#10100e;--cream:#eee9df;--cream2:#e3dccf;--gold:#b08a4a;--gold2:#d2b36d;--brown:#6b4930;--muted:#777167;--border:rgba(20,19,16,.15)}
html{scroll-behavior:smooth}body{background:var(--cream);color:var(--black);font-family:"DM Sans",sans-serif;overflow-x:hidden}
.grain{position:fixed;inset:-50%;z-index:80;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noise .2s steps(2) infinite}
.gold-cursor{position:fixed;z-index:70;width:220px;height:220px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(176,138,74,.13),transparent 68%);opacity:0;transition:opacity .3s}
.nav{height:88px;position:fixed;inset:0 0 auto;z-index:60;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(var(--cream),rgba(238,233,223,.84),transparent);backdrop-filter:blur(8px)}
.brand,.footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--black)}.monogram{width:41px;height:41px;border:1px solid var(--black);display:grid;place-items:center;font-weight:700;font-size:12px;letter-spacing:.08em}.brand b,.footer-brand b{font-size:12px;letter-spacing:.14em;display:block}.brand small,.footer-brand small{font-size:8px;letter-spacing:.15em;display:block;margin-top:3px}
nav{display:flex;align-items:center;gap:31px}nav a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--black);text-decoration:none}nav a:not(.nav-button){position:relative}nav a:not(.nav-button):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.4s}nav a:hover:after{right:0}.nav-button{padding:13px 20px;border:1px solid var(--black);transition:.35s}.nav-button:hover{background:var(--black);color:var(--cream)}
.menu{display:none;border:0;background:none}.menu i{display:block;width:27px;height:1px;background:var(--black);margin:6px}
.hero{min-height:100vh;position:relative;background:var(--black);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:150px 8vw 90px;overflow:hidden}.hero-image{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 70% 48%,#4e3928,#191815 45%,#10100e 72%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,16,14,.95) 0%,rgba(16,16,14,.74) 44%,rgba(16,16,14,.18) 100%)}.paper-architecture{position:absolute;right:8vw;top:50%;width:45vw;height:75vh;transform:translateY(-50%);perspective:1000px}.roll{position:absolute;border-radius:50%;background:linear-gradient(90deg,#4a2d1b,#a06d3f 44%,#c49a69 57%,#58331d);box-shadow:25px 35px 80px rgba(0,0,0,.5);width:230px;height:380px}.roll:after{content:"";position:absolute;left:22px;right:22px;top:43%;height:82px;border-radius:50%;border:10px solid rgba(30,20,12,.5)}.roll-a{left:8%;top:28%;transform:rotate(-18deg);animation:levitate 7s ease-in-out infinite}.roll-b{right:4%;top:17%;transform:rotate(17deg);animation:levitate 8s -3s ease-in-out infinite}.roll-c{right:19%;bottom:2%;transform:rotate(7deg) scale(.72);filter:brightness(.7);animation:levitate 9s -5s ease-in-out infinite}.sheet{position:absolute;z-index:4;width:290px;height:405px;right:31%;top:24%;background:linear-gradient(135deg,#b47b49,#774522);transform:rotate(8deg);box-shadow:35px 50px 100px rgba(0,0,0,.55);animation:sheet 8s ease-in-out infinite}.sheet:before{content:"HP";position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-weight:700;letter-spacing:-.08em;color:rgba(245,232,207,.16)}
.hero-content{position:relative;z-index:5;max-width:690px}.kicker{font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--gold)}.hero .kicker{color:#d6b978}.hero-line{width:80px;height:1px;background:var(--gold);margin:26px 0}.hero h1{font-size:clamp(57px,7.5vw,116px);line-height:.79;letter-spacing:-.07em;font-weight:600}.hero h1 em{font:400 .48em/1 "Playfair Display";letter-spacing:-.02em;color:#c6a766}.hero-sub{font:500 clamp(25px,2.8vw,42px)/1.05 "Playfair Display";max-width:570px;margin:35px 0 18px;color:#f2eee5}.hero-copy{font-size:14px;line-height:1.8;color:#aaa59d;max-width:520px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:34px}.gold-button{display:inline-flex;gap:30px;align-items:center;text-decoration:none;padding:16px 21px;background:var(--gold);color:#111;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;position:relative;overflow:hidden;transition:.4s}.gold-button:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-130%);transition:.6s}.gold-button:hover:before{transform:translateX(130%)}.gold-button span{transition:.3s}.gold-button:hover span{transform:translate(4px,-3px)}.gold-button.dark{background:var(--black);color:var(--cream)}.quiet-link{color:#e8e1d4;text-decoration:none;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.quiet-link span{margin-left:8px;color:var(--gold)}.hero-meta{position:absolute;z-index:6;left:8vw;right:8vw;bottom:36px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;font-size:8px;letter-spacing:.2em;color:#9b968d}.meta-line{height:1px;background:rgba(238,233,223,.22)}
.section{padding:125px 8vw}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;margin-bottom:75px;font-size:9px;letter-spacing:.18em;color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.section h2{font:400 clamp(42px,5.4vw,78px)/.98 "Playfair Display";letter-spacing:-.05em}.section h2 em{color:var(--brown)}.intro-copy{padding-top:10px}.intro-copy p{font-size:15px;line-height:1.85;color:#5e5a53;margin-bottom:20px}.small-note{font-size:11px!important;color:#8b847a!important;border-top:1px solid var(--border);padding-top:18px;margin-top:30px}.metrics{margin-top:95px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:32px 30px 25px 0;border-right:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;column-gap:17px}.metric:last-child{border:0;padding-left:30px}.metric strong{grid-row:1/3;font-size:clamp(45px,5.5vw,82px);font-weight:600;letter-spacing:-.08em}.metric span{font-size:8px;letter-spacing:.16em;font-weight:700;align-self:end}.metric small{font-size:10px;color:var(--muted);margin-top:5px}
.product{background:var(--cream2)}.product-heading{margin-bottom:65px}.product-heading h2{margin-top:15px}.product-panel{display:grid;grid-template-columns:1.02fr .98fr;min-height:610px;background:#c7b79f;box-shadow:0 35px 80px rgba(47,31,16,.12)}.product-visual{position:relative;min-height:610px;background:radial-gradient(circle at center,#e0c5a2,#a17854 60%,#755039);overflow:hidden}.stack-card{position:absolute;width:290px;height:405px;left:50%;top:50%;box-shadow:25px 35px 60px rgba(40,23,12,.25)}.stack-card.back{background:#765036;transform:translate(-48%,-46%) rotate(-12deg)}.stack-card.mid{background:#a8744a;transform:translate(-52%,-51%) rotate(5deg)}.stack-card.front{background:linear-gradient(135deg,#b77e4d,#764522);transform:translate(-48%,-50%) rotate(-3deg);color:#f2e8d7;display:flex;flex-direction:column;align-items:center;justify-content:center}.stack-card.front span{font-weight:700;letter-spacing:.2em;font-size:17px}.stack-card.front b{font:400 58px "Playfair Display";opacity:.7}.visual-label{position:absolute;left:35px;bottom:30px;font-size:8px;letter-spacing:.18em;color:#f1e3d0}.product-copy{padding:95px 8vw 70px 65px;align-self:center}.product-copy h3{font:400 49px "Playfair Display";margin:15px 0 20px}.product-copy>p:not(.kicker){font-size:15px;line-height:1.8;color:#5c554d;max-width:500px}.spec-list{margin:35px 0;border-top:1px solid rgba(20,19,16,.2)}.spec-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(20,19,16,.2);font-size:11px}.spec-list span{color:#71695f}.spec-list b{font-weight:600}
.process{background:var(--black);color:var(--cream)}.process .section-top{border-color:rgba(238,233,223,.18);color:#918d86}.process-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end}.process-heading h2{margin-top:15px}.process-heading p{font-size:14px;line-height:1.85;color:#a29d95}.timeline{margin-top:85px;border-top:1px solid rgba(238,233,223,.2);display:grid;grid-template-columns:repeat(4,1fr)}.process-step{min-height:300px;padding:28px 28px 20px 0;border-right:1px solid rgba(238,233,223,.2);position:relative;transition:.4s}.process-step:not(:first-child){padding-left:28px}.process-step:last-child{border:0}.process-step>span{font-size:8px;color:var(--gold2);letter-spacing:.16em}.step-number{font:400 70px "Playfair Display";color:rgba(210,179,109,.2);margin:30px 0 20px}.process-step h3{font:400 27px "Playfair Display";margin-bottom:10px}.process-step p{font-size:12px;line-height:1.65;color:#99938b}.process-step:hover{transform:translateY(-8px)}
.location{min-height:610px;background:linear-gradient(120deg,#68462e,#9b7049);color:var(--cream);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.location:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,235,197,.13),transparent 50%)}.location-watermark{position:absolute;right:-4vw;bottom:-15vw;font-size:50vw;line-height:.8;font-weight:700;color:rgba(255,255,255,.035)}.location-content{position:relative;z-index:2}.location-content .kicker{color:#e1c78f}.location h2{margin:20px auto 17px;font-size:clamp(48px,6.5vw,92px)}.location-content>p:not(.kicker){font-size:14px;color:#e5d5c2;margin-bottom:30px}.outline-button{display:inline-flex;gap:28px;padding:15px 21px;border:1px solid rgba(238,233,223,.7);color:var(--cream);text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.outline-button span{color:var(--gold2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{margin:15px 0 25px}.contact-copy{font-size:14px;line-height:1.8;color:#5f5a52;max-width:540px}.contact-details{margin-top:50px}.contact-details a{display:block;padding:17px 0;border-top:1px solid var(--border);text-decoration:none;color:var(--black)}.contact-details small{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-bottom:7px}.contact-details span{font-size:15px}.enquiry-form{background:#ded5c6;padding:45px}.enquiry-form label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.14em;margin-bottom:24px}.enquiry-form input,.enquiry-form textarea{width:100%;display:block;border:0;border-bottom:1px solid #aaa195;background:transparent;padding:12px 0;font:15px "DM Sans";outline:0;resize:vertical}.enquiry-form input:focus,.enquiry-form textarea:focus{border-color:var(--gold)}#formNote{font-size:10px;color:#765637;margin-top:17px}
footer{border-top:1px solid var(--border);padding:34px 8vw;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--muted);font-size:10px}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--black);text-decoration:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.timeline .reveal:nth-child(2){transition-delay:.08s}.timeline .reveal:nth-child(3){transition-delay:.16s}.timeline .reveal:nth-child(4){transition-delay:.24s}
@keyframes levitate{0%,100%{margin-top:0}50%{margin-top:-20px}}@keyframes sheet{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(4deg) translateY(-18px)}}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(-2%,-1%)}100%{transform:translate(0)}}
@media(max-width:850px){.nav{height:72px;padding:0 6vw}.menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(238,233,223,.98);padding:25px 6vw 30px;flex-direction:column;align-items:flex-start;gap:22px;border-bottom:1px solid var(--border)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:125px 6vw 90px;min-height:100svh}.paper-architecture{right:-10vw;width:85vw;opacity:.48}.hero-overlay{background:linear-gradient(90deg,rgba(16,16,14,.98),rgba(16,16,14,.7))}.hero-content{max-width:650px}.hero-meta{left:6vw;right:6vw}.section{padding:100px 6vw}.intro-grid,.process-heading,.contact-grid,.product-panel{grid-template-columns:1fr}.metrics{margin-top:65px}.product-visual{min-height:500px}.product-copy{padding:65px 9vw}.timeline{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(3){padding-left:0}.location{min-height:500px;padding:60px 6vw}.gold-cursor{display:none}footer{padding:30px 6vw;flex-wrap:wrap}}
@media(max-width:520px){.hero h1{font-size:54px}.hero-sub{font-size:27px}.paper-architecture{opacity:.3}.roll{width:160px;height:270px}.sheet{width:210px;height:290px;right:20%}.timeline{grid-template-columns:1fr}.process-step,.process-step:not(:first-child){border-right:0;border-bottom:1px solid rgba(238,233,223,.2);padding:25px 0}.metrics{grid-template-columns:1fr}.metric,.metric:last-child{border-right:0;border-bottom:1px solid var(--border);padding:25px 0}.product-visual{min-height:400px}.stack-card{width:220px;height:300px}.product-copy h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}