*{box-sizing:border-box;margin:0;padding:0} :root{--black:#10100e;--cream:#eee9df;--cream2:#e3dccf;--gold:#b08a4a;--gold2:#d2b36d;--brown:#6b4930;--muted:#777167;--line:rgba(20,19,16,.15);--darkline:rgba(238,233,223,.17)} 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:100;pointer-events:none;opacity:.03;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 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}.nav{position:fixed;z-index:80;top:0;left:0;right:0;height:86px;padding:0 5.5vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(var(--cream),rgba(238,233,223,.85),transparent);backdrop-filter:blur(8px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--black)}.monogram{width:41px;height:41px;border:1px solid currentColor;display:grid;place-items:center;font-size:12px;font-weight:700}.brand b{display:block;font-size:12px;letter-spacing:.14em}.brand small{display:block;font-size:8px;letter-spacing:.15em;margin-top:3px}nav{display:flex;gap:30px;align-items:center}nav a{color:var(--black);text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.nav-button{padding:12px 18px;border:1px solid var(--black)}.menu{display:none;background:none;border:0}.menu i{display:block;width:27px;height:1px;background:var(--black);margin:6px}
.hero{min-height:100vh;background:var(--black);color:var(--cream);position:relative;display:grid;place-items:center;padding:150px 8vw 90px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 50%,rgba(107,73,48,.5),transparent 42%),linear-gradient(90deg,rgba(16,16,14,.98),rgba(16,16,14,.68),rgba(16,16,14,.9));pointer-events:none}.hero-copy{position:relative;z-index:3;width:100%;max-width:1180px}.kicker{font-size:9px;letter-spacing:.22em;color:var(--gold2);font-weight:700}.hero h1{font-size:clamp(60px,9vw,130px);line-height:.8;letter-spacing:-.07em;margin-top:20px}.hero h1 em,.section h2 em,.material h2 em,.location h2 em{font:400 .53em "Playfair Display";color:#c6a766}.hero-copy>p:not(.kicker){max-width:600px;color:#aaa59d;line-height:1.8;font-size:15px;margin-top:25px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:32px}.gold-button{display:inline-flex;gap:28px;padding:16px 21px;background:var(--gold);color:#111;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:700;border:0;cursor:pointer}.gold-button.dark{background:var(--black);color:var(--cream)}.quiet{color:var(--cream);text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.13em}.hero-mini{position:absolute;z-index:4;bottom:35px;right:5.5vw;text-align:right;font-size:8px;letter-spacing:.2em;color:#8d877f}.hero-mini span{color:#605b55}.mill{background:var(--black);color:var(--cream);padding:125px 8vw 100px;overflow:hidden}.mill-head{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end;margin-bottom:60px}.mill h2,.section h2,.material h2{font:400 clamp(45px,5.7vw,82px)/.95 "Playfair Display";letter-spacing:-.05em;margin-top:15px}.mill-head>p{color:#9d9890;font-size:14px;line-height:1.8;max-width:480px}.factory{height:650px;background:#171714;position:relative;perspective:1100px;overflow:hidden;border:1px solid var(--darkline);box-shadow:0 45px 100px rgba(0,0,0,.3)}.factory-grid{position:absolute;left:-15%;right:-15%;bottom:-28%;height:72%;transform:rotateX(66deg);transform-origin:center bottom;background:repeating-linear-gradient(90deg,transparent 0 80px,rgba(238,233,223,.06) 81px 82px),repeating-linear-gradient(0deg,transparent 0 80px,rgba(238,233,223,.06) 81px 82px)}.factory-back{position:absolute;inset:0;background:radial-gradient(circle at 52% 38%,rgba(155,112,73,.26),transparent 36%)}.factory-title{position:absolute;left:28px;top:25px;font-size:8px;letter-spacing:.18em;color:#77736c}.station{position:absolute;z-index:20;background:none;border:0;color:var(--cream);text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}.station span{font-size:8px;color:var(--gold2)}.station b{font-size:9px;letter-spacing:.14em;font-weight:600}.station i{width:28px;height:1px;background:rgba(210,179,109,.25);transition:.4s}.station:hover i,.station.active i{width:48px;background:var(--gold2)}.station-1{left:7%;top:43%}.station-2{left:32%;top:28%}.station-3{left:55%;top:46%}.station-4{right:6%;top:27%}.machine{position:absolute;z-index:8;transform-style:preserve-3d;filter:drop-shadow(25px 35px 25px rgba(0,0,0,.38))}.pulper{left:8%;top:50%;width:190px;height:150px}.tank{position:absolute;width:150px;height:120px;border:10px solid #6e6255;border-radius:22px 22px 50px 50px;background:linear-gradient(90deg,#2c2925,#6a5b4c);transform:rotateX(-10deg)}.pipe{position:absolute;right:0;top:20px;width:65px;height:8px;background:#806b55;transform:rotateZ(-28deg)}.machine-label{position:absolute;bottom:-28px;left:0;font-size:8px;letter-spacing:.14em;color:#817b73;white-space:nowrap}.cleaner{left:33%;top:23%;width:180px;height:220px}.tower{width:85px;height:190px;margin-left:45px;background:linear-gradient(90deg,#3b3732,#756552,#403a35);border-radius:14px 14px 7px 7px;transform:skewY(-2deg)}.cleaner .pipe{right:5px;top:72px}.machine-roll{left:55%;top:39%;width:220px;height:220px}.frame{position:absolute;inset:10px;border:10px solid #4d463e;border-radius:20px;transform:rotateY(16deg)}.roll-core{position:absolute;width:150px;height:150px;border-radius:50%;left:35px;top:35px;background:radial-gradient(circle,#181714 0 18%,#9b6a42 19% 33%,#5d402b 34% 100%);box-shadow:inset -20px -20px 35px rgba(0,0,0,.3)}.sheet-flow{position:absolute;width:190px;height:18px;background:#b28a5b;left:90px;top:95px;transform:rotate(-12deg);box-shadow:0 15px 20px rgba(0,0,0,.25)}.finished-roll{position:absolute;z-index:10;right:8%;top:21%;width:205px;height:270px;transform:rotate(-9deg) rotateY(-16deg);filter:drop-shadow(28px 40px 28px rgba(0,0,0,.45));transform-style:preserve-3d}.roll-body{position:absolute;inset:15px 22px;background:linear-gradient(90deg,#6d4327,#a46d43 50%,#6a4025);border-radius:50% / 12%;}.roll-face{position:absolute;width:205px;height:78px;top:95px;left:0;border-radius:50%;background:radial-gradient(circle,#1a1713 0 16%,#8c5a35 17% 28%,#b17d50 29% 45%,#633c25 46%);z-index:2}.material-pieces{position:absolute;left:15%;bottom:31%;display:flex;gap:12px;z-index:9}.material-pieces i{width:35px;height:26px;background:#8d755d;display:block;transform:rotate(12deg);box-shadow:8px 10px 10px rgba(0,0,0,.25)}.material-pieces i:nth-child(2){transform:rotate(-8deg) translateY(-8px)}.material-pieces i:nth-child(3){transform:rotate(17deg) translateY(5px)}.material-pieces i:nth-child(4){transform:rotate(-13deg) translateY(-3px)}.material-pieces i:nth-child(5){transform:rotate(7deg)}.conveyor{position:absolute;height:13px;background:#3e3933;border-top:1px solid #766b5e;transform:skewY(-7deg);z-index:7}.c1{left:18%;width:20%;bottom:35%}.c2{left:42%;width:22%;bottom:46%}.c3{left:64%;width:20%;bottom:34%}.paper-web{position:absolute;z-index:6;left:62%;top:48%;width:185px;height:16px;background:#c09a6b;transform:rotate(-12deg);animation:webflow 3s ease-in-out infinite}.floor-shadow{position:absolute;z-index:4;width:70%;height:80px;left:15%;bottom:13%;background:rgba(0,0,0,.28);filter:blur(25px);border-radius:50%}.station-info{display:grid;grid-template-columns:170px 1fr;gap:35px;border-top:1px solid var(--darkline);margin-top:25px;padding-top:24px}.station-info>div:first-child{display:flex;flex-direction:column;gap:6px}.station-info span{font:400 40px "Playfair Display";color:var(--gold2)}.station-info small{font-size:8px;letter-spacing:.15em;color:#8b867e}.station-info h3{font:400 31px "Playfair Display";margin-bottom:8px}.station-info p{font-size:13px;line-height:1.7;color:#9d9890;max-width:650px}.section{padding:125px 8vw}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-bottom:70px;font-size:9px;letter-spacing:.18em;color:var(--muted)}.journey{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.journey-card{min-height:280px;padding:28px 25px 20px 0;border-right:1px solid var(--line);transition:.5s;transform-style:preserve-3d}.journey-card:not(:first-child){padding-left:25px}.journey-card:last-child{border:0}.journey-card>span{font-size:8px;color:var(--gold)}.journey-card>div{font-size:43px;color:var(--brown);margin:30px 0}.journey-card h3{font:400 26px "Playfair Display";margin-bottom:10px}.journey-card p{font-size:12px;color:var(--muted);line-height:1.7}.journey-card:hover{transform:translateY(-10px) rotateX(3deg) rotateY(-3deg)}.material{min-height:690px;background:var(--cream2);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:110px 8vw;overflow:hidden}.material-object{height:500px;position:relative;perspective:1000px}.roll3d{position:absolute;width:270px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-18deg) rotateZ(-10deg);border-radius:50% / 7%;background:linear-gradient(90deg,#5e3922,#a36d43 45%,#6d4226);box-shadow:40px 55px 70px rgba(52,31,16,.25);animation:rollFloat 7s ease-in-out infinite}.roll3d:after{content:"";position:absolute;width:250px;height:95px;left:10px;top:150px;border-radius:50%;background:radial-gradient(circle,#1d1914 0 17%,#8d5a35 18% 30%,#b07a4e 31% 47%,#6a4026 48%);}.roll-small{width:150px;height:230px;left:25%;top:64%;transform:rotateY(20deg) rotateZ(14deg);opacity:.75;animation-delay:-3s}.material-copy>p:not(.kicker){max-width:520px;color:#5f5a52;line-height:1.8;margin:25px 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0}.facts div{padding:20px 12px 20px 0;border-right:1px solid var(--line)}.facts div:last-child{border:0;padding-left:15px}.facts b{display:block;font-size:31px;letter-spacing:-.05em}.facts span{font-size:7px;letter-spacing:.14em;color:var(--muted);line-height:1.5}.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:"HP";position:absolute;font-size:52vw;right:-10vw;bottom:-20vw;font-weight:700;color:rgba(255,255,255,.035)}.location-content{position:relative;z-index:2}.location-content small{display:block;font-size:8px;letter-spacing:.18em;color:#cdbba5;margin-top:12px}.location h2{margin:20px 0;font:400 clamp(50px,6.5vw,92px)/.95 "Playfair Display"}.location-content>p{font-size:14px;color:#e5d5c2;margin-bottom:30px}.outline{display:inline-block;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}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font:400 clamp(45px,5.7vw,82px)/.95 "Playfair Display";margin:15px 0 25px}.contact-copy,.contacts{color:#5f5a52;line-height:1.8}.contacts{margin-top:45px}.contacts a{display:block;border-top:1px solid var(--line);padding:16px 0;text-decoration:none;color:var(--black)}.contacts small{display:block;font-size:8px;letter-spacing:.15em;color:var(--muted);margin-bottom:5px}.form{background:#ded5c6;padding:45px}.form label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:22px}.form input,.form textarea{display:block;width:100%;border:0;border-bottom:1px solid #aaa195;background:transparent;padding:12px 0;font:15px "DM Sans";outline:none;resize:vertical}.form input:focus,.form textarea:focus{border-color:var(--gold)}footer{border-top:1px solid var(--line);padding:34px 8vw;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:10px}footer>a{color:var(--black);text-decoration:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@keyframes floatA{50%{transform:rotate(-14deg) rotateY(-18deg) translate3d(-12px,-18px,18px)}}@keyframes floatB{50%{transform:rotate(12deg) rotateY(20deg) scale(.9) translate3d(12px,-22px,20px)}}@keyframes floatC{50%{transform:rotate(12deg) rotateY(-14deg) scale(.68) translateY(-16px)}}@keyframes webflow{50%{transform:rotate(-12deg) translateX(18px)}}@keyframes rollFloat{50%{transform:translate(-50%,-53%) rotateY(-10deg) rotateZ(-6deg)}}@keyframes noise{0%{transform:translate(0)}50%{transform:translate(-1%,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;flex-direction:column;align-items:flex-start}.menu:focus+nav{display:flex}.hero{padding:120px 6vw 90px}.factory{height:560px}.mill-head,.contact-grid,.material{grid-template-columns:1fr}.mill-head>p{margin-top:25px}.station{font-size:8px}.station-1{left:4%}.station-2{left:28%}.station-3{left:53%}.station-4{right:2%}.journey{grid-template-columns:1fr 1fr}.journey-card:nth-child(2){border-right:0}.material-object{margin-bottom:40px}.facts{margin-bottom:30px}.contact-grid{gap:55px}footer{flex-wrap:wrap;padding:30px 6vw}}
@media(max-width:560px){.hero h1{font-size:56px}.hero-actions{flex-wrap:wrap}.factory{height:510px}.factory-title{font-size:7px}.paper-web{display:none}.station b{font-size:7px}.station-1{top:45%}.station-2{top:26%}.station-3{top:47%}.station-4{top:29%}.machine-roll{left:51%;transform:scale(.75)}.finished-roll{right:-3%;transform:scale(.75) rotate(-9deg)}.cleaner{left:27%;transform:scale(.7)}.pulper{left:2%;transform:scale(.7)}.station-info{grid-template-columns:75px 1fr;gap:15px}.station-info span{font-size:28px}.station-info h3{font-size:24px}.journey{grid-template-columns:1fr}.journey-card,.journey-card:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.facts{grid-template-columns:1fr}.facts div,.facts div:last-child{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.material{padding:90px 6vw}.material-object{height:380px}.roll3d{width:205px;height:300px}.roll3d:after{width:185px;height:75px;left:10px;top:110px}.form{padding:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}