*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#10100e;--cream:#eee9df;--cream2:#e3dccf;--gold:#b08a4a;--gold2:#d2b36d;--brown:#6b4930;--brown2:#8a603d;--muted:#777167;--border:rgba(20,19,16,.15);--darkborder:rgba(238,233,223,.18)}
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:90;pointer-events:none;opacity:.032;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}
.cursor-orb{position:fixed;z-index:80;width:180px;height:180px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(176,138,74,.1),transparent 68%);opacity:0;transition:opacity .3s}
.nav{height:88px;position:fixed;inset:0 0 auto;z-index:70;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(var(--cream),rgba(238,233,223,.86),transparent);backdrop-filter:blur(9px)}
.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:flex;align-items:center;padding:145px 8vw 90px;overflow:hidden;isolation:isolate}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(0,0,0,.45));z-index:1;pointer-events:none}
.hero-scene{position:absolute;inset:0;z-index:-1;perspective:1300px;overflow:hidden;background:radial-gradient(circle at 72% 46%,#3f2e20,#171613 42%,#10100e 74%)}
.scene-floor{position:absolute;left:43%;right:-12%;bottom:-24%;height:55%;transform:rotateX(67deg);transform-origin:center bottom;background:repeating-linear-gradient(90deg,transparent 0 95px,rgba(238,233,223,.035) 96px 97px),repeating-linear-gradient(0deg,transparent 0 95px,rgba(238,233,223,.035) 96px 97px);border-top:1px solid rgba(238,233,223,.1)}
.scene-ring{position:absolute;border:1px solid rgba(210,179,109,.17);border-radius:50%;transform-style:preserve-3d}.ring-a{width:700px;height:700px;right:-80px;top:4%;animation:ringspin 28s linear infinite}.ring-b{width:480px;height:480px;right:125px;top:17%;animation:ringspin 19s linear infinite reverse}
.paper-roll{position:absolute;width:225px;height:370px;border-radius:50%;background:linear-gradient(90deg,#4a2d1b,#8c5d38 42%,#a4774f 56%,#56321e);box-shadow:28px 42px 75px rgba(0,0,0,.48);transform-style:preserve-3d}.paper-roll:before{content:"";position:absolute;inset:9px 20px 9px 20px;border-radius:50%;border:1px solid rgba(240,218,183,.13)}.paper-roll:after{content:"";position:absolute;left:22px;right:22px;top:43%;height:80px;border-radius:50%;border:10px solid rgba(30,20,12,.46)}.paper-roll span{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);font-size:15px;font-weight:700;letter-spacing:.2em;color:rgba(245,232,207,.32);z-index:2}.roll-a{right:22%;top:22%;transform:rotate(-19deg) rotateY(-13deg);animation:floatA 8s ease-in-out infinite}.roll-b{right:2%;top:15%;transform:rotate(17deg) rotateY(15deg) scale(.88);animation:floatB 9s -3s ease-in-out infinite}.roll-c{right:32%;bottom:3%;transform:rotate(8deg) rotateY(-8deg) scale(.65);filter:brightness(.72);animation:floatC 10s -5s ease-in-out infinite}
.paper-block{position:absolute;width:295px;height:410px;right:28%;top:25%;z-index:5;background:linear-gradient(135deg,#a86f43,#70401f);box-shadow:36px 55px 95px rgba(0,0,0,.58);transform-style:preserve-3d;transform:rotateX(3deg) rotateY(-17deg) rotateZ(7deg);animation:blockFloat 9s ease-in-out infinite}.paper-block:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px)}.paper-block:after{content:"";position:absolute;inset:0;border:1px solid rgba(238,233,223,.12);transform:translateZ(18px)}.paper-block span{position:absolute;left:24px;bottom:35px;font-size:12px;letter-spacing:.2em;color:rgba(245,232,207,.55)}.paper-block b{position:absolute;right:24px;top:25px;font:400 54px "Playfair Display";color:rgba(245,232,207,.15)}
.hero-content{position:relative;z-index:10;max-width:690px}.kicker{font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--gold)}.hero .kicker{color:#d6b978}.hero-rule{width:80px;height:1px;background:var(--gold);margin:24px 0 14px}.hero-index{font-size:8px;letter-spacing:.2em;color:#858077;margin-bottom:18px}.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:590px;margin:35px 0 18px;color:#f2eee5}.hero-copy{font-size:14px;line-height:1.8;color:#aaa59d;max-width:570px}.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;border:0;cursor:pointer}.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-side-note{position:absolute;z-index:8;right:5.5vw;bottom:35px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.18em;color:#8f8981;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-side-note i{width:1px;height:45px;background:rgba(238,233,223,.25)}
.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}.information-band{margin-top:60px;padding:25px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.information-band div{display:flex;flex-direction:column;gap:8px}.information-band span{font-size:8px;letter-spacing:.16em;color:var(--muted)}.information-band b{font:400 19px "Playfair Display"}
.product{background:var(--cream2)}.product-heading{margin-bottom:65px}.product-heading h2{margin-top:15px}.product-stage{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;background:#c8b79f;box-shadow:0 35px 80px rgba(47,31,16,.12);overflow:hidden}.product-3d{position:relative;min-height:650px;overflow:hidden;perspective:1200px;background:radial-gradient(circle at 50% 45%,#d6b48e,#9c714d 65%,#755038)}.product-3d:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49.9%,rgba(20,15,10,.15) 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.9%,rgba(20,15,10,.1) 50%,transparent 50.2%);opacity:.25}.sheet-3d{position:absolute;width:290px;height:405px;left:50%;top:50%;transform-style:preserve-3d;box-shadow:25px 40px 65px rgba(40,23,12,.25)}.sheet-3d:after{content:"";position:absolute;inset:0;border:1px solid rgba(245,232,207,.13)}.sheet-back{background:#6e4930;transform:translate(-47%,-45%) rotateX(7deg) rotateY(-24deg) rotateZ(-12deg)}.sheet-mid{background:#a8744a;transform:translate(-53%,-51%) rotateX(5deg) rotateY(-10deg) rotateZ(5deg)}.sheet-front{background:linear-gradient(135deg,#b77e4d,#764522);transform:translate(-48%,-50%) rotateX(3deg) rotateY(-18deg) rotateZ(-3deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f2e8d7;animation:productTilt 8s ease-in-out infinite}.sheet-front span{font-weight:700;letter-spacing:.2em;font-size:17px}.sheet-front b{font:400 58px "Playfair Display";opacity:.62}.product-shadow{position:absolute;width:350px;height:75px;border-radius:50%;background:rgba(40,23,12,.28);filter:blur(18px);left:50%;bottom:10%;transform:translateX(-50%) rotateX(65deg)}.axis{position:absolute;background:rgba(245,232,207,.12);transform-origin:left center}.axis-x{width:170px;height:1px;left:52%;top:50%;transform:rotate(-10deg)}.axis-y{width:120px;height:1px;left:52%;top:50%;transform:rotate(-72deg)}.stage-label{position:absolute;font-size:8px;letter-spacing:.18em;color:#f1e3d0}.label-top{left:30px;top:28px}.label-bottom{right:30px;bottom:28px}.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:var(--darkborder);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-3d{margin-top:85px;border-top:1px solid var(--darkborder);display:grid;grid-template-columns:repeat(4,1fr);perspective:1000px}.process-step{min-height:330px;padding:28px 28px 20px 0;border-right:1px solid var(--darkborder);position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.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-disc{width:105px;height:105px;border:1px solid rgba(210,179,109,.32);border-radius:50%;display:grid;place-items:center;font:400 35px "Playfair Display";color:rgba(210,179,109,.55);margin:30px 0 22px;transform:translateZ(30px);transition:.5s}.process-step h3{font:400 27px "Playfair Display";margin-bottom:10px}.process-step p{font-size:12px;line-height:1.65;color:#99938b;max-width:220px}.process-step i{position:absolute;right:25px;top:80px;width:55px;height:1px;background:rgba(210,179,109,.25);transform:rotate(-25deg)}.process-step:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-3deg)}.process-step:hover .step-disc{transform:translateZ(50px) rotate(8deg);border-color:rgba(210,179,109,.55)}
.location{min-height:650px;background:linear-gradient(120deg,#68462e,#9b7049);color:var(--cream);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;isolation:isolate}.location-grid{position:absolute;inset:0;perspective:1000px;overflow:hidden;z-index:-1}.location-plane{position:absolute;left:10%;right:10%;bottom:-30%;height:75%;transform:rotateX(69deg);background:repeating-linear-gradient(90deg,transparent 0 110px,rgba(238,233,223,.06) 111px 112px),repeating-linear-gradient(0deg,transparent 0 110px,rgba(238,233,223,.06) 111px 112px)}.location-marker{position:absolute;left:50%;top:50%;width:125px;height:125px;border:1px solid rgba(238,233,223,.28);border-radius:50%;display:grid;place-items:center;font-size:34px;letter-spacing:-.08em;color:rgba(238,233,223,.3);transform:translate(-50%,-50%) rotateX(35deg);animation:marker 7s ease-in-out infinite}.location:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,235,197,.08),transparent 48%)}.location-content{position:relative;z-index:3}.location-content .kicker{color:#e1c78f}.location-code{font-size:8px;letter-spacing:.18em;color:#cdbba5;margin-top:13px}.location h2{margin:20px auto 17px;font-size:clamp(48px,6.5vw,92px)}.location-content>p:not(.kicker):not(.location-code){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}.form-title{margin-bottom:30px;border-bottom:1px solid var(--border);padding-bottom:20px}.form-title span{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-bottom:7px}.form-title b{font:400 25px "Playfair Display"}.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-3d .reveal:nth-child(2){transition-delay:.08s}.timeline-3d .reveal:nth-child(3){transition-delay:.16s}.timeline-3d .reveal:nth-child(4){transition-delay:.24s}
@keyframes floatA{0%,100%{transform:rotate(-19deg) rotateY(-13deg) translate3d(0,0,0)}50%{transform:rotate(-14deg) rotateY(-18deg) translate3d(-12px,-20px,18px)}}@keyframes floatB{0%,100%{transform:rotate(17deg) rotateY(15deg) scale(.88) translate3d(0,0,0)}50%{transform:rotate(12deg) rotateY(20deg) scale(.9) translate3d(12px,-25px,20px)}}@keyframes floatC{0%,100%{transform:rotate(8deg) rotateY(-8deg) scale(.65) translateY(0)}50%{transform:rotate(12deg) rotateY(-14deg) scale(.68) translateY(-16px)}}@keyframes blockFloat{0%,100%{transform:rotateX(3deg) rotateY(-17deg) rotateZ(7deg) translateY(0)}50%{transform:rotateX(1deg) rotateY(-11deg) rotateZ(4deg) translateY(-18px)}}@keyframes productTilt{0%,100%{transform:translate(-48%,-50%) rotateX(3deg) rotateY(-18deg) rotateZ(-3deg)}50%{transform:translate(-48%,-52%) rotateX(5deg) rotateY(-11deg) rotateZ(-1deg)}}@keyframes ringspin{to{transform:rotateZ(360deg) rotateX(55deg)}}@keyframes marker{0%,100%{transform:translate(-50%,-50%) rotateX(35deg) rotateZ(0)}50%{transform:translate(-50%,-54%) rotateX(35deg) rotateZ(8deg)}}@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{padding:125px 6vw 90px;min-height:100svh}.hero-scene{opacity:.58}.paper-block{right:15%;top:30%;width:230px;height:320px}.paper-roll{width:170px;height:285px}.roll-a{right:13%;top:28%}.roll-b{right:-4%;top:18%}.roll-c{right:28%;bottom:5%}.scene-floor{left:0;right:-10%}.hero-content{max-width:650px}.hero-side-note{display:none}.section{padding:100px 6vw}.intro-grid,.process-heading,.contact-grid,.product-stage{grid-template-columns:1fr}.metrics{margin-top:65px}.information-band{grid-template-columns:1fr}.product-3d{min-height:520px}.product-copy{padding:65px 9vw}.timeline-3d{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(3){padding-left:0}.location{min-height:540px;padding:60px 6vw}.cursor-orb{display:none}footer{padding:30px 6vw;flex-wrap:wrap}}
@media(max-width:520px){.hero h1{font-size:54px}.hero-sub{font-size:27px}.hero-scene{opacity:.3}.paper-block{right:9%;top:33%;width:190px;height:270px}.paper-roll{width:135px;height:225px}.roll-a{right:2%;top:31%}.roll-b{right:-10%;top:20%}.roll-c{right:25%;bottom:8%}.timeline-3d{grid-template-columns:1fr}.process-step,.process-step:not(:first-child){border-right:0;border-bottom:1px solid var(--darkborder);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-3d{min-height:410px}.sheet-3d{width:220px;height:300px}.product-copy h3{font-size:40px}.stage-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}