:root{--cream:#FBF5E6; --white:#FFFDF7; --sand:#F1E7CE;
  
  --anis:#C4D851; --pastel:#B0C885; --pastel-bg:#DCE8C8; --olive:#545E38; --deep:#5D7A2B; --deeper:#474F2C;
  --yellow:#F6E59A; --yellow-2:#FBF0C4;
  --brown:#6B4A33; --ink:#2F3520;
  --f-sans:'Archivo','Helvetica Neue',Arial,sans-serif;
  --f-serif:'Fraunces','Georgia','Times New Roman',serif;
  --f-hand:'Caveat','Bradley Hand','Segoe Script',cursive;
  --f-brush:'Caveat Brush','Caveat','Segoe Script',cursive;
  --f-logo:'Abril Fatface','Bodoni Moda','Didot',serif;
  --gap:clamp(12px,1.8vw,28px);
  --pad:clamp(16px,3.6vw,56px);
  --wave:clamp(26px,4.4vw,64px);}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
p{margin:0}
h1,h2,h3{margin:0}
.wrap{max-width:1440px;margin:0 auto;padding-inline:var(--pad)}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.sec{position:relative}
.cond{font-family:var(--f-sans);font-weight:900;font-stretch:62%;text-transform:uppercase;line-height:.86;letter-spacing:0}
.ser{font-family:var(--f-serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:-.01em}
.hw{font-family:var(--f-hand);font-weight:600;line-height:1}
.mk{background:var(--anis);color:var(--ink);padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ov{display:inline-block;font-family:var(--f-brush);font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:0;line-height:1;padding:.1em .42em .16em;background:var(--yellow);color:var(--ink);border-radius:52% 46% 54% 46% / 58% 54% 46% 42%;rotate:-5deg}
.circ{position:relative;display:inline-block;white-space:nowrap}
.circ svg{position:absolute;left:-8%;top:-14%;width:116%;height:130%;overflow:visible;pointer-events:none}
.circ path,.arr path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.circ path{stroke:currentColor;stroke-width:2.2}
.arr{display:block;overflow:visible}
.arr path{stroke:currentColor;stroke-width:1.8}
.spk{fill:currentColor;flex-shrink:0}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-sans);font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:16px 28px;border-radius:99px;border:2px solid var(--ink);transition:translate .25s ease,box-shadow .25s ease}
.btn:hover{translate:0 -3px;box-shadow:0 5px 0 var(--ink)}
.btn span{transition:translate .25s ease}
.btn:hover span{translate:5px 0}
.b-deep{background:var(--deep);color:var(--cream)}
.b-cream{background:var(--cream);color:var(--ink)}
.b-yellow{background:var(--yellow);color:var(--ink)}
.b-anis{background:var(--anis);color:var(--ink)}
.lnk{font-weight:700;text-underline-offset:6px;text-decoration-thickness:2px}
.tag{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;border:2px solid var(--ink);border-radius:99px;padding:6px 14px;background:var(--cream);color:var(--ink);line-height:1.3;transition:background .25s ease}
.tag:hover{background:var(--yellow);animation:jig .45s ease}
@keyframes jig{0%,100%{rotate:0deg}30%{rotate:-3deg}70%{rotate:3deg}}
.frame{position:relative;overflow:hidden;width:100%;max-width:100%}
.frame>.par{position:absolute;left:0;right:0;top:-9%;height:118%}
.par>.ph{position:relative;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.frame:hover .ph{transform:scale(1.035)}
.ph::before{content:'';position:absolute;inset:0;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .17 0 0 0 0 .11 0 0 0 0 .06 .9 0 0 0 -.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ph::after{content:'';position:absolute;inset:clamp(10px,1.2vw,16px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 9V0H9M91 0H100V9M100 91V100H91M9 100H0V91' stroke='%2326301F' stroke-opacity='.4' stroke-width='1.5' vector-effect='non-scaling-stroke' fill='none'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.frame::after{content:attr(data-label);position:absolute;left:clamp(12px,1.6vw,22px);bottom:clamp(12px,1.5vw,20px);z-index:3;font-family:var(--f-sans);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--white);border:1.5px solid var(--ink);border-radius:99px;padding:4px 10px;max-width:calc(100% - 28px)}
.c1 .ph{background-color:#E8DCC3}
.c2 .ph{background-color:#D9CDB2}
.c3 .ph{background-color:#F1E8D4}
.c4 .ph{background-color:#CFC4A9}
.c5 .ph{background-color:#E2D6BC}
.c6 .ph{background-color:#D6DBC2}
.c7 .ph{background-color:#EEDFB0}
.r43{aspect-ratio:4/3}
.r32{aspect-ratio:3/2}
.r11{aspect-ratio:1/1}
.r45{aspect-ratio:4/5}
.r34{aspect-ratio:3/4}
.r219{aspect-ratio:21/9}
.r54{aspect-ratio:5/4}
.rd{border-radius:clamp(22px,2.8vw,42px)}
.arch{border-radius:999px 999px clamp(22px,2.8vw,42px) clamp(22px,2.8vw,42px)}
.circle{border-radius:50%}
.outl{border:2px solid var(--ink)}
.outl-c{border:2px solid var(--cream)}
.go{position:absolute;right:16px;top:16px;z-index:4;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:99px;padding:7px 14px;opacity:0;translate:0 -6px;transition:opacity .35s ease,translate .35s ease}
.frame:hover .go{opacity:1;translate:0 0}
.snap{position:relative;background:var(--white);padding:9px 9px 6px;border:1.5px solid rgba(38,48,31,.18);box-shadow:0 10px 22px rgba(38,48,31,.2);transition:rotate .5s ease,scale .5s ease}
.snap .frame::after{display:none}
.snap-c{padding:9px 4px 2px;font-size:clamp(20px,1.8vw,26px);color:var(--brown)}
.snap-s{padding:0 4px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:rgba(38,48,31,.7)}
.snap:hover{rotate:0deg;scale:1.04}
.tape{position:absolute;width:96px;height:28px;background:rgba(236,214,150,.82);z-index:8;pointer-events:none;clip-path:polygon(3% 0,100% 0,97% 22%,100% 42%,97% 62%,100% 82%,98% 100%,0 100%,3% 80%,0 60%,3% 40%,0 20%)}
.person{display:block;width:100%;filter:drop-shadow(0 10px 14px rgba(38,48,31,.28))}
.plabel{position:absolute;left:clamp(10px,1.6vw,22px);bottom:calc(-1*clamp(16px,2vw,26px));z-index:6;display:flex;align-items:center;gap:12px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:20px;padding:10px 16px 10px 10px;rotate:-1.2deg;max-width:calc(100% - 20px);transition:rotate .3s ease}
.plabel:hover{rotate:0deg}
.pn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font-weight:900;font-size:14px;flex-shrink:0}
.plabel b{display:block;font-weight:800;font-size:16px;line-height:1.1;letter-spacing:-.01em}
.plabel small{display:block;font-size:12px;color:rgba(38,48,31,.72);line-height:1.3;margin-top:3px}
.plabel .tag{padding:4px 10px;font-size:10.5px;background:var(--pastel)}
.hdr{position:sticky;top:0;z-index:50;background:var(--cream);border-bottom:2px solid var(--ink)}
.hdr-in{display:flex;align-items:center;justify-content:center;gap:24px;padding-block:16px}
.logo-t{display:inline-flex;align-items:center;text-decoration:none}
.logo-img{display:block;height:clamp(66px,calc(5vw + 20px),78px);width:auto;aspect-ratio:1/1;object-fit:contain}
.logo-t svg{width:.62em;height:.62em;color:var(--yellow);stroke:var(--ink);stroke-width:1.2px;paint-order:stroke}
.nav a{position:relative;z-index:0;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.05em;padding:8px 10px;isolation:isolate}
.nav a::before{content:'';position:absolute;inset:3px -8px;z-index:-1;background:var(--pastel);border-radius:50% 42% 56% 44% / 62% 50% 50% 38%;scale:1;rotate:-4deg;transition:rotate .3s ease,scale .3s ease}
.nav a:nth-child(1)::before{background:var(--anis)}
.nav a:nth-child(2)::before{background:var(--yellow);rotate:3deg}
.nav a:nth-child(3)::before{background:var(--pastel);rotate:-2deg}
.nav a:nth-child(4)::before{background:var(--anis);rotate:4deg}
.nav a:nth-child(5)::before{background:var(--yellow-2);rotate:-3deg}
.nav a.on::before{border:2px solid var(--ink)}
.mnav a.on{text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:7px;text-decoration-color:var(--anis)}
.nav a:hover::before{rotate:5deg;scale:1.08}
.nav .cta-n{border:2px solid var(--ink);border-radius:99px;padding:8px 20px;background:var(--cream);transition:background .25s ease}
.nav .cta-n::before{display:none}
.nav .cta-n:hover{background:var(--yellow)}
.burger{display:none;align-items:center;gap:10px;font-family:var(--f-sans);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:var(--yellow);border:2px solid var(--ink);color:var(--ink);border-radius:99px;padding:9px 18px;cursor:pointer}
.mnav a{display:block;text-decoration:none;font-family:var(--f-sans);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:48px;line-height:1;padding:12px 0;border-top:2px solid var(--ink);color:var(--deeper)}
.hero{background:var(--deeper);color:var(--cream);padding-block:clamp(28px,3.4vw,56px) clamp(72px,9vw,140px);position:relative}
.hero-g{align-items:center;row-gap:40px}
.hero-l{grid-column:1/7;position:relative;z-index:3}
.hero-r{grid-column:7/13;position:relative;aspect-ratio:5/6;width:100%}
.hi{font-size:clamp(24px,2.6vw,36px);color:var(--anis);rotate:-2deg;display:inline-block}
.h1{display:block;position:relative;margin-top:10px;font-family:var(--f-logo);font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.01em;font-size:clamp(84px,11.6vw,176px);line-height:.9}
.h1 .l{display:block}
.h1 .u1{color:var(--anis)}
.h1 .u2{color:var(--pastel)}
.h1 .ov{position:absolute;right:3%;top:42%;font-size:.24em;z-index:4}
.stk{display:inline-flex;align-items:center;gap:8px;margin-top:30px;background:var(--yellow);border:2px solid var(--ink);border-radius:99px;padding:10px 20px;rotate:-2deg;font-weight:800;font-size:clamp(12px,1.2vw,15px);letter-spacing:.08em;text-transform:uppercase}
.stk i{font-family:var(--f-serif);font-weight:500;text-transform:none;letter-spacing:0;font-size:1.3em}
.lead{margin-top:22px;max-width:25em;font-size:clamp(17px,1.5vw,20px);font-weight:500;color:var(--cream)}
.acts{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
.hr-bk{position:absolute;right:0;top:7%;width:80%;height:91%;background:var(--pastel);border:3px solid var(--cream);border-radius:999px 999px 30px 30px}
.hr-person{position:absolute;top:13%;bottom:0;right:20%;width:auto;z-index:3}
.hr-person .person{height:100%;width:auto;max-width:none;aspect-ratio:640/1707}
.hr-snap{position:absolute;left:0;bottom:11%;width:30%;z-index:5;rotate:-6deg}
.hr-snap .ph::before,.hr-snap .ph::after{display:none}
.hr-mini{position:absolute;right:-1%;top:3%;width:24%;z-index:4}
.hr-badge{position:absolute;left:3%;top:0;width:31%;aspect-ratio:1;border-radius:50%;background:var(--white);z-index:6;rotate:-8deg;box-shadow:0 8px 18px rgba(38,48,31,.22);overflow:hidden}
.hr-badge img{display:block;width:100%;height:100%;object-fit:cover}
.hr-note{position:absolute;left:-3%;top:41%;z-index:6;width:32%;color:var(--anis)}
.hr-lab{position:absolute;left:auto;right:0;bottom:2.5%;translate:0 0;z-index:6;background:var(--white);border:2px solid var(--ink);border-radius:99px;padding:5px 12px;font-weight:700;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.sp1{position:absolute;right:-2%;top:46%;width:clamp(20px,2.6vw,38px);z-index:6;color:var(--anis)}
.sp2{position:absolute;left:36%;top:-1%;width:clamp(14px,1.8vw,26px);z-index:6;color:var(--yellow)}
.hero .hr-note{color:var(--anis)}
.hero .outl{border-color:var(--cream)}
.hero .lnk{color:var(--cream)}
.wv-b{position:absolute;left:0;bottom:-1px;width:100%;height:var(--wave);display:block;pointer-events:none}
.bands{background:var(--deep);border-block:2px solid var(--ink)}
.band{display:flex;overflow:hidden;padding-block:clamp(12px,1.6vw,22px)}
.band+.band{background:var(--yellow-2);border-top:2px solid var(--ink)}
.band:hover .mt{animation-play-state:paused}
.mt{display:flex;flex-shrink:0;align-items:center;gap:clamp(18px,2.4vw,40px);padding-right:clamp(18px,2.4vw,40px);animation:marq 80s linear infinite;white-space:nowrap;font-family:var(--f-sans);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(30px,4.6vw,64px);line-height:1;color:var(--cream)}
.mt em{font-style:normal;color:var(--yellow);font-stretch:100%;font-size:.7em}
.band+.band .mt{animation-direction:reverse;animation-duration:70s;color:var(--deeper)}
.band+.band .mt em{color:var(--deep)}
@keyframes marq{to{transform:translateX(-100%)}}
.uni{background:var(--cream);padding-block:clamp(80px,10vw,150px) clamp(80px,11vw,170px)}
.uni-h{align-items:end;row-gap:24px}
.uni-t{grid-column:1/10;color:var(--deeper);font-size:clamp(54px,10.6vw,170px);position:relative}
.uni-s{grid-column:10/13;align-self:end;display:flex;flex-direction:column;gap:16px}
.ubs{margin-top:clamp(56px,7vw,110px);align-items:start;row-gap:clamp(80px,10vw,120px)}
.ub-a{grid-column:1/7}
.ub-b{grid-column:7/13;margin-top:clamp(60px,12vw,200px)}
.ub-ph{position:relative;width:100%}
.ub-a .ub-ph{width:86%;margin-left:7%;aspect-ratio:11/10}
.ub-b .ub-ph{aspect-ratio:5/4}
.ub-t{position:relative;z-index:4;color:var(--deeper);font-size:clamp(50px,8.2vw,128px)}
.ub-a .ub-t{font-size:clamp(38px,6.9vw,100px);margin-top:clamp(20px,2.4vw,34px);margin-left:7%;margin-right:3%}
.ub-b .ub-t{margin-bottom:clamp(18px,2.2vw,32px);text-align:right}
.ub-p{font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.35;max-width:21em;margin-top:22px}
.ub-b .ub-p{margin-left:auto}
.ub-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ub-b .ub-tags{justify-content:flex-end}
.ub-go{margin-top:24px}
.ub-b .ub-go{text-align:right}
.ub-a .ub-snap{position:absolute;left:-8%;top:9%;width:36%;z-index:6;rotate:-6deg}
.ub-a .ub-mini{position:absolute;right:-6%;bottom:14%;width:27%;z-index:6}
.ub-a .ub-stk{position:absolute;left:2%;bottom:3%;z-index:7;rotate:-4deg}
.ub-b .ub-snap{position:absolute;right:-4%;bottom:-9%;width:30%;z-index:6;rotate:5deg}
.ub-b .ub-mini{position:absolute;left:-5%;top:-7%;width:22%;z-index:6}
.ub-b .ub-stk{position:absolute;left:3%;bottom:2%;z-index:7;rotate:-4deg}
.pill-s{display:inline-block;background:var(--yellow);border:2px solid var(--ink);border-radius:99px;padding:7px 15px;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pr{position:absolute;margin:0;background:var(--white);padding:7px;box-shadow:0 8px 18px rgba(38,48,31,.22);transition:rotate .5s ease,scale .5s ease}
.pr img{display:block;width:100%;height:auto}
.pr figcaption{padding:6px 4px 0;font-size:clamp(18px,1.7vw,24px);line-height:1.1;color:var(--brown)}
.pr:hover{rotate:0deg;scale:1.03;z-index:8}
.pr-a{left:0;top:3%;width:84%;rotate:-3deg;z-index:2}
.pr-b{left:68%;top:33%;width:30%;rotate:5deg;z-index:4}
.pr-c{left:2%;top:3%;width:46%;rotate:-4deg;z-index:2}
.pr-d{left:44%;top:9%;width:34%;rotate:5deg;z-index:3}
.pr-e{right:4%;bottom:5%;width:25%;aspect-ratio:1;padding:5px;border-radius:50%;overflow:hidden;rotate:-3deg;z-index:5}
.pr-e img{height:100%;object-fit:cover;border-radius:50%}
.pjs{background:var(--pastel-bg);color:var(--ink);padding-block:clamp(96px,12vw,180px) clamp(88px,11vw,170px)}
.pj-h{align-items:end;row-gap:24px}
.pj-t{grid-column:1/10;color:var(--deeper);font-size:clamp(54px,10.6vw,170px)}
.pj-s{grid-column:10/13;display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.pg{margin-top:clamp(56px,7vw,110px);align-items:start;row-gap:clamp(70px,8vw,120px)}
.pA{grid-column:1/8;grid-row:1;position:relative}
.pA .ph::before,.pA .ph::after,.pA .frame::after{display:none}
.pB{grid-column:9/13;grid-row:1;margin-top:clamp(40px,9vw,140px);rotate:3deg;z-index:2}
.pB .ph::before,.pB .ph::after,.pB .frame::after{display:none}
.pC{grid-column:1/5;grid-row:2;rotate:-4deg;z-index:2}
.pC .ph::before,.pC .ph::after,.pC .frame::after{display:none}
.pC .vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pD{grid-column:5/9;grid-row:2;margin-top:clamp(24px,5vw,80px);position:relative}
.pD .ph::before,.pD .ph::after,.pD .frame::after{display:none}
.pD .frame{aspect-ratio:900/1553;overflow:visible}
.pD .ph{background-color:transparent}
.pE{grid-column:9/13;grid-row:2;position:relative}
.pE .ph::before,.pE .ph::after,.pE .frame::after{display:none}
.pE .pE-cut{display:none}
.pF{grid-column:1/13;grid-row:3;position:relative}
.pF .ph::before,.pF .ph::after,.pF .frame::after{display:none}
.pF .frame{aspect-ratio:1600/887;overflow:visible}
.pF .ph{background-color:transparent}
.pF .pF-cut{display:none}
.pE-cut{position:absolute;left:-18%;bottom:-6%;width:44%;z-index:5;rotate:-5deg}
.pF-cut{position:absolute;right:3%;top:-17%;width:clamp(90px,13vw,190px);z-index:5;rotate:4deg}
.pMe{position:absolute;left:50%;bottom:calc(100% + 32px);width:clamp(160px,20.8vw,300px);margin-left:calc(clamp(160px,20.8vw,300px) / -2);z-index:7;rotate:2deg;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(38,48,31,.28));-webkit-mask-image:linear-gradient(#000 86%,transparent 100%);mask-image:linear-gradient(#000 86%,transparent 100%)}
.pMe img{display:block;width:100%;height:auto}
@media (max-width:760px){
.pMe{left:auto;right:4%;margin-left:0;width:36vw}}
.pF-stk{position:absolute;left:3%;top:-22px;z-index:6;rotate:-4deg}
.pj-all{margin-top:clamp(64px,8vw,120px);display:flex;justify-content:center}
.abt{background:var(--sand);color:var(--ink);padding-block:clamp(96px,12vw,180px) clamp(88px,11vw,170px)}
.ab-g{align-items:start;row-gap:clamp(36px,5vw,64px)}
.ab-l{grid-column:1/8;grid-row:1}
.ab-t{font-size:clamp(46px,8.6vw,134px);margin-top:14px;color:var(--deeper)}
.ab-r{grid-column:8/13;grid-row:1/3;position:relative}
.ab-ph{position:relative;width:88%;margin-left:6%;aspect-ratio:3/4}
.scal{position:absolute;inset:0;width:100%;height:100%;fill:var(--anis);overflow:visible}
.ab-snap{position:absolute;left:-10%;bottom:6%;width:40%;z-index:6;rotate:-5deg}
.ab-note{position:absolute;right:-2%;top:-6%;z-index:7;width:34%;color:var(--deep)}
.ab-stk{position:absolute;right:-3%;bottom:10%;z-index:7;rotate:5deg}
.ab-tx{grid-column:1/7;grid-row:2;color:var(--ink)}
.ab-tx p{font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:27em;font-weight:500}
.tl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px;margin-top:26px}
.tl .tag{background:var(--white)}
.tl .tag.last{background:var(--yellow)}
.sig{font-family:var(--f-hand);font-weight:600;font-size:clamp(44px,5vw,70px);line-height:1;margin-top:20px;rotate:-3deg;transform-origin:left;color:var(--brown)}
.cls{background:var(--pastel);padding-block:clamp(96px,12vw,180px) clamp(88px,11vw,170px);text-align:center}
.cls-t{font-size:clamp(50px,9.6vw,152px);color:var(--deeper)}
.cls-s{margin:22px auto 0;max-width:30em;font-weight:500;font-size:clamp(17px,1.5vw,20px)}
.logos{margin-top:clamp(40px,5vw,72px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.lg{background:var(--cream);border:2px solid var(--ink);border-radius:clamp(18px,2vw,28px);height:clamp(84px,10vw,128px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(38,48,31,.6);transition:background .3s ease,rotate .3s ease,color .3s ease}
.lg b{font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(18px,2vw,26px);letter-spacing:0;text-transform:none;color:var(--ink)}
.lg:hover{background:var(--yellow);rotate:-2deg;color:var(--ink)}
.ct{background:var(--cream);padding-block:clamp(96px,12vw,180px) clamp(72px,9vw,130px);color:var(--deeper)}
.ct-g{align-items:center;row-gap:40px}
.ct-l{grid-column:1/7}
.ct-t{font-size:clamp(50px,7.8vw,124px)}
.ct-r{grid-column:7/13;position:relative}
.ct-snap{position:absolute;right:0;top:0;width:90%;rotate:4deg;z-index:2}
.ct-mini{position:absolute;left:-6%;bottom:-6%;width:44%;z-index:3}
.ct-act{margin-top:clamp(32px,4vw,56px);display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.ct-act .btn{font-size:clamp(15px,1.4vw,18px);padding:22px 38px}
.ct-m{margin-top:clamp(48px,6vw,90px);display:flex;flex-wrap:wrap;gap:12px;color:var(--ink)}
.ct-m .tag{font-size:13px;text-transform:none;letter-spacing:.02em;padding:9px 18px}
.ct-m a.tag{text-decoration:none}
.ft{background:var(--deeper);color:var(--cream);padding-block:clamp(48px,6vw,88px) 28px}
.ft-t{font-family:var(--f-logo);font-weight:400;font-stretch:100%;text-transform:none;font-size:clamp(56px,12vw,190px);color:var(--cream);line-height:.9}
.ft-r{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;margin-top:28px}
.ft-s{display:flex;flex-wrap:wrap;gap:10px}
.ft-s a{text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--cream);border-radius:99px;padding:9px 18px;transition:background .25s ease,color .25s ease}
.ft-s a:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.ft-b{margin-top:34px;padding-top:18px;border-top:2px solid rgba(251,244,228,.3);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:13px;opacity:.85}
.dd{font-family:var(--f-logo);font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.005em;line-height:1}
.intro{background:var(--cream);padding-block:clamp(40px,5vw,72px) clamp(64px,8vw,120px)}
.in-card{position:relative;overflow:hidden;background:var(--pastel-bg);border-radius:clamp(28px,4vw,56px);padding:clamp(40px,6vw,88px) clamp(22px,6vw,110px) clamp(78px,9vw,130px);text-align:center}
.in-t{font-size:clamp(28px,4.3vw,62px);color:var(--deeper);max-width:19em;margin-inline:auto;line-height:1.08}
.in-s{margin-top:clamp(16px,2vw,26px);font-size:clamp(24px,2.6vw,38px);color:var(--deep);rotate:-2deg}
.in-w{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(22px,3vw,40px);display:block}
.in-b{margin-top:clamp(28px,4vw,56px);align-items:center;row-gap:34px}
.in-m{grid-column:1/3;position:relative;rotate:-6deg}
.in-m .frame{box-shadow:0 0 0 5px var(--white),0 12px 24px rgba(38,48,31,.22)}
.in-m .frame::after,.in-m .ph::before,.in-m .ph::after{display:none}
.in-tx{grid-column:3/9}
.in-tx p+p{margin-top:1em}
.in-tx p{font-size:clamp(17px,1.4vw,19px);font-weight:500;max-width:29em}
.in-r{grid-column:9/13;position:relative;rotate:4deg}
.in-ov{position:absolute;left:9px;right:9px;top:9px;aspect-ratio:4/3;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.in-pair{display:flex;align-items:center;justify-content:center;height:82%}
.in-ph{height:100%;aspect-ratio:2/3;background:var(--white);padding:5px;box-shadow:0 2px 8px rgba(38,48,31,.2);rotate:-6deg}
.in-ph img{display:block;width:100%;height:100%;object-fit:cover}
.in-ph.b{height:92%;aspect-ratio:9/16;margin-left:-5%;rotate:5deg}
.in-cap{margin-top:6px;font-size:clamp(18px,1.6vw,23px);line-height:1;color:var(--brown);rotate:-2deg;white-space:nowrap}
.in-note{display:flex;align-items:center;gap:10px;margin-top:26px;color:var(--brown)}
.jny{background:var(--pastel-bg);padding-block:clamp(96px,12vw,170px) clamp(80px,10vw,150px)}
.jny-h{text-align:center;position:relative}
.jny-t{font-size:clamp(46px,7.4vw,112px);color:var(--deeper)}
.jny-t .hw{font-size:.42em;color:var(--deep);margin-left:.15em}
.jny-ar{position:absolute;right:clamp(0px,12vw,180px);top:-8%;color:var(--deeper);rotate:8deg}
.jl{max-width:1000px;margin:clamp(48px,6vw,90px) auto 0}
.je{display:grid;grid-template-columns:1fr clamp(34px,5vw,64px) 1fr;padding-bottom:clamp(40px,5vw,72px)}
.je:last-child{padding-bottom:0}
.je-dot{grid-column:2;grid-row:1;justify-self:center;width:2px;background:var(--ink);position:relative}
.je-dot::before{content:'';position:absolute;left:50%;top:8px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--anis);border:2px solid var(--ink)}
.je:last-child .je-dot::before{background:var(--yellow)}
.je-c{grid-row:1;grid-column:1;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.je:nth-child(even) .je-c{grid-column:3;text-align:left;align-items:flex-start}
.je-ph{width:min(260px,72%);margin-bottom:16px;rotate:-2deg}
.je:nth-child(even) .je-ph{rotate:2deg}
.je-y{display:flex;align-items:baseline;gap:12px;font-family:var(--f-sans);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(26px,2.6vw,36px);line-height:1;color:var(--deeper)}
.je-y .hw{font-stretch:100%;text-transform:none;font-size:1.15em;color:var(--deep)}
.je-t{margin-top:10px;max-width:21em;font-size:clamp(16px,1.3vw,18px);font-weight:500}
.je-now{margin-top:12px}
.wv{position:absolute;left:0;top:calc(-1*var(--wave) + 1px);width:100%;height:var(--wave);display:block;pointer-events:none}
.up{animation:up 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes up{from{opacity:.3;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes rv{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes clip{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(-30px -30px -30px -30px)}}
@keyframes par{from{transform:translateY(-6%)}to{transform:translateY(6%)}}
@keyframes lnup{from{transform:translateY(108%)}to{transform:none}}
@keyframes drift{from{translate:0 24px}to{translate:0 -24px}}
@keyframes drawn{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes tw{0%,100%{scale:1;rotate:0deg}50%{scale:1.25;rotate:12deg}}
.spin{animation:spin 26s linear infinite}
.tw{animation:tw 3.4s ease-in-out infinite}
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
@supports (animation-timeline: view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
.clip{animation:clip linear both;animation-timeline:view();animation-range:entry 0% entry 62%}
.frame>.par{animation:par linear both;animation-timeline:view()}
.ln>span{display:block;animation:lnup linear both;animation-timeline:view();animation-range:entry 5% entry 65%}
.drift{animation:drift linear both;animation-timeline:view()}
.circ path{animation:drawn linear both;animation-timeline:view();animation-range:entry 30% entry 90%}}
@media (prefers-reduced-motion: reduce){
*{animation:none!important;transition:none!important}}
@media (max-width:960px){
.nav{display:none!important}
.burger{display:inline-flex}
.hero-l,.hero-r{grid-column:1/-1}
.hero-r{max-width:560px;margin-inline:auto}
.uni-t,.uni-s,.pj-t,.pj-s{grid-column:1/-1}
.ub-a,.ub-b{grid-column:1/-1}
.ub-b{margin-top:0}
.ub-a .ub-ph{width:78%;margin-left:12%}
.ub-a .ub-t{margin-left:12%}
.ct-l,.ct-r{grid-column:1/-1}
.ct-r{max-width:none}
.in-m{display:none}
.in-tx{grid-column:1/-1}
.in-r{grid-column:3/11}}
@media (max-width:760px){
.pA{grid-column:1/-1}
.pB{grid-column:6/13;grid-row:2;margin-top:-10vw}
.pC{grid-column:1/7;grid-row:3;margin-top:20px}
.pD{grid-column:1/-1;grid-row:4;margin-top:0}
.pE{grid-column:3/13;grid-row:5}
.pE-cut{left:-10%;width:36%}
.pF{grid-row:6}
.pF-cut{width:96px;top:-12%}
.r219{aspect-ratio:4/3}
.ab-l,.ab-r,.ab-tx{grid-column:1/-1}
.ab-r{grid-row:2;margin-top:20px}
.ab-tx{grid-row:3}
.ab-snap{left:-4%}
.logos{grid-template-columns:repeat(2,minmax(0,1fr))}
.hr-note{display:none}
.je{grid-template-columns:34px 1fr}
.je-dot{grid-column:1}
.je-c,.je:nth-child(even) .je-c{grid-column:2;text-align:left;align-items:flex-start;padding-left:10px}
.jny-ar{display:none}}
.trust{--u:clamp(80px,11.6vw,168px);margin-top:clamp(64px,8vw,120px);overflow:hidden}
.trust-t{display:block;text-align:center;font-size:clamp(50px,9.6vw,148px);line-height:.9;color:var(--deeper);margin:0 0 clamp(48px,6vw,90px);padding-inline:var(--pad)}
.trust-rail{display:flex;overflow:hidden}
.trust-rail:hover .trust-set{animation-play-state:paused}
.trust-set{display:flex;flex:0 0 auto;min-width:100%;align-items:center;justify-content:space-around;gap:clamp(48px,7.2vw,116px);padding-right:clamp(48px,7.2vw,116px);animation:marq 55s linear infinite}
.trust-s{margin:clamp(40px,5vw,76px) auto 0;max-width:none;width:auto;padding-inline:var(--pad);text-align:center;white-space:nowrap;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(15px,2.1vw,31px);line-height:1.3;color:var(--deeper)}
@media (max-width:760px){
.trust-s{white-space:normal;font-size:clamp(18px,5vw,24px)}}
.lgo{display:flex;align-items:center;flex:0 0 auto}
.lgo img{display:block;height:calc(var(--u) * var(--k,1.2));width:auto;max-width:none;object-fit:contain}
#top>*{flex-shrink:0}
.abF .ph::before,.abF .ph::after,.abF.frame::after{display:none}
.abF .ph{background-image:url(../images/0440b44fe689720c1d90dc9ad6d8799a.webp);background-size:cover;background-position:center 85%;background-repeat:no-repeat}
.abV .ph::before,.abV .ph::after,.abV.frame::after{display:none}
.abV .vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.ct-t .ln{padding-top:.22em;margin-top:-.22em}
.ct-ph{display:block;width:calc(100% + var(--pad) * .5);max-width:none;height:auto;margin-right:calc(-.5 * var(--pad));rotate:1.5deg}
.ft-l{display:flex;flex-wrap:wrap;gap:6px 22px}
.ft-l a{text-decoration:none}
.ft-l a:hover{text-decoration:underline;text-underline-offset:4px}
.tri{display:flex;width:100%;margin:0;padding:0;background:var(--pastel-bg);overflow:hidden}
.tri-v{position:relative;flex:1 1 0;min-width:0;aspect-ratio:640/1080;overflow:hidden;background:#DCE8C8}
.tri-2{background:#B0C885}
.tri-3{background:#F1E7CE}
.tri-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sv{background:var(--pastel-bg);padding-top:clamp(64px,8vw,120px);overflow:hidden}
.sv-t{text-align:center;font-size:clamp(56px,10.5vw,168px);color:var(--deeper);padding-inline:var(--pad);margin-bottom:clamp(36px,4.6vw,72px)}
.sv-list{display:flex;flex-direction:column;width:100%}
.sv-p{--r:clamp(34px,5.2vw,80px);position:relative;border-radius:var(--r) var(--r) 0 0;border:2px solid var(--ink);border-bottom:0;margin-top:calc(-1 * var(--r) + 6px);transition:background .3s ease}
.sv-p:first-child{margin-top:0}
.sv-p:nth-child(1){z-index:1}
.sv-p:nth-child(2){z-index:2}
.sv-p:nth-child(3){z-index:3}
.sv-p:nth-child(4){z-index:4}
.sv-p:nth-child(5){z-index:5}
.sv-p:nth-child(6){z-index:6;padding-bottom:calc(var(--wave) + clamp(8px,2vw,24px))}
.sv-1{background:var(--pastel);color:var(--ink);--cb:var(--cream)}
.sv-2{background:var(--cream);color:var(--deeper);--cb:var(--sand)}
.sv-3{background:var(--deeper);color:var(--cream);--cb:var(--cream)}
.sv-4{background:var(--anis);color:var(--deeper);--cb:var(--cream)}
.sv-5{background:var(--sand);color:var(--deeper);--cb:var(--cream)}
.sv-6{background:var(--deep);color:var(--cream);--cb:var(--cream)}
.sv-h{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:clamp(14px,2.4vw,40px);width:100%;max-width:1440px;margin:0 auto;padding:clamp(22px,3vw,44px) var(--pad) calc(var(--r) + clamp(4px,.8vw,12px));padding-top:calc(var(--r) * .55 + clamp(10px,1.6vw,22px))}
.sv-p.on .sv-h{padding-bottom:clamp(16px,2.2vw,30px)}
.sv-p:last-child .sv-h{padding-bottom:clamp(24px,3.4vw,50px)}
.sv-p:first-child .sv-h{padding-top:clamp(28px,3.6vw,52px)}
.sv-h:focus-visible{outline:3px solid currentColor;outline-offset:-8px;border-radius:var(--r)}
.sv-n{font-family:var(--f-hand);font-weight:600;font-size:clamp(26px,3vw,46px);line-height:1;opacity:.85;min-width:1.5em}
.sv-name{flex:1;font-size:clamp(34px,6.3vw,100px);transition:translate .4s cubic-bezier(.2,.7,.2,1)}
.sv-h:hover .sv-name{translate:10px 0}
.sv-ic{position:relative;flex:0 0 auto;width:clamp(32px,3.4vw,50px);aspect-ratio:1;border:2px solid currentColor;border-radius:50%}
.sv-ic::before,.sv-ic::after{content:'';position:absolute;left:50%;top:50%;width:46%;height:2px;margin:-1px 0 0 -23%;background:currentColor;border-radius:2px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.sv-ic::after{transform:rotate(90deg)}
.sv-p.on .sv-ic::after{transform:rotate(0deg)}
.sv-p.on .sv-ic{rotate:180deg;transition:rotate .45s cubic-bezier(.2,.7,.2,1)}
.sv-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.7,.2,1)}
.sv-p.on .sv-b{grid-template-rows:1fr}
.sv-bi{min-height:0;overflow:hidden}
.sv-card{max-width:1440px;margin:0 auto;box-sizing:border-box}
.sv-bi>.sv-card{margin:0 var(--pad) calc(var(--r) + 10px);max-width:none;background:var(--cb);color:var(--ink);border:2px solid var(--ink);border-radius:clamp(22px,2.6vw,38px);padding:clamp(22px,2.8vw,40px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:center;opacity:0;translate:0 16px;transition:opacity .45s ease,translate .55s cubic-bezier(.2,.7,.2,1)}
.sv-p.on .sv-bi>.sv-card{opacity:1;translate:0 0;transition-delay:.12s}
.sv-tx{font-size:clamp(17px,1.5vw,21px);line-height:1.5;font-weight:500}
.sv-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sv-tags li{font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;border:2px solid var(--ink);border-radius:99px;padding:6px 14px;background:var(--white);color:var(--ink)}
.sv-tags li:nth-child(3n+1){background:var(--anis)}
@media (max-width:760px){
.sv-p{--r:30px;margin-top:-24px}
.sv-h{min-height:72px;gap:12px;padding-top:calc(var(--r) * .5 + 12px);padding-bottom:calc(var(--r) - 2px)}
.sv-n{font-size:24px;min-width:1.4em}
.sv-name{font-size:clamp(26px,8.2vw,40px);line-height:.95}
.sv-bi>.sv-card{grid-template-columns:1fr;margin-inline:16px}}
@media (prefers-reduced-motion: reduce){
.sv-b,.sv-bi>.sv-card,.sv-ic,.sv-ic::before,.sv-ic::after,.sv-name{transition:none}}
.wd{background:var(--deeper);color:var(--cream);padding-top:clamp(92px,11vw,160px)}
.wd-t{text-align:center;font-size:clamp(50px,9.4vw,152px);color:var(--cream);padding-inline:var(--pad)}
.wd-t .mk{display:inline-block;margin-top:.06em;padding:0 .12em;color:var(--ink)}
.wd-v{position:relative;width:100%;aspect-ratio:16/9;margin-top:clamp(32px,4.4vw,68px);background:#000;overflow:hidden}
.wd-poster,.wd-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wd-video{background:#000;z-index:2}
.wd-play{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;left:50%;top:50%;z-index:3;width:clamp(72px,9vw,128px);aspect-ratio:1;margin:calc(clamp(72px,9vw,128px) / -2) 0 0 calc(clamp(72px,9vw,128px) / -2);border-radius:50%;background:var(--anis);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;transition:scale .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.wd-play svg{width:42%;height:42%;fill:var(--ink);margin-left:6%}
.wd-play:hover{scale:1.08;box-shadow:0 6px 0 var(--ink)}
.wd-play:focus-visible{outline:3px solid var(--cream);outline-offset:6px}
.wd-f{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.4vw,30px);text-align:center;padding-top:clamp(36px,4.6vw,72px);padding-bottom:calc(var(--wave) + clamp(56px,7vw,110px))}
.wd-s{font-size:clamp(32px,3.8vw,58px);color:var(--anis);rotate:-2deg}
@media (max-width:760px){
.wd-play{width:68px;margin:-34px 0 0 -34px}}
@media (max-width:960px){
.ct-ph{width:100%;margin-right:0}}
@media (max-width:760px){
.tri{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tri::-webkit-scrollbar{display:none}
.tri-v{flex:0 0 78vw;scroll-snap-align:center}}
body{background:var(--deeper)}