/* A textile campaign, with a scroll-controlled opening seam. */
.home-page main{animation:none}.home-page{background:#181f1c}.home-page .site-header{position:fixed;inset:0 0 auto;color:#f2eadc;background:transparent;backdrop-filter:none;border-color:#eeeae13d;transition:background .3s,color .3s}.home-page .site-header:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#0d151b8c,transparent);pointer-events:none}.home-page .site-header nav a>span{color:inherit;opacity:.6}.home-page .site-header nav a:hover,.home-page .brand:hover{color:#fff}.home-page .site-header .board-count>span,.home-page .site-header .motion-toggle{border-color:#eeeae14d}.home-page.past-opening .site-header{background:#eeeae1f5;color:var(--ink);backdrop-filter:blur(18px);border-color:var(--line)}.home-page.past-opening .site-header:before{display:none}.home-page.past-opening .site-header nav a:hover,.home-page.past-opening .brand:hover{color:var(--red)}.home-page.past-opening .site-header .board-count>span,.home-page.past-opening .site-header .motion-toggle{border-color:var(--line)}
.campaign{min-height:720px;height:100svh;max-height:1300px;position:relative;isolation:isolate;color:#f2eadc;overflow:hidden;background:#361913}.campaign-image{position:absolute;inset:0;z-index:-2}.campaign-image img{height:100%;width:100%;object-fit:cover;object-position:55% 56%;transform:scale(1.04);animation:fabric-breathe 16s ease-in-out infinite alternate}.campaign-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#170e0b3b,transparent 40%,#180e0a55),linear-gradient(0deg,#160e0a99,transparent 35%,#0f0d0a22)}.campaign-edition{position:absolute;top:120px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;line-height:1.8}.campaign-edition>span:last-child{text-align:right}.campaign h1{font-size:clamp(63px,6.1vw,116px);line-height:.96;letter-spacing:-.035em;position:absolute;left:56%;right:var(--gutter);top:30%;z-index:3;text-shadow:0 2px 20px #130b0730}.campaign h1 em{display:block;font-size:1.02em}.campaign-signature{font:italic clamp(450px,57vw,980px)/.7 var(--serif);letter-spacing:-.13em;position:absolute;left:2.8%;bottom:20%;padding-right:.1em;animation:signature-arrive 1.2s cubic-bezier(.16,1,.3,1) both;transform-origin:bottom left}.campaign-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.campaign-thread path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.thread-shadow{stroke:#15090266;stroke-width:3;transform:translateY(2px)}.thread-line{stroke:#eee0be;stroke-width:1.1;stroke-dasharray:1;stroke-dashoffset:0;animation:draw-thread 2.5s .15s cubic-bezier(.2,.5,.2,1) both}.campaign-bottom{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;z-index:6;gap:30px}.campaign-bottom>p{font-size:13px;line-height:1.7}.pull-link{display:flex;gap:30px;align-items:center;font-size:9px;letter-spacing:.1em;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.pull-link:hover{color:#fff}.pull-circle{width:76px;height:76px;border:1px solid #eeeae177;border-radius:50%;display:flex;align-items:center;justify-content:center;font:300 30px var(--sans);transition:background .3s,transform .3s}.pull-link:hover .pull-circle{background:#eeeae11c;transform:translateY(5px)}.campaign-credit{font-size:7px;line-height:1.8;letter-spacing:.1em;text-align:right;margin-left:auto}.campaign:after{content:'';position:absolute;inset:16px;border:1px solid #eeeae11a;pointer-events:none;z-index:5}
.unfold{height:280svh;position:relative;background:#222924;scroll-margin-top:0}.unfold-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;color:#f2eadc;isolation:isolate;--open:0}.unfold-reveal{position:absolute;inset:0;background:#1b2320;z-index:-1}.unfold-reveal>img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(calc(1.14 - var(--open)*.14));will-change:transform}.unfold-reveal:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14201ab8,transparent 80%)}.unfold-copy{position:absolute;inset:25% var(--gutter) auto;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;opacity:clamp(0,calc((var(--open) - .2)*3.5),1);transform:translateY(calc((1 - var(--open))*40px))}.unfold-copy>.eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:34px}.unfold-copy h2{font-size:clamp(108px,12vw,210px);line-height:.78;letter-spacing:-.04em}.unfold-copy h2 em{font-weight:400}.film-link{display:flex;align-items:center;justify-content:space-between;gap:60px;border-bottom:1px solid #eeeae177;padding:18px 0 12px;font-size:12px;width:260px;margin-top:35px}.film-link:hover{color:#fff}.film-link>span{font-size:30px}.unfold-credit{position:absolute;bottom:40px;right:var(--gutter);font-size:7px;letter-spacing:.1em;z-index:2}.fabric-panel{position:absolute;top:0;bottom:0;width:50.6%;will-change:transform;pointer-events:none}.fabric-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fabric-left{left:0;transform:translateX(calc(var(--open)*-110%));clip-path:polygon(0 0,99% 0,100% 10%,98.5% 20%,100% 30%,99% 40%,100% 50%,98.5% 60%,100% 70%,99% 80%,100% 90%,99% 100%,0 100%);filter:drop-shadow(14px 0 20px #0006)}.fabric-left>img{object-position:26% 50%}.fabric-right{right:0;transform:translateX(calc(var(--open)*110%));clip-path:polygon(1% 0,100% 0,100% 100%,1% 100%,0 90%,1.5% 80%,0 70%,1% 60%,0 50%,1.5% 40%,0 30%,1% 20%,0 10%)}.fabric-right>img{object-position:70% 50%}.fabric-left:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#240a0633,#240a0644)}.fabric-right:after{content:'';position:absolute;inset:0;background:#f5eadf28}.fabric-panel>span{opacity:clamp(0,calc(1 - var(--open)*3),1);font:clamp(50px,5.4vw,104px)/.95 var(--serif);letter-spacing:-.03em;position:absolute;top:43%;left:8%;right:8%;z-index:2}.fabric-panel>span em{display:block}.fabric-right>span{color:#222924}.seam-thread{position:absolute;top:0;bottom:0;width:13%;height:100%;left:43.5%;pointer-events:none;transform:translateY(calc(var(--open)*-110%));opacity:calc(1 - var(--open)*1.3)}.seam-guide{stroke:#f5ebd4;stroke-width:1;stroke-dasharray:8 10;fill:none}.seam-stitch{stroke:#c33827;stroke-width:2.5;fill:none;filter:drop-shadow(1px 2px 1px #25090077);stroke-dasharray:1;stroke-dashoffset:calc(var(--open)*1)}.unfold-top{position:absolute;top:123px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.12em;mix-blend-mode:difference;color:#fff;z-index:5}.unfold-top>a{font-size:10px;letter-spacing:0;border-bottom:1px solid currentColor;padding:8px 0}.unfold-top>a:hover{color:white}.unfold-controls{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);width:330px;padding:14px 20px;background:#eeeae1ed;color:var(--ink);z-index:6;display:grid;grid-template-columns:1fr auto;gap:6px 20px;border:1px solid #eeeae155;backdrop-filter:blur(12px)}.unfold-controls>label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.09em;grid-column:1/-1}.unfold-controls input{width:100%;min-width:0;accent-color:var(--red);height:28px;cursor:ew-resize;grid-column:1;touch-action:pan-y}.unfold-controls output{font-size:8px;align-self:center;min-width:47px;text-align:right}.scroll-prompt{grid-column:1/-1;font-size:8px;color:var(--muted)}
.material-index{background:var(--paper);padding:100px var(--gutter) 75px;position:relative;scroll-margin-top:88px}.material-intro{display:grid;grid-template-columns:24% 45% 31%;align-items:end;margin-bottom:65px}.material-intro>.eyebrow{align-self:start;font-size:8px;margin-top:12px}.material-intro h2{font-size:clamp(75px,7.4vw,130px);line-height:.86}.material-intro>p:last-child{font-size:12px;line-height:1.8;max-width:275px;justify-self:end}.material-row{display:grid;grid-template-columns:14% 1fr 180px 7%;gap:25px;align-items:center;border-top:1px solid var(--line);padding:27px 0;min-height:190px;transition:padding .3s,color .3s}.material-row:last-child{border-bottom:1px solid var(--line)}.material-n{font-size:8px;letter-spacing:.08em;align-self:start;margin-top:13px}.material-row strong{font:clamp(55px,6.7vw,118px)/.9 var(--serif);letter-spacing:-.04em;transition:transform .35s}.material-thumb{height:128px;overflow:hidden;transform:rotate(-4deg);transition:transform .5s;box-shadow:0 4px 12px #0001}.material-row:nth-child(2) .material-thumb{transform:rotate(4deg)}.material-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.material-arrow{font:300 50px var(--sans);justify-self:end;transition:transform .3s}.material-row:hover strong{transform:translateX(15px)}.material-row:hover .material-thumb{transform:rotate(0) scale(1.07)}.material-row:hover .material-thumb img{transform:scale(1.07)}.material-row:hover .material-arrow{transform:translate(4px,-4px)}.material-disclosure{font-size:10px;color:var(--muted);padding-top:27px;max-width:420px;line-height:1.8}.next-feeling{position:relative;isolation:isolate;overflow:hidden;background:#b72d20;color:var(--paper);padding:60px var(--gutter) 65px;min-height:650px}.next-feeling>.eyebrow{font-size:9px;letter-spacing:.14em}.next-feeling h2{font-size:clamp(100px,11.2vw,190px);line-height:.86;margin-top:48px;position:relative;z-index:2;max-width:950px}.feeling-number{position:absolute;right:var(--gutter);top:30px;font:italic 240px/1 var(--serif);letter-spacing:-.06em;opacity:.2}.feeling-actions{margin-top:50px;display:flex;justify-content:flex-end;gap:40px;position:relative;z-index:2}.feeling-actions>a{display:flex;justify-content:space-between;align-items:center;gap:45px;min-width:255px;border-bottom:1px solid #eeeae177;padding:15px 0;font-size:12px}.feeling-actions>a:hover{color:white;border-color:white}.feeling-actions>a>span{font-size:30px}.feeling-thread{position:absolute;bottom:20%;left:-10%;width:120%;height:40%;z-index:-1;opacity:.5;transform:rotate(-8deg)}.feeling-thread path{fill:none;stroke:#f2e6d1;stroke-width:1;vector-effect:non-scaling-stroke}.home-page .site-footer{background:#1f2723;color:var(--paper);border-color:#eeeae133}.home-page .footer-first>p{color:#eeeae18c}.home-page .footer-contact,.home-page .footer-last{border-color:#eeeae133}.home-page .footer-contact:hover{color:#fff}
@keyframes signature-arrive{from{opacity:0;transform:translateY(50px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-4deg)}}@keyframes draw-thread{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes fabric-breathe{from{transform:scale(1.04)}to{transform:scale(1.1) translate(-.5%,.5%)}}
.home-page.motion-off .unfold{height:auto}.home-page.motion-off .unfold-stage{position:relative;height:100svh;--open:1!important}.home-page.motion-off .unfold-controls{display:none}.home-page.motion-off .campaign-signature{transform:rotate(-4deg)}.home-page.motion-off .thread-line{stroke-dashoffset:0}.home-page.motion-off .unfold-copy{opacity:1;transform:none}.home-page.motion-off .unfold-reveal>img{transform:none}.home-page.motion-off .unfold-credit{bottom:30px}
@media(min-width:1600px){.campaign h1{top:33%;font-size:6.1vw}.campaign-signature{bottom:19%}.material-row{grid-template-columns:14% 1fr 230px 8%}.material-thumb{height:155px}}
@media(max-width:1100px){.campaign{min-height:700px}.campaign h1{left:52%;top:31%;font-size:7.2vw}.campaign-signature{font-size:64vw;left:1%;bottom:23%}.campaign-edition{font-size:7px}.material-intro{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr) minmax(0,1.05fr);gap:20px}.material-intro>p:last-child{font-size:11px}.material-row{grid-template-columns:12% 1fr 140px 7%;gap:20px}.material-thumb{height:115px}.material-row strong{font-size:7.5vw}.next-feeling{min-height:580px}.feeling-actions{justify-content:flex-start}.unfold-copy h2{font-size:15vw}.unfold-copy{top:28%}.unfold-credit{max-width:150px;text-align:right}}
@media(max-width:760px){.home-page .site-header nav{border-color:#eeeae13d}.home-page.past-opening .site-header nav{border-color:var(--line)}.campaign{height:100svh;min-height:690px;max-height:1100px}.campaign-image img{object-position:59% 50%}.campaign-edition{top:137px;font-size:6px;letter-spacing:.1em;gap:30px}.campaign-edition>span:first-child{max-width:120px}.campaign-edition>span:last-child{max-width:140px}.campaign h1{font-size:clamp(51px,11.6vw,87px);left:var(--gutter);right:var(--gutter);top:26%;max-width:420px;line-height:.97}.campaign h1 em{display:inline;font-size:1em}.campaign-signature{font-size:clamp(340px,101vw,680px);left:3%;bottom:24%;line-height:.66}.campaign-thread{width:190%;left:-45%;height:100%}.campaign-bottom{bottom:28px;align-items:flex-end;gap:14px}.campaign-bottom>p{font-size:10px;max-width:100px;line-height:1.65;margin-bottom:78px}.pull-link{position:absolute;left:0;transform:none;gap:18px;font-size:8px;flex-direction:row-reverse}.pull-circle{width:52px;height:52px;font-size:26px}.campaign-credit{font-size:6px;max-width:125px;line-height:1.8;margin-bottom:9px}.campaign:after{inset:10px}.unfold{height:240svh}.unfold-stage{min-height:650px}.unfold-top{top:136px;font-size:6px;letter-spacing:.07em;gap:30px}.unfold-top>a{font-size:9px;white-space:nowrap}.fabric-panel>span{top:39%;font-size:clamp(34px,8.5vw,60px);left:10%;right:10%;line-height:.98}.fabric-right>img{object-position:62% 50%}.fabric-left>img{object-position:38% 50%}.seam-thread{width:22%;left:39%}.seam-stitch{stroke-width:3}.unfold-copy{top:28%;left:var(--gutter);right:var(--gutter);transform:translateY(calc((1 - var(--open))*20px))}.unfold-copy>.eyebrow{font-size:7px;line-height:1.8;margin-bottom:30px;max-width:210px}.unfold-copy h2{font-size:clamp(83px,22vw,150px);line-height:.83}.film-link{font-size:11px;width:230px;max-width:90%;margin-top:25px;padding:13px 0 8px}.film-link>span{font-size:27px}.unfold-credit{font-size:6px;bottom:155px;right:var(--gutter);max-width:130px}.unfold-controls{width:calc(100% - 48px);max-width:360px;bottom:26px;padding:12px 17px}.unfold-controls input{height:30px}.unfold-controls label{font-size:7px}.unfold-controls output{font-size:8px}.scroll-prompt{font-size:8px}.material-index{padding:58px var(--gutter) 45px;scroll-margin-top:112px}.material-intro{display:block;margin-bottom:35px}.material-intro>.eyebrow{font-size:7px;margin-bottom:28px}.material-intro h2{font-size:clamp(68px,19vw,120px);line-height:.88}.material-intro>p:last-child{font-size:12px;margin-top:28px;max-width:340px;line-height:1.85}.material-row{grid-template-columns:1fr 88px 20px;gap:10px;padding:19px 0;min-height:132px;position:relative}.material-n{position:absolute;top:16px;left:0;font-size:6px;margin-top:0}.material-row strong{font-size:clamp(35px,10vw,62px);line-height:.93;margin-top:19px;letter-spacing:-.04em}.material-thumb{height:82px;margin-top:10px}.material-arrow{font-size:24px;margin-top:10px}.material-row:hover strong{transform:none}.material-row:hover .material-thumb{transform:rotate(0)}.material-disclosure{font-size:9px;margin-top:0;padding-top:24px;line-height:1.8}.next-feeling{min-height:520px;padding:38px var(--gutter) 45px}.next-feeling>.eyebrow{font-size:7px}.feeling-number{font-size:145px;right:var(--gutter);top:25px}.next-feeling h2{font-size:clamp(80px,21vw,130px);line-height:.88;margin-top:45px;max-width:450px}.feeling-actions{display:flex;flex-direction:column;gap:8px;margin-top:37px}.feeling-actions>a{min-width:0;width:100%;font-size:12px;padding:11px 0;min-height:50px}.feeling-actions>a>span{font-size:27px}.feeling-thread{bottom:27%;height:25%;left:-40%;width:170%}.home-page.motion-off .unfold-stage{height:100svh;min-height:690px}.home-page.motion-off .unfold-credit{bottom:28px}}
@media(max-width:380px){.campaign{min-height:650px}.campaign h1{font-size:49px;top:27%}.campaign-signature{font-size:340px;bottom:20%;left:0}.campaign-edition{font-size:5px;top:134px}.campaign-bottom>p{font-size:9px}.campaign-credit{font-size:5px;max-width:105px}.pull-link{font-size:7px;gap:12px}.pull-circle{width:46px;height:46px}.fabric-panel>span{font-size:29px}.unfold-copy h2{font-size:78px}.unfold-top{font-size:5px;gap:15px}.unfold-top>a{font-size:8px}.material-row{grid-template-columns:1fr 65px 17px}.material-thumb{height:70px}.material-row strong{font-size:33px}.next-feeling h2{font-size:76px}.next-feeling{min-height:500px}}
@media(prefers-reduced-motion:reduce){.campaign-image img{animation:none;transform:none}.campaign-signature{animation:none;transform:rotate(-4deg)}.thread-line{animation:none;stroke-dashoffset:0}.unfold{height:auto}.unfold-stage{position:relative;height:100svh;--open:1!important}.unfold-copy{opacity:1;transform:none}.unfold-controls{display:none}.unfold-reveal>img{transform:none}}

/* Let the film anchor meet the viewport edge; its own labels clear the header. */
html.campaign-ready{scroll-padding-top:0}.unfold{scroll-margin-top:0}

/* The still composition remains readable without JavaScript. */
html:not(.campaign-ready) .unfold{height:auto}html:not(.campaign-ready) .unfold-stage{position:relative;--open:1!important}html:not(.campaign-ready) .unfold-controls{display:none}

.unfold-top{mix-blend-mode:normal}.unfold-top>a{background:#eeeae1ed;color:var(--ink);border-color:var(--ink);padding:7px 10px}.unfold-top>a:hover{color:var(--red)}
html:not(.campaign-ready) .home-page .site-header{background:var(--paper);color:var(--ink)}html:not(.campaign-ready) .home-page .site-header:before{display:none}