@font-face{font-family:Archivo;src:url('/fonts/archivo-black.woff2') format('woff2');font-weight:900;font-display:swap}@font-face{font-family:DM;src:url('/fonts/dm-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f5f3ef;--pink:#fd0145;--ink:#000;--pad:clamp(24px,5vw,84px);--head:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 20px)}body{margin:0;background:var(--paper);color:#000;font:400 17px/1.55 DM,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Archivo,Arial,sans-serif;font-weight:900;line-height:.96;letter-spacing:-.045em}h2{font-size:clamp(48px,6.6vw,100px)}h3{font-size:40px}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border-radius:0}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.campaign :focus-visible,.panel-1 :focus-visible,.quote :focus-visible{outline-color:#000}::selection{color:white;background:#fd0145}input,textarea{caret-color:#fd0145}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background:#fd0145;border:2px solid var(--paper)}body::-webkit-scrollbar-track{background:var(--paper)}.skip{position:fixed;z-index:100;top:-100px;left:14px;background:var(--paper);padding:12px 20px}.skip:focus{top:12px}.header{height:var(--head);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--pad);position:sticky;top:0;background:var(--paper);z-index:50}.logo{display:flex;align-items:center;min-height:44px}.logo img{width:195px;height:auto}.header nav{display:flex;align-items:center;gap:30px;font-size:13px}.header nav a{min-height:44px;display:flex;align-items:center}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{min-height:44px;display:flex;align-items:center;gap:24px;font-size:13px;background:black;color:white;padding:10px 18px}.header-cta svg{width:20px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid #000;background:none;padding:10px}.menu-toggle i{display:block;height:1px;background:black;margin:6px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:15px 22px;border:1px solid transparent;font-size:14px;line-height:1.35;transition:background .2s}.button svg{transition:transform .25s}.button:hover svg{transform:translateX(4px)}.black{background:#000;color:var(--paper)}.black:hover{background:#292929}.paper{background:var(--paper);color:#000}.paper:hover{background:#ddd}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.intro-stage{position:relative;isolation:isolate;background:var(--paper)}.poster{height:calc(100svh - var(--head));min-height:700px;position:relative;isolation:isolate;overflow:hidden}.poster-type{position:absolute;inset:0;z-index:3;pointer-events:none}.poster h1 .title-top{position:absolute;top:5%;left:var(--pad);font-size:clamp(100px,13.2vw,205px);line-height:1;white-space:nowrap;letter-spacing:-.055em}.title-complement{position:absolute;left:var(--pad);top:37%;font-size:clamp(50px,5.5vw,88px);line-height:1.04}.poster-products{position:absolute;inset:0;z-index:2}.poster-main{position:absolute;left:42%;width:43%;top:9%;}.poster-main img{width:100%;height:auto;filter:drop-shadow(12px 22px 15px #00000013)}.poster-secondary{position:absolute}.poster-secondary img{width:100%;filter:drop-shadow(8px 15px 13px #0002)}.poster-secondary.notebook{right:3%;top:9%;width:16%;transform:rotate(12deg)}.poster-secondary.backpack{left:30%;bottom:3%;width:19%;transform:rotate(-12deg)}.poster-mark{position:absolute;left:59%;top:29%;width:130px;height:450px;transform:rotate(14deg);z-index:1}.poster-mark i,.poster-mark b{display:block;background:var(--pink);height:70%;width:100%}.poster-mark b{height:20%;margin-top:16%}.poster-copy{position:absolute;left:var(--pad);bottom:15%;z-index:4;max-width:300px}.poster-copy p{font-size:17px;line-height:1.45;margin-bottom:25px}.poster-foot{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:40px;z-index:4;font-size:11px}.poster-foot>a{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:12px;min-height:44px}.poster-foot>a svg{width:18px;transform:rotate(90deg)}.poster-foot small{font-size:11px}.campaign{position:relative;background:#ed3268;min-height:calc(100svh - var(--head));overflow:hidden;isolation:isolate}.campaign-type{position:absolute;left:var(--pad);top:6%;z-index:3}.campaign-type h2{font-size:clamp(55px,6.5vw,96px);max-width:700px}.campaign-type p{font-size:17px;margin-top:25px}.film-frame{position:absolute;left:0;top:50%;width:100%;aspect-ratio:16/9;transform:translateY(-50%);z-index:1;overflow:hidden;background:#ee3269}.film-frame img,.film-frame canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.film-frame canvas{opacity:0}.film-ready .film-frame canvas{opacity:1}.film-ready .film-fallback{opacity:0}.campaign-foot{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:3}.campaign-foot span{font-size:11px;max-width:20ch}.scene-shutter{display:none;position:absolute;inset:0;z-index:6;pointer-events:none}.scene-shutter i{position:absolute;inset:0;background:black;clip-path:inset(0 100% 0 0)}.scene-shutter i+i{background:var(--pink);clip-path:inset(0 0 0 100%)}
.choreographed .intro-stage{height:calc(100svh - var(--head));min-height:650px;overflow:hidden}.choreographed .intro-stage>section{position:absolute;inset:0;height:100%;min-height:0}.choreographed .campaign{visibility:hidden}.choreographed .scene-shutter{display:block}.choreographed .poster-main{transform-origin:center}.choreographed .title-top{will-change:transform}.catalog{position:relative;background:var(--paper)}.catalog-stage{position:relative;min-height:850px;isolation:isolate;overflow:hidden}.catalog-heading{position:relative;padding:60px var(--pad) 0;font-size:clamp(42px,5vw,72px);z-index:5;pointer-events:none}.category-nav{position:relative;display:flex;gap:8px;padding:25px var(--pad);z-index:6}.category-nav button{border:1px solid #999;background:none;padding:8px 14px;min-height:44px;font-size:12px;display:flex;gap:12px;align-items:center}.category-nav button span{font-size:10px;opacity:.65}.category-nav button[aria-pressed=true]{background:var(--pink);color:#000;border-color:var(--pink)}.catalog-panel{position:relative;min-height:750px;padding:80px var(--pad);isolation:isolate;overflow:hidden}.panel-0{background:var(--paper)}.panel-1{background:var(--pink)}.panel-2{background:#000;color:var(--paper)}.catalog-word{position:absolute;left:4%;top:17%;font-family:Archivo,sans-serif;font-size:clamp(100px,17vw,260px);letter-spacing:-.05em;line-height:1;color:#00000008;white-space:nowrap;z-index:-1}.panel-1 .catalog-word{color:#0002}.panel-2 .catalog-word{color:#ffffff12}.catalog-object{position:absolute;left:46%;top:2%;width:42%;max-width:650px;transform:rotate(-7deg)}.catalog-object img{width:100%;filter:drop-shadow(15px 22px 18px #0002)}.panel-1 .catalog-object{width:34%;left:54%;top:4%;transform:rotate(13deg)}.panel-2 .catalog-object{width:35%;left:54%;top:4%;transform:rotate(-9deg)}.catalog-copy{position:relative;max-width:43%;padding-top:160px;z-index:2}.category-number{font-size:12px;display:block;margin-bottom:24px}.catalog-copy h3{font-size:clamp(52px,6.8vw,100px);line-height:.95;margin-bottom:28px}.catalog-copy p{font-size:18px;max-width:33ch;margin-bottom:28px}.catalog-copy small{display:block;font-size:12px;max-width:40ch;line-height:1.5;margin-top:24px}.catalog-note{font-size:11px;padding:20px var(--pad);background:var(--paper)}.catalog-exit{position:absolute;inset:auto 0 0;height:0;background:#000;z-index:7;pointer-events:none}
.choreographed.desktop .catalog-stage{height:calc(100svh - var(--head));min-height:700px}.choreographed.desktop .catalog-heading{position:absolute;left:0;top:0;padding-top:35px;font-size:clamp(36px,4vw,58px)}.choreographed.desktop .category-nav{position:absolute;right:0;top:35px;padding:0 var(--pad);max-width:52%;flex-wrap:wrap;justify-content:flex-end}.choreographed.desktop .catalog-panels{position:absolute;inset:0}.choreographed.desktop .catalog-panel{position:absolute;inset:0;padding:0 var(--pad);min-height:0;background:transparent}.choreographed.desktop .catalog-object{top:7%;height:90%;width:48%;left:44%;max-width:none;display:flex;align-items:center;justify-content:center;transform:none}.choreographed.desktop .catalog-object img{width:auto;height:100%;max-width:100%;object-fit:contain}.choreographed.desktop .panel-1 .catalog-object,.choreographed.desktop .panel-2 .catalog-object{left:49%;width:44%;height:83%;top:13%}.choreographed.desktop .catalog-copy{padding-top:27vh}.choreographed.desktop .catalog-note{position:absolute;bottom:10px;left:0;background:transparent;max-width:55%;z-index:5;padding-bottom:10px;pointer-events:none}.choreographed.desktop .catalog-panel:not(.panel-0){visibility:hidden}.choreographed.desktop .catalog-word{top:39%}
.footer{padding:55px var(--pad);background:#000;color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px}.footer img{width:240px}.footer a{min-height:44px;display:flex;align-items:center}
@media(max-width:1100px){.header nav{gap:16px}.header{gap:18px}.logo img{width:160px}.header-cta{gap:12px;padding:10px 12px}.poster-secondary.backpack{left:32%;width:21%}.poster-copy{bottom:13%;max-width:240px}.poster-copy p{font-size:15px}.title-complement{font-size:5.5vw}.catalog-copy p{font-size:16px}.catalog-copy h3{font-size:6.5vw}.category-nav button{font-size:11px;padding:8px 10px}}
@media(max-width:800px){:root{--pad:25px;--head:64px}.header{gap:12px}.logo img{width:155px}.header nav{display:none;position:absolute;left:0;right:0;top:var(--head);padding:20px var(--pad);background:var(--paper);flex-direction:column;align-items:flex-start;gap:5px}.header nav.open{display:flex}.header nav a{font-size:18px}.header-cta{margin-left:auto;font-size:12px}.menu-toggle{display:block;flex-shrink:0}.poster{min-height:700px}.poster h1 .title-top{font-size:16vw;top:5%;left:var(--pad)}.title-complement{font-size:clamp(35px,6.4vw,49px);top:22%;line-height:1.04}.poster-main{width:59%;left:27%;top:25%}.poster-secondary.notebook{width:24%;top:22%;right:3%}.poster-secondary.backpack{width:26%;left:3%;bottom:19%}.poster-mark{width:70px;height:250px;top:36%;left:69%}.poster-copy{bottom:8%;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:28px;right:var(--pad)}.poster-copy p{margin:0;font-size:15px}.poster-foot{bottom:14px;font-size:10px;gap:20px}.poster-foot>p{display:none}.poster-foot>a{margin:0}.poster-foot small{margin-left:auto}.choreographed .intro-stage{min-height:660px}.campaign-type{top:5%;left:var(--pad);right:var(--pad)}.campaign-type h2{font-size:clamp(43px,8vw,62px)}.campaign-type p{font-size:15px;margin-top:20px}.film-frame{width:140%;left:-20%;top:55%}.campaign-foot{bottom:32px}.campaign-foot .button{font-size:12px;padding:13px 18px}.catalog-stage{min-height:0}.catalog-heading{padding-top:48px;font-size:clamp(38px,7vw,54px)}.category-nav{padding:25px var(--pad);flex-wrap:wrap;gap:8px}.category-nav button{font-size:12px;min-height:44px}.catalog-panel{min-height:930px;padding:45px var(--pad);display:flex;flex-direction:column;justify-content:flex-end}.catalog-copy{max-width:85%;padding:0}.catalog-copy h3{font-size:clamp(46px,9vw,68px)}.catalog-copy p{font-size:17px;max-width:39ch;margin-bottom:25px}.catalog-copy small{max-width:42ch}.catalog-object{height:58%;width:67%;left:28%;top:-1%;max-width:none}.catalog-object img{height:100%;width:100%;object-fit:contain}.panel-1 .catalog-object,.panel-2 .catalog-object{height:51%;width:60%;left:33%;top:1%}.catalog-word{font-size:22vw;top:30%;left:3%}.footer{flex-wrap:wrap}}
@media(max-width:540px){:root{--pad:22px}.header{gap:10px}.logo img{width:132px}.header-cta{font-size:11px;padding:8px 10px;min-height:44px;gap:8px}.header-cta svg{display:none}.menu-toggle{width:40px;min-width:40px}.poster{min-height:0;height:calc(100svh - var(--head))}.choreographed .intro-stage{min-height:0}.poster h1 .title-top{font-size:15.7vw;top:3.5%}.title-complement{font-size:8vw;top:17%}.poster-main{width:70%;left:21%;top:25%;}.poster-secondary.notebook{width:28%;right:2%;top:23%}.poster-secondary.backpack{width:31%;left:2%;bottom:24%}.poster-mark{left:70%;top:37%;width:55px;height:190px}.poster-copy{display:block;bottom:12%;right:var(--pad);max-width:none}.poster-copy p{font-size:14px;max-width:23ch;margin-bottom:20px}.poster-copy p br{display:none}.poster-copy .button{min-height:50px;font-size:13px;padding:14px 18px}.poster-foot{bottom:10px;font-size:10px;gap:15px}.poster-foot>a{font-size:11px}.poster-foot small{font-size:10px}.campaign-type h2{font-size:11.2vw;line-height:1}.campaign-type p{font-size:14px}.film-frame{width:150%;left:-25%;top:52%}.campaign-foot{bottom:28px;align-items:flex-end;gap:18px}.campaign-foot span{font-size:10px}.campaign-foot .button{max-width:195px;min-height:48px;padding:12px 15px;font-size:12px;gap:16px}.campaign-foot .button svg{width:20px}.catalog-heading{font-size:10.2vw}.category-nav{gap:6px}.category-nav button{font-size:11px;padding:8px 9px;gap:7px}.category-nav button span{font-size:10px}.catalog-panel{min-height:800px;padding:36px var(--pad)}.catalog-object{height:54%;left:19%;width:79%;top:0}.panel-1 .catalog-object,.panel-2 .catalog-object{height:49%;left:30%;width:65%;top:1%}.catalog-copy{max-width:100%}.catalog-copy h3{font-size:clamp(40px,11vw,56px);max-width:95%;margin-bottom:18px}.catalog-copy p{font-size:16px;max-width:32ch;margin-bottom:20px}.catalog-copy small{font-size:11px;margin-top:18px}.category-number{margin-bottom:16px;font-size:11px}.catalog-word{top:31%;font-size:23vw}.catalog-note{font-size:11px}.footer{display:block;padding:40px var(--pad)}.footer img{width:235px;margin-bottom:25px}.footer p{margin:20px 0}}
@media(max-height:650px) and (max-width:540px){.poster h1 .title-top{font-size:15vw;top:3%}.title-complement{font-size:7.2vw;top:17%}.poster-main{width:53%;left:31%;top:21%}.poster-secondary.notebook{width:25%;top:21%}.poster-secondary.backpack{width:26%;bottom:24%}.poster-copy{bottom:4%}.poster-copy p{font-size:12px;margin-bottom:12px;max-width:25ch}.poster-copy .button{min-height:44px;padding:11px 16px}.poster-foot{display:none}.campaign-type h2{font-size:9.5vw}.campaign-type p{font-size:12px;margin-top:12px}.film-frame{width:115%;left:-7.5%;top:54%}.campaign-foot{bottom:18px}.campaign-foot span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover svg{transform:none}}


.catalog-curtain{position:absolute;inset:0;z-index:12;background:#000;pointer-events:none}.scene-shutter i{background:var(--pink)}.scene-shutter i+i{background:#000}.choreographed .campaign{background:transparent}@media(max-width:540px){.film-frame{width:140%;left:-20%}}

@media(min-width:801px){.campaign-type h2{font-size:clamp(50px,4.8vw,72px);max-width:710px}.film-frame{width:82%;left:18%;top:55%}.campaign-type p{max-width:23ch}.poster h1 .title-top{z-index:4}.poster-main{z-index:2}}

.scene-end{display:none}.choreographed .scene-end{display:block;visibility:hidden;position:absolute;left:var(--pad);top:28%;font:900 clamp(70px,9vw,150px)/.98 Archivo,sans-serif;letter-spacing:-.05em;z-index:8;max-width:80%;pointer-events:none}@media(max-width:540px){.poster-secondary.backpack{bottom:31%}.scene-end{font-size:15vw!important;top:30%!important}}

.poster h1{position:absolute;inset:0}.category-nav button span{opacity:1}@media(max-width:540px){.scene-end{max-width:76%;font-size:14vw!important}.real-work{grid-template-columns:repeat(12,minmax(0,1fr))}}

.choreographed .campaign{background:var(--film-bg,#ed3268)}.film-frame{mask-image:linear-gradient(90deg,transparent,#000 3% 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3% 97%,transparent)}

#film-background{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.campaign,.choreographed .campaign{background:linear-gradient(125deg,#c82951,#ed477f 65%,#fa69a0)}.film-frame{background:transparent;mask-image:linear-gradient(90deg,transparent,#000 5% 95%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5% 95%,transparent);-webkit-mask-composite:source-in}.footer-logo img{width:270px;height:auto}.footer-logo{background:#000}


.campaign,.choreographed .campaign{background:#e93b74 url('/images/v2/film-backdrop-desktop.webp') center/100% 100% no-repeat}@media(max-width:800px){.campaign,.choreographed .campaign{background-image:url('/images/v2/film-backdrop-mobile.webp')}}


.film-frame{mask-image:none;-webkit-mask-image:none}.film-fallback{mask-image:linear-gradient(90deg,transparent,#000 5% 95%,transparent),linear-gradient(180deg,transparent,#000 4% 96%,transparent);mask-composite:intersect}

@media(max-height:650px) and (max-width:540px){.film-frame{width:125%;left:-12.5%;top:60%}}