:root{--ink:#2d302b;--bone:#eeeae0;--oat:#d3ccbc;--olive:#69705d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bone);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.fabric-stage{height:100svh;min-height:650px;overflow:hidden;position:relative;background:#b9b2a2;isolation:isolate;cursor:grab}.fabric-stage:active{cursor:grabbing}.topbar{z-index:7;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:29px 36px;color:#292a25;mix-blend-mode:multiply}.brand{font-family:"Playfair Display",serif;font-size:29px;letter-spacing:-1.8px;text-transform:lowercase}.menu-link,.bag{display:flex;align-items:center;gap:7px;padding:0;border:0;background:none;font:500 10px/1 "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.menu-link span{width:12px;height:1px;background:currentColor;display:block}.menu-link span+span{margin-left:-15px;transform:translateY(4px)}.bag span{opacity:.55}.intro-copy{position:absolute;z-index:5;left:9vw;top:50%;transform:translateY(-42%);color:#33342f;transition:opacity .6s ease,transform .8s cubic-bezier(.23,1,.32,1)}.eyebrow{margin:0 0 22px;font:500 10px/1.3 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.intro-copy h1{font:500 clamp(46px,6.8vw,105px)/.91 "Playfair Display",serif;margin:0;letter-spacing:-.07em}h1 em,h2 em{font-weight:500}.intro-note{max-width:190px;margin-top:32px;font-size:12px;line-height:1.6;opacity:.7}.pull-cue{z-index:8;position:absolute;bottom:7.2vh;left:50%;transform:translateX(-50%);border:0;background:none;padding:12px;display:flex;flex-direction:column;align-items:center;gap:9px;font:500 9px/1 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .4s}.cue-line{width:1px;height:31px;background:currentColor;position:relative}.cue-line:after{content:"";position:absolute;left:-2px;bottom:0;width:5px;height:5px;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(45deg)}.drag-message{position:absolute;z-index:6;right:36px;bottom:31px;font:500 9px/1 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.reveal{position:absolute;z-index:1;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:13vh 10vw 8vh;background:#e6e0d4;overflow:hidden}.reveal-label{position:absolute;left:36px;bottom:32px;margin:0;font:500 9px/1 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.garment-shape{width:min(32vw,440px);aspect-ratio:.8;justify-self:center;position:relative;filter:drop-shadow(0 25px 19px rgba(55,50,40,.11));transform:rotate(-2deg)}.body-shape,.sleeve,.shoulder,.collar{position:absolute;background:#8f9a80;background-image:linear-gradient(120deg,rgba(255,255,255,.25),transparent 36%,rgba(58,65,49,.1))}.body-shape{inset:24% 18% 0;border-radius:32% 32% 12% 12%/12% 12% 4% 4%}.sleeve{top:27%;width:28%;height:55%;border-radius:50% 48% 16% 17%}.sleeve.left{left:4%;transform:rotate(23deg)}.sleeve.right{right:4%;transform:rotate(-23deg)}.shoulder{top:19%;width:38%;height:25%}.shoulder.left{left:17%;transform:rotate(-21deg);border-radius:50% 0 0 0}.shoulder.right{right:17%;transform:rotate(21deg);border-radius:0 50% 0 0}.collar{top:18%;left:42%;width:16%;height:13%;border:5px solid #d8d8c7;background:transparent;border-radius:50%;z-index:2}.product-copy{align-self:end;padding:0 0 14vh 5vw}.product-copy p{font:500 10px/1.3 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.product-copy h2{margin:18px 0 28px;font:500 clamp(37px,4.2vw,68px)/.9 "Playfair Display",serif;letter-spacing:-.06em}.product-copy a,.manifesto a{display:inline-flex;gap:28px;align-items:center;font:500 10px/1 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:9px}.fabric{pointer-events:none;z-index:3;position:absolute;top:-10%;bottom:-10%;width:58%;will-change:transform;transition:transform 1.15s cubic-bezier(.22,1,.36,1);box-shadow:0 0 40px rgba(43,40,34,.11)}.fabric:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(87deg,transparent 0 3px,rgba(72,64,50,.07) 3.5px 4px),repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.07) 4.5px 5px),linear-gradient(113deg,rgba(255,255,255,.31),transparent 35%,rgba(67,62,54,.13) 75%,rgba(255,255,255,.19));mix-blend-mode:overlay}.fabric-left{left:-8%;transform:rotate(-2deg) translateX(calc(var(--split,0)*-1px));background:linear-gradient(104deg,#cbc4b5,#d8d1c1 47%,#aaa395);clip-path:polygon(0 0,99% 0,91% 12%,100% 22%,92% 35%,100% 49%,89% 62%,99% 75%,90% 89%,100% 100%,0 100%)}.fabric-right{right:-8%;transform:rotate(2deg) translateX(calc(var(--split,0)*1px));background:linear-gradient(255deg,#b6b0a1,#d4cdbd 56%,#a7a092);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 88%,0 78%,11% 66%,0 51%,9% 38%,0 22%,10% 12%)}.grain{z-index:4;position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.56'/%3E%3C/svg%3E")}.fabric-stage.is-open .fabric-left{transform:rotate(-2deg) translateX(-45vw)}.fabric-stage.is-open .fabric-right{transform:rotate(2deg) translateX(45vw)}.fabric-stage.is-open .intro-copy,.fabric-stage.is-open .pull-cue,.fabric-stage.is-open .drag-message{opacity:0;pointer-events:none}.fabric-stage.is-open .intro-copy{transform:translateY(-42%) scale(.95)}.manifesto{min-height:76vh;padding:16vh 9vw 10vh;display:flex;flex-direction:column;justify-content:space-between}.manifesto h2{margin:0;max-width:900px;font:500 clamp(44px,6vw,91px)/.96 "Playfair Display",serif;letter-spacing:-.06em}.manifesto-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:12vh}.manifesto-bottom p{max-width:285px;margin:0;font-size:14px;line-height:1.65}.pieces{display:grid;grid-template-columns:1.22fr .89fr .89fr;gap:1px;background:#a29e92}.piece{min-height:620px;background:#ded8ca;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.piece:nth-child(2){background:#c8c7b6}.piece:nth-child(3){background:#a7ad9b}.piece>p{margin:0;font:500 9px/1.3 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.piece-art{margin:30px auto;width:72%;aspect-ratio:.72;position:relative}.knit-art{background:#979b83;border-radius:46% 46% 14% 14%;box-shadow:inset 20px 0 40px rgba(255,255,255,.18),22px 24px 35px rgba(60,61,48,.15)}.knit-art span{color:rgba(255,255,255,.55);display:block;text-align:center;padding-top:54%;font:italic 30px "Playfair Display",serif;transform:rotate(-7deg)}.trouser-art:before,.trouser-art:after{content:"";position:absolute;top:0;width:47%;height:100%;background:#827968;border-radius:45% 45% 8% 8%}.trouser-art:before{left:1%;transform:rotate(3deg)}.trouser-art:after{right:1%;transform:rotate(-3deg)}.coat-art{width:58%;background:#5e6c5a;border-radius:35% 35% 8% 8%;box-shadow:inset 15px 0 25px rgba(255,255,255,.15)}.coat-art:after{content:"";position:absolute;inset:8% 47%;background:rgba(255,255,255,.18)}.piece-footer{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.piece-footer h3{margin:0;font:500 26px/1 "Playfair Display",serif;letter-spacing:-.04em}.piece-footer span{white-space:nowrap;font:500 10px "DM Mono",monospace}footer{padding:9vh 9vw 5vh;min-height:310px;background:#2f352e;color:#e4e1d8;display:flex;flex-direction:column;justify-content:space-between}.footer-brand{font-size:clamp(53px,9vw,126px)}.footer-brand+p{margin:0;font:italic 23px "Playfair Display",serif}footer>a:last-child{align-self:flex-end;font:500 10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}@media(max-width:700px){.topbar{padding:23px 19px}.topbar .brand{font-size:25px}.intro-copy{left:25px}.intro-copy h1{font-size:51px}.drag-message{right:19px;bottom:20px}.pull-cue{bottom:50px}.reveal{grid-template-columns:1fr;padding:15vh 8vw 6vh}.garment-shape{width:52vw;align-self:end}.product-copy{padding:0 0 9vh;align-self:end}.product-copy h2{font-size:43px}.reveal-label{left:20px;bottom:20px}.fabric{width:70%}.fabric-stage.is-open .fabric-left{transform:rotate(-2deg) translateX(-62vw)}.fabric-stage.is-open .fabric-right{transform:rotate(2deg) translateX(62vw)}.manifesto{min-height:670px;padding:14vh 25px 8vh}.manifesto h2{font-size:47px}.manifesto-bottom{align-items:start;flex-direction:column;margin-top:8vh}.pieces{grid-template-columns:1fr}.piece{min-height:560px}.feature-piece{min-height:660px}.piece-art{width:57%}footer{padding:8vh 25px 4vh}}