@font-face{font-family:Manrope;src:url('fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#f2f3f3;--ink:#202327;--muted:#5d6269;--line:#cdd0d4;--accent:#2446b5;--surface:#e7e9ec;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);color-scheme:light}
:root[data-theme=dark]{--paper:#1d2024;--ink:#f0f1f3;--muted:#b4bac3;--line:#454a52;--accent:#a6b8ff;--surface:#272c32;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.6 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:8px;left:12px;padding:10px;background:var(--paper);z-index:10;transform:translateY(-180%)}.skip:focus{transform:none}.page-space{padding:125px max(5vw,24px)}
/* Layers: image 0, scrim 1, readable content 2, comparison control 3. */
.masthead{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:30px}.wordmark{font-size:37px;line-height:1;font-weight:600;letter-spacing:-2.7px;display:inline-flex;align-items:start}.wordmark span{font-size:27px;line-height:1;margin:0 0 0 5px;letter-spacing:0}.masthead nav{display:flex;gap:34px;font-size:12px}.masthead nav a{padding:10px 0;position:relative}.masthead nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease-out)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:18px 24px;min-height:54px;white-space:nowrap;font-size:12px;font-weight:600;border:1px solid transparent;transition:transform 160ms var(--ease-out),background-color 200ms ease,color 200ms ease}.button span{font-size:21px;font-weight:400;line-height:1;transition:transform 200ms var(--ease-out)}.primary{color:var(--paper);background:var(--ink)}.light{color:#202327;background:#f2f3f3}.nav-cta{padding:12px 19px;min-height:44px;gap:32px}.button:active{transform:scale(.98)}
.campaign{position:relative;min-height:660px;height:calc(100dvh - 78px);max-height:980px;overflow:hidden;background:#27292a;color:#f2f3f3}.campaign-media{position:absolute;inset:0;overflow:hidden}.campaign-media img{height:115%;object-fit:cover;object-position:50% 50%;transform:translateY(-5%)}.campaign:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(19,22,25,.52),rgba(19,22,25,.06) 68%);pointer-events:none}.campaign-content{position:relative;z-index:2;padding:72px 5vw 60px;max-width:920px}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:39px}.campaign h1{font-size:clamp(64px,7.5vw,112px);line-height:1.02;letter-spacing:-.065em;font-weight:400}.line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.line>span{display:block}.hero-copy{font-size:14px;line-height:1.9;margin:31px 0 30px;color:#e5e7e9}.campaign .button{min-width:197px}.section-note{font-size:12px;line-height:1.4;color:var(--muted)}
.introduction{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding-top:135px;padding-bottom:145px}.introduction .section-note{padding-top:14px}.intro-main h2{font-size:clamp(42px,5.2vw,76px);line-height:1.1;letter-spacing:-.055em;max-width:950px}.intro-main>p{max-width:490px;font-size:17px;line-height:1.8;margin-top:35px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px;font-weight:600;margin-top:28px}.text-link span{font-size:20px;transition:transform 200ms var(--ease-out)}
.collection{overflow:hidden;background:var(--surface)}.collection-inner{padding:54px 0 24px;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.collection-heading{padding:0 5vw 30px}.collection-heading h2{font-size:clamp(30px,3.5vw,52px);line-height:1.12;letter-spacing:-.045em}.collection-heading p{font-size:13px;margin-top:12px;color:var(--muted)}.collection-viewport{overflow:visible}.collection-track{display:flex;gap:26px;padding:0 5vw;width:max-content}.product-story{display:block;flex:none;width:50vw}.product-story.canvas{width:36vw}.product-story.ceramic{width:42vw}.product-image{overflow:hidden;height:clamp(340px,56dvh,700px);background:#afb2b7}.product-image img{height:100%;object-fit:cover;transition:transform 700ms var(--ease-out)}.garment .product-image img{object-position:78% 50%}.canvas .product-image img{object-position:50% 57%}.product-caption{display:flex;align-items:center;justify-content:space-between;padding:18px 0 12px}.product-caption h3{font-size:20px;letter-spacing:-.025em}.product-caption p{font-size:11px;color:var(--muted);margin-top:4px}.product-caption>span{font-size:28px;padding-right:4px}.visual-note{font-size:10px;color:var(--muted);padding:16px 5vw 0}
.composition{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center;padding-top:145px;padding-bottom:145px}.comparison{position:relative;overflow:hidden;background:#aaa;aspect-ratio:4/5;max-height:770px}.comparison>img,.comparison-after,.comparison-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-after{clip-path:inset(0 0 0 45%)}.comparison-divider{position:absolute;left:45%;top:0;bottom:0;width:1px;background:#f2f3f3;pointer-events:none;z-index:2}.comparison-divider span{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:48px;height:48px;background:#f2f3f3;color:#202327;display:grid;place-items:center;font-size:22px}.comparison input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--accent);outline-offset:6px}.comparison-caption{display:flex;justify-content:space-between;font-size:11px;margin-top:13px;color:var(--muted)}.composition-copy h2{font-size:clamp(44px,5vw,74px);letter-spacing:-.055em;line-height:1.05;margin:25px 0}.composition-copy>p:not(.section-note){font-size:15px;line-height:1.85;max-width:350px;margin:27px 0}.composition-copy small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:27px}
.material-section{position:relative;min-height:640px;height:90dvh;max-height:960px;color:#f2f3f3;overflow:hidden;background:#303743}.material-picture{position:absolute;inset:0;overflow:hidden}.material-picture img{height:120%;object-fit:cover;transform:translateY(-10%)}.material-section:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(14,22,38,.8),rgba(14,22,38,.05) 85%)}.material-copy{position:relative;z-index:2;padding:65px 5vw;height:100%;display:flex;flex-direction:column;justify-content:end}.material-copy h2{font-size:clamp(55px,6vw,88px);line-height:1.06;letter-spacing:-.05em}.material-copy p{font-size:14px;line-height:1.8;max-width:395px;margin-top:24px;color:#e5e7ed}
.own-support{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:center}.own-heading h2{font-size:clamp(42px,5.2vw,78px);letter-spacing:-.06em;line-height:1.08}.own-heading>p{max-width:420px;font-size:15px;line-height:1.8;margin-top:26px}.import-options article{padding:27px 0}.import-options article+article{border-top:1px solid var(--line)}.format{font-size:11px;color:var(--accent);font-weight:600}.import-options h3{font-size:21px;letter-spacing:-.035em;margin:12px 0}.import-options p{font-size:13px;line-height:1.8;max-width:350px;color:var(--muted)}
.faq{padding-top:15px;padding-bottom:120px}.faq h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.045em;line-height:1.1;margin-bottom:50px}.faq-list{margin-left:25%;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:30px;list-style:none;cursor:pointer;padding:25px 0;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:23px;transition:transform 200ms var(--ease-out)}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{max-width:640px;color:var(--muted);font-size:13px;line-height:1.85;padding:0 40px 25px 0}
.closing{position:relative;padding-top:90px;padding-bottom:95px;background:var(--surface)}.closing>p{font-size:12px;color:var(--muted);margin-bottom:26px}.closing h2{font-size:clamp(64px,9vw,132px);line-height:1.02;letter-spacing:-.065em}.closing .button{position:absolute;bottom:105px;right:5vw;min-width:220px}.site-footer{padding:65px 5vw 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;padding-bottom:65px}.footer-top p{font-size:12px;line-height:1.8}.theme-toggle{border:1px solid var(--line);color:var(--ink);background:transparent;padding:10px 14px;font-size:11px;min-height:40px}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.masthead nav a:hover:after{transform:scaleX(1)}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.primary:hover{background:var(--accent)}.light:hover{background:#dfe5f5}.product-story:hover img{transform:scale(1.045)}.product-story:hover .product-caption>span{color:var(--accent)}}
@media(min-width:1600px){.campaign-content{padding-top:90px}.campaign h1{font-size:124px}.introduction,.composition,.own-support,.faq,.closing,.site-footer{padding-left:max(5vw,calc((100vw - 1600px)/2));padding-right:max(5vw,calc((100vw - 1600px)/2))}}
@media(max-width:1023px){.campaign-content{padding-top:65px}.campaign{min-height:620px}.campaign h1{font-size:8.6vw}.campaign-media img{object-position:60% center}.collection-inner{min-height:0;padding:60px 0}.collection-track{display:grid;width:auto;grid-template-columns:1fr 1fr;gap:35px 22px}.product-story,.product-story.canvas,.product-story.ceramic{width:auto}.product-story.garment{grid-column:1/-1}.product-image{height:470px}.garment .product-image img{object-position:center 45%}.composition{gap:6vw}.composition-copy h2{font-size:48px}.faq-list{margin-left:15%}.own-support{gap:7vw}.masthead nav{gap:20px}}
@media(max-width:767px){.page-space{padding:78px 22px}.masthead{height:70px;padding:0 20px;gap:18px}.wordmark{font-size:31px}.wordmark span{font-size:23px}.masthead nav{display:none}.nav-cta{font-size:10px;gap:22px;padding:11px 14px}.campaign{height:calc(100svh - 70px);min-height:630px;max-height:850px}.campaign-media img{object-position:63% center;height:100%;transform:none}.campaign:after{background:linear-gradient(90deg,rgba(16,20,23,.65),rgba(16,20,23,.12)),linear-gradient(0deg,rgba(16,20,23,.28),transparent 60%)}.campaign-content{padding:42px 22px;max-width:none}.eyebrow{font-size:9px;margin-bottom:29px}.campaign h1{font-size:clamp(44px,11.4vw,84px);letter-spacing:-.06em;line-height:1.06}.hero-copy{font-size:12px;line-height:1.9;margin:25px 0}.campaign .button{padding:14px 19px;min-width:182px;font-size:11px}.introduction{display:block}.introduction .section-note{padding-top:0;margin-bottom:27px}.intro-main h2{font-size:39px}.intro-main>p{font-size:14px;margin-top:26px;max-width:390px}.collection-inner{padding:56px 0}.collection-heading{padding:0 22px 30px}.collection-heading h2{font-size:31px;max-width:310px}.collection-heading p{font-size:12px;max-width:260px}.collection-track{display:flex;flex-direction:column;gap:35px;padding:0 22px;width:auto}.product-image{height:auto;aspect-ratio:4/5}.garment .product-image img{object-position:74% center}.product-caption h3{font-size:19px}.product-caption p{font-size:10px}.visual-note{padding:30px 22px 0;font-size:9px;max-width:350px}.composition{grid-template-columns:1fr;gap:38px}.composition-copy{grid-row:1}.composition-copy h2{font-size:45px}.composition-copy h2 br:nth-of-type(2){display:none}.composition-copy>p:not(.section-note){font-size:14px;max-width:420px}.composition-copy small{margin-top:18px}.comparison{max-height:600px}.material-section{min-height:580px;height:80svh;max-height:760px}.material-picture img{object-position:45% center}.material-copy{padding:42px 22px}.material-copy h2{font-size:49px}.material-copy p{font-size:13px;max-width:330px}.own-support{grid-template-columns:1fr;gap:32px}.own-heading h2{font-size:45px}.own-heading>p{font-size:14px}.import-options h3{font-size:20px}.faq{padding-top:10px}.faq h2{font-size:34px;margin-bottom:35px}.faq-list{margin-left:0}.faq summary{font-size:14px;padding:22px 0;gap:20px}.faq details p{font-size:12px;padding-right:20px}.closing h2{font-size:17vw}.closing .button{position:static;margin-top:34px;min-width:190px}.site-footer{padding:45px 22px 22px}.footer-top{grid-template-columns:1fr auto;gap:28px;padding-bottom:40px}.footer-top p{grid-row:2;grid-column:1/-1;font-size:11px}.theme-toggle{font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:15px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.campaign-media img,.material-picture img{transform:none;height:100%}.collection-track{display:grid;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-story,.product-story.canvas,.product-story.ceramic{width:auto}.product-image{height:440px}.product-story.garment{grid-column:auto}}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.collection-track{display:flex}.product-image{height:auto}}
.collection:not(.is-pinned) .collection-viewport{overflow-x:auto}
.collection.is-pinned .collection-viewport{overflow:visible}
/* Campaign v2: one photograph carries the opening from poster to full scene. */
.campaign{background:var(--paper);color:var(--ink);min-height:620px;max-height:none;isolation:isolate}
.campaign:after{display:none}
.campaign-media{clip-path:inset(4% 4% 8% 55%);z-index:0}
.campaign-media img{height:100%;object-fit:cover;object-position:64% 15%;transform:none}
.campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,23,.78),transparent 78%);opacity:0}
.campaign-content{padding:56px 5vw 38px;max-width:none;position:relative;pointer-events:none}
.campaign-content a{pointer-events:auto}
.campaign .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:34px}
.campaign h1{font-size:clamp(86px,10.6vw,170px);line-height:.96;letter-spacing:-.075em;max-width:60vw}
.hero-copy{color:var(--muted);font-size:14px;line-height:1.7;margin:28px 0 23px}
.campaign-arrival{position:absolute;left:5vw;bottom:12%;z-index:2;color:#fff;opacity:0;visibility:hidden;pointer-events:none}
.campaign-arrival p{font-size:clamp(70px,10vw,150px);line-height:1;letter-spacing:-.07em;max-width:6em}
.campaign-arrival span{display:block;font-size:14px;margin-top:26px}
.introduction{display:block;padding-top:145px;padding-bottom:135px;overflow:hidden}
.intro-main h2{max-width:none;font-size:clamp(48px,7.8vw,120px);letter-spacing:-.065em;line-height:1.07}
.statement-line{display:block}
.statement-accent{color:var(--accent)}
.intro-bottom{margin:60px 0 0 22%;display:grid;grid-template-columns:220px minmax(0,460px);gap:55px;align-items:center}
.intro-bottom>img{width:220px;height:185px;object-fit:cover}
.intro-bottom p{font-size:15px;line-height:1.85}
.intro-bottom .text-link{margin-top:16px}
.product-story.yours{width:44vw}
.yours .product-image img{object-position:60% center}
.material-section{height:auto;min-height:0;max-height:none;background:var(--paper);overflow:hidden}
.material-stage{position:relative;isolation:isolate;height:100svh;min-height:650px;max-height:1100px;overflow:hidden}
.material-picture{inset:0;z-index:0}
.material-picture img{height:100%;transform:none;object-position:center}
.material-detail{z-index:1}
.material-scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(15,20,27,.75),transparent 85%);pointer-events:none}
.material-section:after{display:none}
.material-copy{z-index:3;padding:65px 5vw}
.material-copy h2{font-size:clamp(70px,10.5vw,150px);letter-spacing:-.065em;line-height:1}
.material-copy h2>span{display:block}
.material-section.is-staged .material-copy h2{display:grid}
.material-section.is-staged .material-copy h2>span{grid-area:1/1}
.material-copy p{max-width:420px}
.own-support{gap:9vw;padding-top:165px;padding-bottom:150px;overflow:hidden}
.own-visual{min-width:0}
.photo-fan{position:relative;height:300px;width:100%;margin-bottom:30px}
.fan-photo{position:absolute;top:0;left:16%;width:63%;height:250px;object-fit:cover}
.fan-back{transform:translate(-24px,12px) rotate(-10deg);object-position:center}
.fan-middle{transform:translate(32px,3px) rotate(9deg)}
.fan-front{transform:translate(-1px,32px) rotate(-2deg);object-position:70% center}
.import-options{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.import-options article{padding:18px 0}
.import-options article+article{border:0}
.import-options h3{font-size:19px;line-height:1.3}
.import-options p{font-size:12px}
.closing{overflow:hidden;min-height:650px;padding-top:95px;padding-bottom:95px}
.closing-content{position:relative;z-index:1;max-width:65%;pointer-events:none}
.closing-content>p{font-size:12px;color:var(--muted);margin-bottom:30px}
.closing-content h2{font-size:clamp(70px,9.7vw,155px)}
.closing .button{position:static;margin-top:42px;pointer-events:auto}
.closing-image{position:absolute;right:5vw;top:10%;height:80%;width:34%;overflow:hidden}
.closing-image img{height:100%;object-fit:cover;object-position:76% center}
@media(min-width:1600px){.campaign-content{padding-top:64px}.campaign h1{font-size:10.6vw}}
@media(max-width:1023px){.campaign h1{font-size:10.5vw}.campaign-content{padding-top:65px}.campaign-media{clip-path:inset(5% 3% 8% 52%)}.intro-bottom{margin-left:12%;gap:30px}.product-story.yours{width:auto}.material-stage{height:85svh;min-height:620px}.own-support{gap:6vw}.photo-fan{height:240px}.fan-photo{height:200px}.import-options{grid-template-columns:1fr;gap:0}.import-options article{padding:15px 0}.closing{min-height:540px}.closing-image{height:75%;top:12%}.closing-content{max-width:65%}}
@media(max-width:767px){
 .campaign{height:calc(100svh - 70px);min-height:710px;max-height:940px}
 .campaign-content{padding:32px 22px 0}
 .campaign .eyebrow{font-size:9px;margin-bottom:22px}
 .campaign h1{font-size:15.5vw;max-width:100%;line-height:.97}
 .hero-copy{font-size:12px;margin:19px 0 18px}
 .campaign-media{inset:410px 22px 22px;clip-path:none}
 .campaign-media img{object-position:65% 40%;height:100%;transform:none}
 .campaign-arrival{display:none}
 .introduction{padding-top:75px;padding-bottom:80px}
 .intro-main h2{font-size:10.4vw;line-height:1.14}
 .intro-bottom{margin:32px 0 0;grid-template-columns:1fr;gap:24px}
 .intro-bottom>img{width:45%;height:125px;margin-left:auto}
 .intro-bottom p{font-size:14px}
 .material-stage{height:75svh;min-height:560px}
 .material-copy{padding:35px 22px}
 .material-copy h2{font-size:17vw}
 .material-copy p{font-size:12px}
 .material-finished{display:none}
 .material-detail img{object-position:62% center}
 .own-support{padding-top:85px;padding-bottom:70px}
 .own-visual{margin-top:20px}
 .photo-fan{height:280px;max-width:400px;margin:0 auto 12px}
 .fan-photo{height:245px}
 .import-options{grid-template-columns:1fr 1fr;gap:20px}
 .import-options h3{font-size:17px}
 .import-options p{font-size:11px}
 .closing{min-height:700px;padding:65px 22px 340px}
 .closing-content{max-width:100%}
 .closing-content h2{font-size:17vw}
 .closing-content>p{margin-bottom:24px;font-size:11px}
 .closing .button{margin-top:28px}
 .closing-image{inset:auto 22px 24px;width:auto;height:270px}
 .closing-image img{object-position:65% 35%}
}
@media(prefers-reduced-motion:reduce){.campaign-media{clip-path:inset(4% 4% 8% 55%)}.collection-track{grid-template-columns:repeat(2,minmax(0,1fr))}.product-story.yours{width:auto}.material-finished{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.campaign-media{clip-path:none}}