@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/google-sans-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/google-sans-hebrew-500-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/google-sans-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Google Sans';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/google-sans-hebrew-700-italic.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/google-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2726,U+FEFF,U+FFFD}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/google-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2726,U+FEFF,U+FFFD}
@font-face{font-family:'Google Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/google-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2726,U+FEFF,U+FFFD}
@font-face{font-family:'Google Sans';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/google-sans-latin-700-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+2726,U+FEFF,U+FFFD}

/* Concept: a clothing label run by a man too big for his own website. Racks, tags, size charts, footsteps. */
:root{
  color-scheme:light;
  --red:#E2101E; --white:#FFFFFF; --ink:#111111; --stone:#ECECEA; --ink2:#5A5A58;
  --display:"Rubik","Arial Hebrew",Arial,sans-serif;
  --body:"Assistant","Arial Hebrew",Arial,sans-serif;
  --gl:max(16px,env(safe-area-inset-left,0px));
  --gr:max(16px,env(safe-area-inset-right,0px));
  --floor:clamp(104px,17vh,168px);
  --spring:cubic-bezier(.3,1.9,.5,1);
}
*{box-sizing:border-box}
html{background:var(--white)}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-weight:500;font-size:18px;line-height:1.4;overflow-x:clip}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.d{font-family:var(--display);font-weight:900;font-style:italic;line-height:1;letter-spacing:-.015em}
.band{padding-block:clamp(56px,8vw,128px);padding-inline:var(--gr) var(--gl)}
.wrap{max-width:1500px;margin-inline:auto;min-width:0}
.lime{background:var(--red);color:var(--white)}
.cloth{background:var(--stone);color:var(--ink)}
.char{background:var(--white);color:var(--ink)}
.uv{background:var(--ink);color:var(--white)}
.h-xl{font-size:clamp(48.72px,9.86vw,174px)}
.h-l{font-size:clamp(38.28px,5.57vw,98.6px)}
.h-m{font-size:clamp(26.68px,2.9vw,48.72px)}
.h-s{font-size:clamp(20.88px,1.97vw,32.48px)}
.lead{font-size:clamp(20px,1.8vw,28px);line-height:1.3;max-width:34em}
.cat{font-size:15px;font-weight:800;letter-spacing:.03em}
.arrow{white-space:nowrap;display:inline-flex;gap:.5em;font-weight:800;text-decoration:none;align-items:center}
.arrow::after{content:"←";transition:transform .25s var(--spring)}
.arrow:hover::after{transform:translateX(-7px)}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:800;font-size:19px;padding:12px 24px;border-radius:999px;transition:transform .25s var(--spring)}
.btn:hover{transform:rotate(-3deg) scale(1.06)}
.btn.lm{background:var(--red);color:var(--white)}
.stage .btn{background:var(--white);color:var(--red)}
.btn.dk{background:var(--white);color:var(--red)}

/* Placeholder slot: shows the size to upload */
.ph{display:grid;place-items:center;text-align:center;padding:12px;background:repeating-linear-gradient(135deg,#E4E4E2 0 14px,#DADAD7 14px 28px);color:var(--ink);font-weight:800;font-size:16px;width:100%;overflow:hidden;transition:background .25s,color .25s}
.ph span{transition:scale .3s var(--spring)}
a:hover>.ph,a:hover .ph{background:var(--red);color:var(--white)}
a:hover .ph span{scale:1.2}
.r169{aspect-ratio:16/9}.r43{aspect-ratio:4/3}.r45{aspect-ratio:4/5}.r11{aspect-ratio:1}.r219{aspect-ratio:21/9}

/* Sewn labels */
.tag{display:inline-block;font:800 clamp(14px,1.28vw,20px)/1 var(--body);background:var(--white);color:var(--ink);padding:.72em 1.3em;position:relative;box-shadow:0 2px 0 rgba(0,0,0,.28),0 7px 14px rgba(0,0,0,.2);rotate:var(--r,0deg);transition:scale .32s var(--spring)}
.tag::before,.tag::after{content:"";position:absolute;top:5px;bottom:5px;width:0;border-inline-start:2px dashed currentColor;opacity:.45}
.tag::before{right:.42em}.tag::after{left:.42em}
.tag.t-lime{background:var(--red);color:var(--white)}.tag.t-uv{background:var(--white);color:var(--red)}.tag.t-char{background:var(--ink);color:var(--white)}

/* NAV */
.nav{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gr) 12px var(--gl);pointer-events:none}
.nav>*{pointer-events:auto}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;background:var(--white);color:var(--ink);box-shadow:0 0 0 2px var(--ink);border-radius:999px;padding:4px 18px 4px 8px}
.logo img{width:40px;height:auto;display:block;transition:transform .35s var(--spring)}
.logo:hover img{transform:rotate(-12deg) scale(1.12)}
.logo span{display:grid;line-height:1;direction:ltr;text-align:left}
.logo b{font:800 19px/1 var(--body);letter-spacing:.05em}
.logo i{font:500 12px/1.3 var(--body);font-style:normal;letter-spacing:.32em}
.menu{display:flex;gap:4px;background:var(--white);box-shadow:0 0 0 2px var(--ink);border-radius:999px;padding:5px;color:var(--ink)}
.menu a{padding:8px 15px;border-radius:999px;text-decoration:none;font-weight:800;font-size:16px;transition:background .2s,color .2s;white-space:nowrap}
.menu a:hover,.menu a[aria-current=page]{background:var(--red);color:var(--white)}
.burger{display:none;background:var(--white);color:var(--ink);box-shadow:0 0 0 2px var(--ink);font-weight:800;font-size:17px;padding:12px 20px;border-radius:999px}
@media(max-width:940px){.menu{display:none}.burger{display:block}}
.overlay{position:fixed;inset:0;z-index:40;background:var(--red);color:var(--white);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:80px var(--gr) 24px var(--gl);overflow:hidden}
.overlay a{font:italic 900 clamp(39.44px,9.86vw,63.8px)/1 var(--display);text-decoration:none}
.overlay button{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:var(--gl);background:var(--white);color:var(--red);font-weight:800;padding:12px 20px;border-radius:999px}
.overlay img{position:absolute;left:-6vw;bottom:-5vh;width:58vw;max-width:340px;pointer-events:none}

/* HERO */
.stage{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--red);color:var(--white)}
.world{position:absolute;inset:0;isolation:isolate;will-change:transform}
.stas{position:absolute;left:0;top:0;width:1536px;height:2752px;max-width:none;display:block;z-index:2;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none}
.back{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:1fr 1fr;column-gap:32vw;align-items:start;padding-top:max(92px,12vh);padding-inline:var(--gr) var(--gl);opacity:0;font:italic 900 clamp(63.8px,12.47vw,232px)/.8 var(--display);color:var(--white);white-space:nowrap;pointer-events:none}
.back span:first-child{text-align:right}.back span:last-child{text-align:left}
@media(max-aspect-ratio:4/5){.back{display:flex;justify-content:center;gap:.16em;padding-top:max(84px,10vh);font-size:13.4vw;line-height:1}}
.hl{position:absolute;z-index:3;inset:0;padding:clamp(72px,10vh,104px) var(--gr) 0 var(--gl);color:#fff;pointer-events:none}
.hl h1{font:italic 900 clamp(69.6px,15.66vw,290px)/1 var(--display)}
.hl h1 em{display:block;font-size:.43em;line-height:1;margin-top:.12em}
.hint{position:absolute;z-index:4;right:var(--gr);bottom:24px;display:flex;align-items:center;gap:10px;background:var(--white);color:var(--ink);padding:9px 16px;border-radius:999px;font-weight:800;font-size:17px}
.hint svg{width:14px;height:18px;animation:nudge 1.2s ease-in-out infinite}
@keyframes nudge{50%{transform:translateY(4px)}}
.marks{position:absolute;inset:0;z-index:4;pointer-events:none}
.mark{position:absolute;left:0;top:0;width:0;height:0;direction:ltr;transform-origin:0 0;will-change:transform}
.mark>*{display:block;width:max-content;direction:rtl;transform:translate(-50%,-50%)}
.mark:not(.on) .tag,.mark:not(.on) .care{scale:.2}
.mark>.care{width:min(300px,62vw)}
.care{background:var(--white);color:var(--ink);padding:16px 18px;box-shadow:0 3px 0 rgba(0,0,0,.28),0 12px 24px rgba(0,0,0,.34);rotate:-2deg;transition:scale .32s var(--spring)}
.care strong{display:block;font:italic 900 62px/.8 var(--display);margin-bottom:10px}
.care dl{display:grid;gap:7px;font-size:15px;line-height:1.2}
.care dt{font-weight:800;font-size:12px;color:var(--red)}
.note{font:italic 900 clamp(29px,4.29vw,69.6px)/1 var(--display);color:var(--white);text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.bubble{display:block;background:var(--white);color:var(--ink);font:italic 900 clamp(22.04px,2.55vw,40.6px)/1 var(--display);padding:.34em .55em .3em;border-radius:.42em;box-shadow:0 8px 0 var(--ink);text-align:center}
.tape{position:absolute;z-index:5;top:0;bottom:0;left:0;width:30px;margin-left:env(safe-area-inset-left,0px);background-color:var(--white);background-image:repeating-linear-gradient(to bottom,var(--ink) 0 2px,transparent 2px 28px),repeating-linear-gradient(to bottom,var(--ink) 0 1px,transparent 1px 7px);background-size:14px 100%,7px 100%;background-repeat:repeat-y;background-position:0 var(--y,0),0 var(--y,0)}
.tape output{position:absolute;top:50%;left:38px;transform:translateY(-50%);background:var(--ink);color:var(--white);padding:6px 10px;font-weight:800;font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums;direction:rtl}
.reveal{position:absolute;z-index:5;left:0;right:0;bottom:calc(var(--floor) + 4vh);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-inline:var(--gr) var(--gl);opacity:0;pointer-events:none}
.reveal h2{font:italic 900 clamp(33.64px,4.41vw,76.56px)/1 var(--display)}
.reveal div{max-width:290px;display:grid;gap:14px;justify-items:start}
.reveal p{font-size:19px;line-height:1.3;font-weight:800}
@media(max-aspect-ratio:4/5){.reveal{top:calc(70px + env(safe-area-inset-top,0px));bottom:auto;display:block;text-align:center}.reveal h2{font-size:9vw}.reveal div{display:none}}
.floor{position:absolute;z-index:6;left:0;right:0;bottom:0;height:var(--floor);background:var(--white);color:var(--red);display:flex;align-items:center;justify-content:center;padding-inline:var(--gr) var(--gl);transform:translateY(101%)}
.floor h2{font:italic 900 min(9.86vw,clamp(39.44px,6.67vh,76.56px))/1 var(--display);white-space:nowrap}
.floor h2 span{display:inline-block}
.dust{position:absolute;z-index:5;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--white);opacity:0;pointer-events:none}
.still .tape,.still .hint,.still .hl{display:none}
.still .marks{position:static}.still .mark.sewn,.still .mark.loose{display:none}
.still .reveal,.still .back{opacity:1}
.still .floor{transform:none}
@media(max-aspect-ratio:4/5){.still .back{display:none}}

/* HOME: short about */
.intro .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,6vw,96px);align-items:start}
.statement{font:italic 900 clamp(29px,3.83vw,68.44px)/1 var(--display)}
.intro aside{display:grid;gap:18px;justify-items:start}
.avail{display:inline-flex;gap:10px;align-items:center;font-weight:800;color:var(--white);background:var(--red);padding:8px 16px;border-radius:999px}
.avail::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--white);animation:pulse 1.4s infinite}
@keyframes pulse{50%{transform:scale(1.6);opacity:.5}}
@media(max-width:820px){.intro .wrap{grid-template-columns:1fr}}

/* HOME: rack */
.rack{height:100vh;height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;padding-top:calc(76px + env(safe-area-inset-top,0px))}
.rack-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-inline:var(--gr) var(--gl)}
.rack-view{position:relative;flex:1;min-height:0;overflow-x:auto;margin-top:16px;scrollbar-width:none}
.rack-view::before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--ink);z-index:2}
.motion .rack-view{overflow:hidden}
.motion .rack-view::before{position:absolute}
.track{display:flex;gap:clamp(20px,3vw,48px);width:max-content;height:100%;padding-inline:var(--gr) 8vw;align-items:flex-start;will-change:transform}
.hang{width:min(44vw,70vh);display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;text-decoration:none;flex:none;height:100%}
.hang::before{content:"";width:2px;height:clamp(16px,4vh,38px);background:var(--ink);flex:none}
.hang .body{flex:1;margin-bottom:clamp(16px,3vh,32px);width:100%;background:var(--white);color:var(--ink);padding:10px 10px 12px;display:flex;flex-direction:column;gap:10px;min-height:0;}
.hang .ph{flex:1;min-height:120px;aspect-ratio:auto}
.hang .meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-inline:6px}
.hang h3{font:italic 900 clamp(18.56px,1.97vw,32.48px)/1 var(--display)}
.hang.end{justify-content:flex-start}
.hang.end .body{background:var(--red);color:#fff;flex:1;justify-content:center;align-items:center;text-align:center;padding:24px}
.hang.end h3{font-size:clamp(29px,3.48vw,58px)}
@media(max-width:700px){.hang{width:76vw}}

/* HOME: services as a size chart */
.sv-row{border-top:3px solid var(--white);display:block}
.sv-row:last-child{border-bottom:3px solid var(--white)}
.sv-row button{display:flex;width:100%;justify-content:space-between;align-items:center;padding-block:clamp(10px,1.4vw,20px);text-align:right}
.sv-row b{font:italic 900 clamp(37.12px,5.45vw,92.8px)/1 var(--display);transition:transform .3s var(--spring)}
.sv-row button:hover b{transform:translateX(-14px)}
.sv-row i{font:800 clamp(16px,1.5vw,22px)/1 var(--body);font-style:normal;white-space:nowrap}
.sv-open{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}
.sv-row.open .sv-open{grid-template-rows:1fr}
.sv-open>div{overflow:hidden;min-height:0;display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.sv-row.open .sv-open>div{padding-bottom:26px}
.services-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,4vw,56px)}
.services-head p{max-width:24em}

/* Let's work together */
.together{position:relative;overflow:hidden;padding-bottom:0}
.together .wrap{display:grid;gap:26px;justify-items:start;padding-bottom:clamp(180px,24vw,300px);position:relative;z-index:2}
.together h2{font-size:clamp(52.2px,10.15vw,185.6px);line-height:.8}
.peek{position:absolute;bottom:-3px;left:clamp(16px,10vw,180px);width:clamp(210px,27vw,420px);z-index:1;pointer-events:none;will-change:transform}
.say{position:absolute;z-index:2;font:italic 900 clamp(17.4px,1.86vw,30.16px)/1 var(--display);background:var(--white);color:var(--ink);padding:.34em .6em;border-radius:.4em;box-shadow:0 6px 0 var(--red);left:calc(clamp(16px,10vw,180px) + clamp(190px,25vw,400px));bottom:clamp(90px,14vw,210px)}

/* Agencies + brands: hang tags */
.tags2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.hangtag{position:relative;display:grid;gap:18px;align-content:start;justify-items:start;min-width:0;padding:clamp(52px,5vw,76px) clamp(22px,3vw,48px) clamp(26px,3vw,44px);text-decoration:none;transform-origin:50% 22px;transition:transform .5s var(--spring)}
.hangtag::before{content:"";position:absolute;top:18px;right:50%;width:24px;height:24px;margin-right:-12px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px rgba(0,0,0,.14)}
.hangtag:nth-child(1):hover{transform:rotate(-2.4deg)}.hangtag:nth-child(2):hover{transform:rotate(2.4deg)}
.hangtag h2,.hangtag h3{font-size:clamp(33.64px,4.18vw,71.92px);line-height:1}
.hangtag p{max-width:27em}
@media(max-width:760px){.tags2{grid-template-columns:1fr}}

/* News */
.news{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:start}
.feature{display:grid;gap:14px;text-decoration:none}
.list-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding-block:18px;border-top:2px solid currentColor;text-decoration:none;flex-wrap:wrap;transition:padding .25s}
.list-row:hover{padding-inline-start:14px}
.list-row h3{font-weight:900;font-style:italic;font-size:clamp(19.72px,1.74vw,29px);font-family:var(--display);line-height:.98}
@media(max-width:820px){.news{grid-template-columns:1fr}}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,4vw,52px)}

/* FOOTER */
.foot{overflow:hidden}
.tick{background:var(--white);color:var(--red);overflow:hidden;white-space:nowrap;padding-block:12px;font:italic 900 clamp(17.4px,1.97vw,30.16px)/1 var(--display);direction:ltr}
.tick div{display:inline-block;animation:tick 34s linear infinite}
.tick span{direction:rtl;display:inline-block;padding-inline:.7em}
@keyframes tick{to{transform:translateX(-50%)}}
.foot-main{padding-block:clamp(48px,6vw,88px) 0;padding-inline:var(--gr) var(--gl)}
.foot-grid{display:grid;grid-template-columns:minmax(0,6fr) repeat(3,minmax(0,2fr));gap:clamp(24px,3vw,48px)}
.foot-grid h2{font-size:clamp(40.6px,5.22vw,92.8px);line-height:1}
.foot-grid h3{font-size:15px;font-weight:800;margin-bottom:10px}
.foot-grid li{margin-bottom:5px}
.foot-grid a{text-decoration:none}
.foot-grid li a:hover{text-decoration:underline;text-underline-offset:3px}
.foot-cta{display:grid;gap:20px;justify-items:start}
@media(max-width:820px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-cta{grid-column:1/-1}}
.street{position:relative;height:clamp(180px,20vw,300px);overflow:hidden;margin-top:clamp(20px,3vw,44px);border-bottom:clamp(14px,2vw,26px) solid var(--white)}
.street-name{position:absolute;inset:auto 0 -.03em;display:flex;justify-content:space-between;padding-inline:var(--gr) var(--gl);font:italic 900 clamp(50px,9.6vw,190px)/1 var(--display);white-space:nowrap}
@media(max-width:700px){.street-name{position:absolute;inset:6px 0 auto;z-index:2;justify-content:center;gap:.25em;font-size:12vw}}
.walker{position:absolute;bottom:-4px;left:50%;height:115%;display:flex;direction:ltr;will-change:transform;pointer-events:none}
.motion .walker{transform:translateX(-50%)}
.walker{transform:translateX(-50%)}
.walker img{height:100%;width:auto;max-width:none;display:block;will-change:transform}
.legal{background:var(--white);color:var(--ink2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;font-size:15px;padding-block:14px calc(14px + env(safe-area-inset-bottom,0px));padding-inline:var(--gr) var(--gl)}

/* INNER PAGE HEADS */
.pagehead{position:relative;overflow:hidden;padding-block:clamp(110px,14vh,170px) clamp(36px,5vw,70px);padding-inline:var(--gr) var(--gl)}
.pagehead .wrap{position:relative;z-index:2;display:grid;gap:18px;justify-items:start}
.pagehead h1{padding-inline:.12em;font-size:clamp(67.28px,15.66vw,272.6px);line-height:1}
.stepper{position:absolute;top:-4%;left:clamp(0px,7vw,130px);height:112%;width:auto;max-width:none;z-index:1;pointer-events:none;will-change:transform}
@media(max-width:700px){.stepper{left:-16vw;height:88%}}

/* WORK */
.filters{display:flex;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;align-items:center;margin-bottom:clamp(24px,3vw,44px)}
.pills,.sizes{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pills button{padding:8px 16px;border-radius:999px;border:2px solid currentColor;font-weight:800;transition:background .2s,color .2s}
.pills button[aria-pressed=true],.pills button:hover{background:var(--red);color:var(--white);border-color:var(--red)}
.sizes span{font-weight:800;margin-inline-end:6px}
.sizes button{width:46px;height:46px;border:2px solid currentColor;font-weight:800;direction:ltr;transition:background .2s,color .2s}
.sizes button[aria-pressed=true],.sizes button:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:clamp(26px,3vw,48px) clamp(16px,2vw,28px)}
.pc{display:grid;gap:10px;min-width:0;text-decoration:none;align-content:start}
.pc h2,.pc h3{font-size:clamp(22.04px,2.2vw,37.12px);line-height:.95}
.pc .cat{color:var(--ink2)}
.cloth .pc .cat{color:var(--ink2)}
.grid[data-size=S] .pc h2{font-size:22px}
@media(max-width:700px){.grid{--cols:1}.grid[data-size=S],.grid[data-size=M]{--cols:2}.sizes button[data-s=XL]{display:none}.grid[data-size=S] .pc p:not(.cat),.grid[data-size=M] .pc p:not(.cat){display:none}.grid[data-size=S] .arrow,.grid[data-size=M] .arrow{display:none}}

/* PROJECT + ARTICLE */
.back-link{font-weight:800;text-decoration:none}
.back-link::before{content:"→ "}
.detail-head h1{font-size:clamp(53.36px,8.7vw,156.6px);line-height:.8}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:3px solid currentColor;padding-top:14px;width:100%}
.facts dt{font-size:14px;font-weight:800}
.facts dd{font-size:clamp(19px,1.5vw,24px);font-weight:800}
@media(max-width:640px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,44px)}
.cols3 h2{font-size:clamp(22.04px,1.86vw,31.32px);margin-bottom:8px}
@media(max-width:760px){.cols3{grid-template-columns:1fr}}
.media{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}
.media>*{min-width:0}
.m12{grid-column:span 12}.m8{grid-column:span 8}.m7{grid-column:span 7}.m6{grid-column:span 6}.m5{grid-column:span 5}.m4{grid-column:span 4}
.m-fill{height:100%}
@media(max-width:640px){.m8,.m7,.m5,.m4{grid-column:span 12}}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
@media(max-width:640px){.two{grid-template-columns:1fr}}
.article{max-width:820px;margin-inline:auto;display:grid;gap:clamp(24px,3vw,40px)}
.article h2{font-size:clamp(31.32px,3.13vw,53.36px)}
.article p{font-size:clamp(19px,1.45vw,22px);line-height:1.5}
.article .media{margin-inline:calc(-1*min(0px,(100vw - 1200px)/-2))}
.article-head h1{font-size:clamp(41.76px,6.38vw,116px);line-height:1}

/* COLLAB */
.tabs{display:flex;gap:12px;flex-wrap:wrap}
.tabs button{font:800 clamp(18px,1.6vw,24px)/1 var(--body);background:var(--white);color:var(--ink);padding:.8em 1.5em;transition:transform .25s var(--spring),background .2s,color .2s;box-shadow:0 3px 0 rgba(0,0,0,.3)}
.tabs button:nth-child(1){rotate:-2deg}.tabs button:nth-child(2){rotate:2deg}
.tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.tabs button:hover{transform:translateY(-4px)}
.collab-head{min-height:min(90vh,820px);display:flex;align-items:flex-end}
.collab-head .wrap{width:100%}
.collab-head h1{color:#fff;font-size:clamp(53.36px,10.44vw,191.4px);line-height:1;color:#fff;}
.collab-head{isolation:isolate}
.torso{position:absolute;bottom:-14%;left:50%;width:min(1180px,128vw);max-width:none;transform:translateX(-50%);z-index:1;pointer-events:none}
.pane{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,84px);align-items:start}
.pane h2{font-size:clamp(39.44px,4.99vw,87px);line-height:1}
.pane .txt{display:grid;gap:18px;justify-items:start}
@media(max-width:820px){.pane{grid-template-columns:1fr}}
.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:italic 900 clamp(26.68px,3.48vw,60.32px)/1 var(--display)}
.flow li:not(:last-child)::after{content:"←";margin-inline-start:.3em;color:var(--white)}
.groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,2.6vw,40px) clamp(16px,2vw,30px)}
.groups h3{font-size:clamp(20.88px,1.74vw,30.16px);border-top:3px solid currentColor;padding-top:10px;margin-bottom:8px}
@media(max-width:1000px){.groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.groups{grid-template-columns:1fr}}
.faq details{border-top:3px solid currentColor}
.faq details:last-child{border-bottom:3px solid currentColor}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:14px;font:italic 900 clamp(20.88px,2.09vw,35.96px)/1 var(--display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";transition:rotate .25s var(--spring);flex:none}
.faq details[open] summary::after{rotate:45deg}
.faq p{padding-bottom:20px;max-width:40em}

/* ABOUT */
.about-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-bottom:0}
.about-head .wrap{align-self:center;padding-bottom:40px}
.big-head{width:clamp(250px,36vw,600px);display:block;margin-bottom:-4px;will-change:transform;transform-origin:50% 85%}
.about-bubble{position:absolute;z-index:3;left:clamp(200px,31vw,520px);top:clamp(120px,22vh,230px);font:italic 900 clamp(18.56px,2.09vw,34.8px)/1 var(--display);background:var(--white);color:var(--ink);padding:.32em .6em;border-radius:.4em;box-shadow:0 6px 0 var(--ink)}
@media(max-width:700px){.about-head{grid-template-columns:1fr}.big-head{width:78vw;margin-inline:auto}.about-bubble{left:16px;top:auto;bottom:50%}}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px)}
.split .txt{display:grid;gap:16px}
.split .txt p{max-width:36em}
@media(max-width:760px){.split{grid-template-columns:1fr}}
.manifest{font:italic 900 clamp(31.32px,4.41vw,76.56px)/1 var(--display)}

/* CONTACT: the form is a hang tag */
.contact{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.contact aside{display:grid;gap:22px}
.contact aside a{font-weight:800}
.contact h2{font-size:15px;font-weight:800;margin-bottom:4px}
.formtag{position:relative;background:var(--stone);color:var(--ink);padding:clamp(70px,6vw,92px) clamp(20px,4vw,56px) clamp(26px,4vw,52px);display:grid;gap:20px;min-width:0}
.formtag::before{content:"";position:absolute;top:22px;right:50%;width:26px;height:26px;margin-right:-13px;border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 5px var(--ink)}
.formtag h2{font-size:clamp(33.64px,3.71vw,61.48px);margin:0;font-family:var(--display);line-height:1}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:grid;gap:5px;min-width:0}
.field.full{grid-column:1/-1}
@media(max-width:560px){.fields{grid-template-columns:1fr}}
.field label,.field legend{font-weight:800;font-size:16px;padding:0}
fieldset{border:0;margin:0;padding:0;min-width:0}
input[type=text],input[type=email],textarea{width:100%;font:inherit;background:transparent;border:0;border-bottom:3px solid var(--ink);padding:8px 2px;color:inherit;border-radius:0}
textarea{min-height:120px;resize:vertical}
input:focus,textarea:focus{outline:0;border-color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chips label{cursor:pointer;display:block;font-size:16px}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:block;background:var(--ink);color:var(--white);padding:9px 16px;font-weight:800;transition:transform .25s var(--spring),background .2s}
.chips input:checked+span{background:var(--red);color:#fff;transform:rotate(-2deg) scale(1.06)}
.chips input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:16px}
.consent input{width:20px;height:20px;accent-color:var(--red);flex:none;margin-top:3px}
.err{color:#B3260A;font-weight:800;min-height:1.3em}
.ok{background:var(--red);color:var(--white);padding:14px 16px;font-weight:800}
@media(max-width:820px){.contact{grid-template-columns:1fr}}

/* Page-change stomp */
.stomp{position:fixed;inset:0;z-index:50;pointer-events:none;visibility:hidden}
.stomp-panel{position:absolute;inset:0;background:var(--red);color:var(--white);display:grid;place-items:center;will-change:transform;transform:translateY(-140%)}
.stomp-panel b{font:italic 900 clamp(58px,12.76vw,208.8px)/1 var(--display)}
.stomp-legs{position:absolute;top:calc(100% - 2px);left:50%;height:64vh;display:flex;direction:ltr;transform:translateX(-50%)}
.stomp-legs img{height:100%;width:auto;max-width:none}
@media(prefers-reduced-motion:reduce){.tick div,.avail::before,.hint svg{animation:none}}

/* ===== V3 ===== */
:root{--display:"Google Sans","Arial Hebrew",Arial,sans-serif;--body:"Google Sans","Arial Hebrew",Arial,sans-serif}
body{font-weight:400}
.d{font-weight:700;font-style:italic;letter-spacing:-.025em}
.lead{font-weight:500}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.box-btn{display:inline-block;background:var(--red);color:var(--white);font:italic 700 clamp(18px,1.6vw,24px)/1 var(--body);padding:.62em 1em;text-decoration:none;transform:skewX(-8deg);transition:transform .25s var(--spring),background .2s,color .2s}
.box-btn:hover{transform:skewX(-8deg) scale(1.07) rotate(-2deg)}
.box-btn.inv{background:var(--white);color:var(--red)}
.uv .box-btn.inv{color:var(--ink)}

/* Menu: type only, adapts to what's behind it */
.nav{transition:color .2s;color:var(--ink);align-items:flex-start}
.nav[data-tone=light]{color:var(--white)}
.logo,.logo:hover{background:none;box-shadow:none;color:inherit;padding:0}
.logo img{width:46px}
.logo b{font:italic 700 21px/1 var(--body);letter-spacing:-.01em}
.logo i{font:500 11px/1.4 var(--body);letter-spacing:.34em}
.menu{background:none;box-shadow:none;padding:0;gap:clamp(4px,1.1vw,18px);color:inherit;align-items:center}
.menu a{position:relative;z-index:0;padding:7px 10px;border-radius:0;font:italic 700 17px/1 var(--body);background:none!important;color:inherit!important;transition:color .15s}
.menu a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:skewX(-10deg) scaleX(0);transform-origin:100% 50%;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.nav[data-tone=light] .menu a::before{background:var(--white)}
.menu a:hover,.menu a[aria-current=page]{color:var(--white)!important}
.nav[data-tone=light] .menu a:hover,.nav[data-tone=light] .menu a[aria-current=page]{color:var(--red)!important}
.menu a:hover::before,.menu a[aria-current=page]::before{transform:skewX(-10deg) scaleX(1)}
.menu a.m-cta{margin-inline-start:8px;color:var(--white)!important}
.menu a.m-cta::before{transform:skewX(-10deg) scaleX(1);background:var(--red)}
.nav[data-tone=light] .menu a.m-cta{color:var(--red)!important}
.nav[data-tone=light] .menu a.m-cta::before{background:var(--white)}
.burger{background:none;color:inherit;box-shadow:none;font:italic 700 20px/1 var(--body);padding:10px 0}
.overlay a{font-style:italic}

/* Hero name is placed by script, tight against the head */
@media(min-aspect-ratio:4/5){.back{display:block;padding:0}.back span{position:absolute;left:0;top:0;line-height:1;text-align:initial!important;will-change:transform}}
.back{font-size:clamp(90px,14.4vw,300px);font-weight:700;letter-spacing:-.03em}
.hl h1{font-weight:700;font-size:clamp(66px,15vw,290px);line-height:.98;letter-spacing:-.03em}
.hl h1 em{font-size:.5em}
.floor h2,.reveal h2,.note,.bubble{font-weight:700}

/* Toy box */
.toy-sec{overflow:hidden}
.toy-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,100px);align-items:center}
.toy-txt{display:grid;gap:22px;justify-items:start}
.toy-stage{perspective:1100px;min-width:0}
.toy{position:relative;background:var(--red);color:var(--white);width:min(500px,100%);margin-inline:auto;padding:58px 22px 18px;transform-style:preserve-3d;box-shadow:0 34px 60px rgba(0,0,0,.28);display:grid;gap:12px}
.toy-hole{position:absolute;top:16px;left:50%;width:74px;height:22px;margin-left:-37px;background:var(--white);border-radius:12px;box-shadow:inset 0 3px 5px rgba(0,0,0,.4)}
.toy-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.toy-top b{display:block;font-size:clamp(60px,6.6vw,92px);line-height:.9}
.toy-top span{font-size:15px;font-weight:500}
.toy-top em{font:italic 700 18px/1 var(--body);background:var(--white);color:var(--red);padding:6px 9px;transform:skewX(-8deg)}
.blister{position:relative;height:clamp(300px,31vw,430px);border-radius:26px 26px 40px 40px;background:linear-gradient(160deg,rgba(255,255,255,.36),rgba(255,255,255,.1));box-shadow:inset 0 0 0 3px rgba(255,255,255,.65),inset 0 -22px 30px rgba(0,0,0,.14),0 10px 18px rgba(0,0,0,.25);overflow:hidden;display:flex;justify-content:center}
.blister img{height:105%;width:auto;max-width:none;position:relative;top:-1%;filter:drop-shadow(0 12px 12px rgba(0,0,0,.35))}
.gloss{position:absolute;inset:0;--gx:30%;background:linear-gradient(112deg,transparent calc(var(--gx) - 16%),rgba(255,255,255,.5) var(--gx),transparent calc(var(--gx) + 12%));pointer-events:none}
.toy-stats{display:grid;gap:6px;font-weight:700;font-size:15px}
.toy-stats div{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:8px}
.toy-stats i{display:block;height:10px;background:linear-gradient(to left,var(--white) var(--v),rgba(255,255,255,.26) var(--v))}
.toy-in{font-size:15px;line-height:1.3}
.toy-warn{background:var(--white);color:var(--red);font:italic 700 15px/1.2 var(--body);padding:8px 10px;text-align:center}
@media(max-width:820px){.toy-grid{grid-template-columns:1fr}.blister{height:88vw;max-height:430px}}

/* Wardrobe */
.closet{position:relative;height:100vh;height:100svh;overflow:hidden;background:#7C0710}
.closet-bg{position:absolute;inset:0 -4%;width:108%;height:100%;object-fit:cover}
.closet-bg.stand{background:radial-gradient(90% 60% at 50% 0,rgba(255,200,170,.5),transparent 70%),repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 18vw),linear-gradient(#B20D19,#6E0610)}
.rail{position:absolute;z-index:2;left:0;right:0;top:calc(86px + env(safe-area-inset-top,0px));height:14px;background:linear-gradient(#fff,#B9BBBE 32%,#6F7276 68%,#E6E7E9);box-shadow:0 8px 12px rgba(0,0,0,.4)}
.closet .track{position:absolute;z-index:3;top:calc(78px + env(safe-area-inset-top,0px));right:0;height:auto;display:flex;align-items:flex-start;gap:clamp(6px,1vw,16px);padding-inline:clamp(40px,24vw,420px) 26vw;width:max-content;will-change:transform}
.closet .hang{--w:min(30vw,calc((100svh - 118px)/1.44));width:var(--w);height:auto;display:block;position:relative;transform-origin:50% 12px;text-decoration:none;flex:none}
@media(max-width:700px){.closet .hang{--w:min(70vw,calc((100svh - 118px)/1.44))}}
.closet .hang::before{display:none}
.hanger{display:block;width:100%;height:auto;position:relative;z-index:2;margin-bottom:-5.5%;overflow:visible;fill:none;stroke:#D8DADC;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}
.g{position:relative;width:100%;aspect-ratio:300/360;filter:drop-shadow(0 20px 18px rgba(0,0,0,.5));transition:transform .4s var(--spring)}
.hang:hover .g{transform:scale(1.05) translateY(8px)}
.g-in{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--white)}
.g-in .ph{height:100%;background:repeating-linear-gradient(135deg,#F1F1EF 0 16px,#DEDEDC 16px 32px);color:var(--ink);padding-top:28%}
.hang:hover .g-in .ph{background:var(--white);color:var(--red)}
.g-seam{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(0,0,0,.2);stroke-width:2;pointer-events:none}
.htag{position:absolute;z-index:4;bottom:18%;left:6%;background:var(--white);color:var(--ink);padding:9px 12px;display:grid;gap:1px;rotate:-6deg;box-shadow:0 8px 14px rgba(0,0,0,.35);transition:rotate .4s var(--spring)}
.htag::before{content:"";position:absolute;right:50%;bottom:100%;width:2px;height:36px;background:var(--white)}
.htag b{font:italic 700 clamp(19px,1.8vw,28px)/1 var(--body)}
.htag i{font-style:normal;font-size:13px;font-weight:500;white-space:nowrap}
.hang:hover .htag{rotate:5deg}
.all{height:100%;display:grid;place-items:center;background:var(--ink);color:var(--white);text-align:center;padding-top:22%}
.all b{font-size:clamp(30px,3.8vw,64px)}
.closet-stas{position:absolute;z-index:4;left:-5vw;bottom:-24vh;height:80vh;width:auto;max-width:none;pointer-events:none;filter:drop-shadow(14px 0 24px rgba(0,0,0,.4))}
@media(max-width:700px){.closet-stas{height:66vh;bottom:-20vh;left:-22vw}}
.door{position:absolute;z-index:6;top:0;bottom:0;width:50.5%;background:linear-gradient(90deg,#F8F8F6,#E8E8E5);color:var(--ink);display:flex;align-items:center;box-shadow:0 0 0 2px var(--ink) inset;will-change:transform}
.door.d-r{right:0;justify-content:flex-start;padding-right:var(--gr)}
.door.d-l{left:0;justify-content:flex-end;padding-left:var(--gl)}
.door h2{font-size:clamp(50px,9.6vw,180px)}
.door i{position:absolute;top:50%;width:14px;height:clamp(120px,24vh,220px);margin-top:calc(clamp(120px,24vh,220px)/-2);background:linear-gradient(90deg,#fff,#8F9296);border-radius:7px;box-shadow:3px 4px 8px rgba(0,0,0,.35)}
.d-r i{left:20px}.d-l i{right:20px}
.still .door,.door[hidden]{display:none}
html:not(.motion) .closet{height:auto;min-height:100svh;overflow-x:auto}

/* AI */
.ai-sec{overflow:hidden}
.ai-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,84px);align-items:center}
.ai-txt{display:grid;gap:22px;justify-items:start}
@media(max-width:820px){.ai-grid{grid-template-columns:1fr}}
.lab{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:clamp(14px,2vw,30px);align-items:end;min-width:0}
.ai-grid .lab{grid-template-columns:minmax(0,5fr) minmax(0,5fr)}
.lab-screen{position:relative;aspect-ratio:3/4;background:radial-gradient(70% 55% at 50% 45%,#3D3D42,#17171A);overflow:hidden;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2)}
.lab-screen::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.lab-imgs img{position:absolute;left:50%;top:0;height:108%;width:auto;max-width:none;transform:translateX(-50%)}
.fx-chrome{filter:grayscale(1) contrast(1.8) brightness(1.3)}.fx-marble{filter:grayscale(1) brightness(2) contrast(.62)}.fx-knit{filter:sepia(1) saturate(3.4) hue-rotate(-28deg)}.fx-pixel{filter:hue-rotate(190deg) saturate(3) brightness(1.3)}
.lab-scan{position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:var(--red);box-shadow:0 0 22px 7px var(--red);opacity:0}
.lab-pct{position:absolute;z-index:3;top:10px;left:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--white)}
.lab-ui{display:grid;gap:14px;min-width:0}
.prompt{font-size:17px;line-height:1.35;background:#26262A;padding:14px 16px;min-height:96px;text-align:left}
.prompt span{color:var(--red);font-weight:700}
.prompt output{color:var(--white)}
.prompt i{display:inline-block;width:9px;height:1.05em;background:var(--white);vertical-align:-.15em;margin-left:3px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.lab-chips{display:flex;flex-wrap:wrap;gap:8px}
.lab-chips button{font:italic 700 16px/1 var(--body);padding:9px 13px;background:#26262A;color:var(--white);transform:skewX(-8deg);transition:background .2s}
.lab-chips button[aria-pressed=true],.lab-chips button:hover{background:var(--red)}
@media(max-width:560px){.lab,.ai-grid .lab{grid-template-columns:1fr}}
.stack{background:var(--red)!important;color:var(--white)!important}
.ai-head h1{font-size:clamp(170px,36vw,660px)!important;line-height:.8}
.ai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.ai-card{background:var(--stone);padding:clamp(20px,2.4vw,36px);display:grid;gap:10px;align-content:start;min-height:clamp(210px,20vw,320px);transition:background .25s,color .25s,transform .35s var(--spring)}
.ai-card:hover{background:var(--red);color:var(--white);transform:rotate(-1.4deg) scale(1.02)}
.ai-card i{font-style:normal;font-weight:700;font-size:15px}
.ai-card h3{font-size:clamp(30px,3vw,50px)}
@media(max-width:900px){.ai-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ai-cards{grid-template-columns:1fr}}
.ai-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ai-steps b{display:block;font-size:clamp(34px,3.6vw,62px);border-top:4px solid var(--white);padding-top:10px;margin-bottom:6px}
@media(max-width:760px){.ai-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Point CTA */
.pointing{position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;padding-inline:var(--gr) var(--gl);padding-block:90px 34px}
.pointing .wrap{width:100%;position:relative;min-height:calc(100svh - 124px);display:flex;flex-direction:column;justify-content:space-between}
.pointing h2{display:flex;justify-content:space-between;font-size:clamp(66px,9.4vw,190px);line-height:1;position:relative;z-index:3;text-shadow:0 4px 24px rgba(0,0,0,.28)}
.pointing .box-btn{background:var(--white);color:var(--red)}
.point-img{position:absolute;z-index:2;left:50%;top:50%;height:min(92vh,108vw);width:auto;max-width:none;margin-left:calc(min(92vh,108vw)*-.44);margin-top:calc(min(92vh,108vw)*-.5);transform-origin:50% 50%;pointer-events:none;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}
.point-foot{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.point-foot .lead{max-width:15em}
@media(max-width:700px){.pointing h2{flex-direction:column;align-items:flex-start;font-size:20vw}.pointing h2 span:last-child{align-self:flex-end}}

/* Agencies vs brands */
.vs{display:flex;min-height:92svh}
.vs-p{flex:1 1 0;min-width:0;position:relative;overflow:hidden;text-decoration:none;color:var(--white);display:flex;align-items:flex-end;padding:clamp(24px,3vw,48px);transition:flex-grow .55s cubic-bezier(.2,.8,.2,1)}
.vs-p:hover{flex-grow:1.55}
.vs-a{background:var(--ink)}.vs-b{background:var(--red)}
.vs-p img{position:absolute;bottom:-10%;left:50%;height:88%;width:auto;max-width:none;transform:translateX(-50%);transition:transform .6s var(--spring)}
.vs-p:hover img{transform:translateX(-50%) scale(1.07) rotate(-2.5deg)}
.vs-a img{animation:float 3.4s ease-in-out infinite}
@keyframes float{50%{translate:0 -16px}}
.vs-p>div{position:relative;z-index:2;display:grid;gap:8px;justify-items:start;max-width:26em}
.vs-p h2{font-size:clamp(46px,5vw,96px);position:absolute;white-space:nowrap}
.vs-p>div{position:static}
.vs-p h2{top:clamp(76px,10vh,100px);bottom:auto;right:clamp(24px,3vw,48px);z-index:1}
.vs-p h3{font:italic 700 clamp(25px,2.5vw,42px)/1.05 var(--body);position:relative;z-index:3;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.vs-p p{position:relative;z-index:3;text-shadow:0 1px 10px rgba(0,0,0,.65);font-weight:500}
.vs-p .box-btn{position:relative;z-index:3}
.vs-p>div{gap:10px;display:grid}
@media(max-width:760px){.vs{flex-direction:column}.vs-p{min-height:96svh}}

/* Tabloid */
.news-wrap{position:relative;display:grid;gap:22px;justify-items:start;padding-inline-end:clamp(0px,21vw,380px)}
@media(max-width:820px){.news-wrap{padding-inline-end:0}}
.press{padding-top:clamp(84px,11vh,120px)}
.paper{background:#FBFAF5;color:var(--ink);width:100%;padding:clamp(14px,2.2vw,32px);box-shadow:0 26px 50px rgba(0,0,0,.2);rotate:-.6deg}
.mast{background:var(--red);color:var(--white);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px clamp(12px,1.8vw,26px);font-weight:500;font-size:15px}
.mast span:last-child{text-align:left}
.mast h2{font-size:clamp(46px,9.4vw,172px);white-space:nowrap}
@media(max-width:640px){.mast{grid-template-columns:1fr 1fr}.mast h2{grid-column:1/-1;grid-row:1;text-align:center;font-size:12.6vw}}
.front{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(16px,2.4vw,36px);padding-top:16px}
.lead-story{position:relative;display:grid;gap:10px;text-decoration:none}
.lead-story h3{font-size:clamp(50px,7.6vw,142px)}
.stamp{position:absolute;z-index:2;top:-6px;left:0;background:var(--red);color:var(--white);font:italic 700 clamp(20px,2.2vw,34px)/1 var(--body);padding:10px 14px;rotate:8deg}
.side-stories{display:grid;gap:16px;align-content:start;border-inline-start:2px solid var(--ink);padding-inline-start:clamp(14px,2vw,28px)}
.side-stories a{text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:14px;display:grid;gap:4px}
.side-stories h3{font-size:clamp(30px,2.9vw,50px)}
.side-stories a:hover h3,.lead-story:hover h3,.p-grid a:hover h3{color:var(--red)}
.weather{background:var(--ink);color:var(--white);padding:14px}
.weather b{font:italic 700 24px/1.2 var(--body)}
.p-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-top:4px solid var(--ink);margin-top:20px;padding-top:16px}
.p-grid a{text-decoration:none;display:grid;gap:6px;min-width:0}
.p-grid h3{font-size:clamp(24px,2.2vw,36px)}
@media(max-width:820px){.front{grid-template-columns:1fr}.side-stories{border:0;padding:0}.p-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.news-stas{position:absolute;z-index:3;left:-2vw;bottom:0;height:clamp(300px,44vw,720px);width:auto;max-width:none;pointer-events:none;filter:drop-shadow(0 18px 18px rgba(0,0,0,.3))}
@media(max-width:820px){.news-stas{display:none}}
.news-sec{overflow:hidden}

/* Work */
.work-head{min-height:62svh;display:flex;align-items:flex-end}
.work-head .wrap{width:100%}
.cart{position:absolute;z-index:1;right:0;bottom:-6%;height:92%;width:auto;max-width:none;pointer-events:none}
.work-head h1{position:relative;z-index:2}
.drop{background:var(--ink)!important;color:var(--white)!important}
.store{overflow:hidden}
.grid{--cols:3}
.grid[data-size=S]{--cols:4}.grid[data-size=M]{--cols:3}.grid[data-size=L]{--cols:2}
.pc-m{position:relative;transform-style:preserve-3d}
.sticker{position:absolute;z-index:2;top:-12px;right:-8px;background:var(--red);color:var(--white);font:italic 700 clamp(16px,1.5vw,24px)/1 var(--body);padding:.5em .7em;rotate:var(--r);transform:translateZ(40px)}
.pc:hover .sticker{rotate:calc(var(--r)*-1);scale:1.15;transition:rotate .3s var(--spring),scale .3s var(--spring)}
.grid .pc h2{font-size:clamp(32px,3.2vw,56px)}
.sizes .ls{width:auto;padding-inline:12px}
.grid[data-size=LIST]{display:block}
.grid[data-size=LIST] .pc{display:flex;align-items:baseline;justify-content:space-between;flex-direction:row-reverse;border-top:3px solid var(--ink);padding-block:10px;transition:padding .25s,color .15s}
.grid[data-size=LIST] .pc-m{display:none}
.grid[data-size=LIST] .pc h2{font-size:clamp(50px,9vw,160px)}
.grid[data-size=LIST] .pc:hover{color:var(--red);padding-inline-start:24px}
.float-prev{position:fixed;z-index:20;left:0;top:0;width:260px;pointer-events:none;opacity:0;transition:opacity .2s;rotate:-4deg}
.float-prev.on{opacity:1}
@media(max-width:700px){.grid[data-size=M],.grid[data-size=S]{--cols:2}.grid[data-size=L]{--cols:1}.sizes button[data-s=S]{display:none}}

/* About */
.anatomy{padding-block:clamp(86px,12vh,120px) clamp(30px,4vw,60px);padding-inline:var(--gr) var(--gl);overflow:hidden}
.anatomy h1{font-size:clamp(52px,10.4vw,196px);text-align:center;position:relative;z-index:1}
.an-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,min(46vh,520px)) minmax(0,1fr);gap:clamp(10px,4vw,70px);align-items:center;margin-top:-1vw}
.an-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:rgba(255,255,255,.55);stroke-width:2}
.an-lines path.on{stroke:var(--white);stroke-width:4}
.an-col{display:grid;gap:clamp(24px,5vh,54px);position:relative;z-index:2}
.an-col li{cursor:default;transition:transform .3s var(--spring)}
.an-col li b{font-size:clamp(34px,3.6vw,62px);display:block}
.an-col li.on{transform:scale(1.06)}
.an-r{text-align:right}.an-l{text-align:left}
.an-fig{position:relative;aspect-ratio:1536/2752;max-height:88vh;margin-inline:auto;width:100%}
.an-fig img{position:absolute;inset:0;width:100%;height:100%;display:block}
.an-dot{position:absolute;width:30px;height:30px;margin:-15px;border-radius:50%;background:var(--white);color:var(--red);font-weight:700;font-size:15px;transition:scale .25s var(--spring)}
.an-dot.on,.an-dot:hover{scale:1.4;background:var(--ink);color:var(--white)}
@media(max-width:820px){.an-stage{grid-template-columns:1fr}.an-fig{max-width:300px;order:-1}.an-lines{display:none}.an-l{text-align:right}}
.boss{padding-inline:var(--gr) var(--gl);overflow:hidden}
.boss-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,90px);align-items:center}
.boss-img{height:min(92vh,760px);width:auto;max-width:none;justify-self:center;margin-block:clamp(-40px,-3vw,0px) -2px}
.boss .txt{display:grid;gap:18px;padding-block:40px}
@media(max-width:820px){.boss-grid{grid-template-columns:1fr}.boss-img{height:92vw;order:2}}
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:clamp(300px,34vw,460px);align-items:end;margin-top:24px}
.tl li{height:var(--h);min-height:130px;background:var(--red);color:var(--white);padding:14px;display:grid;align-content:start;gap:4px;background-image:repeating-linear-gradient(to top,rgba(255,255,255,.5) 0 2px,transparent 2px 22px);background-size:12px 100%;background-repeat:no-repeat}
.tl li>*{padding-inline-start:18px}
.tl b{font-size:clamp(30px,3.2vw,54px)}
@media(max-width:640px){.tl{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.tl li{height:190px}}

/* Contact */
.callroom{padding-block:clamp(84px,12vh,120px) 0;padding-inline:var(--gr) var(--gl);overflow:hidden}
.call-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(20px,4vw,60px);align-items:end;min-height:calc(100svh - 120px)}
.call-side{position:relative;align-self:stretch;min-height:clamp(340px,50vw,640px)}
.call-side h1{font-size:clamp(82px,12vw,240px);line-height:.94;position:relative;z-index:1}
.call-img{position:absolute;z-index:2;bottom:-1px;left:-4%;height:clamp(400px,78%,720px);width:auto;max-width:none}
.chat{background:var(--white);color:var(--ink);display:flex;flex-direction:column;height:clamp(460px,76svh,700px);min-width:0;box-shadow:0 -10px 40px rgba(0,0,0,.2)}
.chat header{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:2px solid var(--ink)}
.chat header img{width:46px;height:52px;object-fit:contain}
.chat header b{display:block;font:italic 700 22px/1 var(--body)}
.chat header span{font-size:15px;color:var(--ink2)}
.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.msg{align-self:flex-start;background:var(--stone);padding:10px 14px;max-width:84%;font-size:18px;line-height:1.3}
.msg.me{align-self:flex-end;background:var(--red);color:var(--white)}
.typing{display:flex;gap:5px;padding:14px}
.typing i{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:dot 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{transform:translateY(-5px);opacity:.4}}
.chat-input{padding:12px 16px;border-top:2px solid var(--ink);min-height:74px}
.c-form{display:flex;gap:8px;align-items:flex-end}
.c-form input,.c-form textarea{flex:1;min-width:0;border-bottom:3px solid var(--ink)}
.c-form button{background:var(--red);color:var(--white);width:46px;height:46px;font-size:24px;flex:none}
.c-chips{display:flex;flex-wrap:wrap;gap:7px}
.c-chips button,.again,.c-consent button{background:var(--ink);color:var(--white);padding:9px 13px;font:italic 700 17px/1 var(--body);transform:skewX(-8deg);transition:background .2s}
.c-chips button:hover,.again:hover,.c-consent button:hover{background:var(--red)}
.c-consent{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.c-consent input{width:20px;height:20px;accent-color:var(--red);vertical-align:-3px}
.c-err{color:#B3260A;font-weight:700;font-size:15px;margin-top:4px}
.c-err:empty{display:none}
.direct{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.direct h2{font-size:15px;font-weight:700;margin-bottom:2px}
.direct span{font:italic 700 clamp(19px,1.7vw,26px)/1.2 var(--body)}
@media(max-width:820px){.call-grid{grid-template-columns:1fr}.call-side{min-height:0}.call-img{display:none}.direct{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* real poses */
.closet .track{top:calc(27.3svh - 11px)}
.closet .hang{--w:min(30vw,calc(73svh/1.5))}
.closet .hanger{stroke:#E4E5E7}
.closet-bg{object-position:50% 0}
@media(max-width:700px){.closet .hang{--w:min(70vw,calc(73svh/1.5))}}
.toy-acc{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;background:rgba(255,255,255,.2);padding:8px 10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);border-radius:10px}
.toy-acc img{height:clamp(30px,3.6vw,46px);width:auto;min-width:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.news-stas{left:-4vw;bottom:-1%}
.news-stas img{height:100%;width:auto;max-width:none;display:block}
.news-stas b{position:absolute;top:32%;left:17%;width:66%;text-align:center;color:var(--red);font-size:clamp(26px,4.2vw,70px);line-height:.95;rotate:-1deg}
.point-img{left:50%;top:50%;height:108svh;margin-left:-25.3svh;margin-top:-59.4svh;transform-origin:42% 55%;filter:drop-shadow(0 24px 30px rgba(0,0,0,.3))}
.vs-p img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.cart{height:96%;right:-4%;bottom:-3%}
.work-head{min-height:74svh}
.callroom h1{color:var(--red)}
.call-img{height:clamp(420px,88%,780px);left:0}
.boss-img{height:min(96vh,800px)}
#chatHead{width:50px;height:50px;object-fit:contain}
.chat header{gap:12px}
@media(max-width:700px){.cart{height:64%;bottom:8%;right:-30%}}

.vs-p{padding:0;align-items:stretch;flex-direction:column;justify-content:flex-end}
.vs-p img{bottom:clamp(205px,29svh,270px);height:calc(100% - clamp(205px,29svh,270px) - 96px);max-height:900px}
.vs-p>div{position:relative;z-index:3;padding:clamp(16px,2vw,28px) clamp(24px,3vw,48px) clamp(24px,3vw,40px);min-height:clamp(205px,29svh,270px);align-content:start}
.vs-a>div{background:var(--ink)}.vs-b>div{background:var(--red)}
.vs-p h3,.vs-p p{text-shadow:none}
.vs-p>div h2{position:absolute;top:auto;bottom:calc(100% + 0px);right:auto}
.vs-p h2{position:absolute;top:clamp(78px,10vh,104px)!important;right:clamp(24px,3vw,48px)!important;bottom:auto!important;margin:0}
.vs-p>div{transform:none}
.vs{position:relative}
.vs-p{isolation:isolate}
.news-stas{left:-1vw}
@media(max-width:700px){.point-img{height:84svh;margin-left:-19.7svh;margin-top:-34svh}}

/* ===== V4 ===== */
/* Logo */
.logo{gap:9px}
.logo img{width:46px;height:auto}
.logo .lg{direction:rtl;text-align:right;display:grid;gap:2px}
.logo .lg b{font:italic 700 18px/1 var(--body);letter-spacing:-.01em;white-space:nowrap}
.logo .lg i{font:500 11px/1 var(--body);letter-spacing:.14em;font-style:normal;direction:ltr;display:inline-block}

/* Buttons: straight box with arrow */
.box-btn{transform:none;font-style:normal;display:inline-flex;align-items:center;gap:.6em;padding:.72em 1.15em;box-shadow:0 0 0 0 transparent;transition:background .18s,color .18s,transform .25s var(--spring)}
.box-btn::after{content:"←";transition:transform .25s var(--spring)}
.box-btn:hover{transform:translateY(-3px)}
.box-btn:hover::after{transform:translateX(-6px)}
.box-btn.big{font-size:clamp(21px,2vw,30px)}
.vs-p .box-btn::after{content:none}
#clGo{white-space:nowrap}

/* Home about: three roles */
.roles-sec{overflow:hidden}
.roles{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:center}
.roles-txt{display:grid;gap:clamp(18px,2vw,28px);justify-items:start}
.roles-list{display:grid;justify-items:start;gap:.04em;font:italic 700 clamp(44px,6.8vw,124px)/1.04 var(--body);letter-spacing:-.025em;margin:0}
.role{font:inherit;letter-spacing:inherit;color:#C9C9C5;text-align:right;transition:color .2s,transform .3s var(--spring)}
.role.on{color:var(--red);transform:translateX(-14px)}
.role-end{color:var(--ink)}
.role-stage{position:relative;height:clamp(420px,46vw,680px);min-width:0}
.role-bg{position:absolute;left:8%;right:8%;bottom:0;top:12%;background:var(--red);transform:skewX(-6deg)}
.role-img{position:absolute;left:50%;bottom:-5%;height:108%;width:auto;max-width:none;translate:-50% 0;opacity:0;pointer-events:none;filter:drop-shadow(0 14px 18px rgba(0,0,0,.28))}
.role-img.on{opacity:1}
.role-acc{position:absolute;top:13%;left:3%;width:clamp(84px,10vw,150px);height:auto;opacity:0;rotate:-10deg;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}
.role-acc.on{opacity:1}
@media(max-width:820px){.roles{grid-template-columns:1fr}.role-stage{height:108vw;max-height:560px}}

/* Wardrobe: rail stays put, you flick through it */
.closet{touch-action:pan-y}
.closet-bg{inset:auto;left:-4%;top:-10svh;width:108%;height:110svh;object-position:50% 0}
.cl-stage{position:absolute;z-index:3;left:0;right:0;top:calc(20svh - 10px);bottom:96px;touch-action:pan-y;cursor:grab}
.cl-stage:active{cursor:grabbing}
.closet .hang{--w:min(calc((80svh - 130px)/1.5),76vw);position:absolute;top:0;left:50%;margin-left:calc(var(--w)/-2);width:var(--w);transform-origin:50% 10px;display:block;height:auto;flex:none;-webkit-user-drag:none;user-select:none;filter:brightness(.62);transition:filter .35s}
.closet .hang.cur{filter:none}
.closet .hanger{margin-bottom:-3%}
.frame{position:relative;background:var(--white);padding:9px;box-shadow:0 22px 30px rgba(0,0,0,.45);transition:transform .35s var(--spring)}
.hang.cur:hover .frame{transform:translateY(8px)}
.frame .ph{aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#F1F1EF 0 16px,#DEDEDC 16px 32px);color:var(--ink)}
.clip{position:absolute;top:-13px;width:30px;height:24px;background:linear-gradient(#EDEEF0,#9A9DA1);border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.4)}
.clip.c1{right:17%}.clip.c2{left:17%}
.cl-bar{position:absolute;z-index:5;left:0;right:0;bottom:0;min-height:96px;display:flex;align-items:center;gap:clamp(10px,2vw,28px);padding:12px var(--gr) calc(12px + env(safe-area-inset-bottom,0px)) var(--gl);background:var(--white);color:var(--ink)}
.cl-info{flex:1;min-width:0}
.cl-info .cat{font-size:15px}
.cl-info h3{font-size:clamp(30px,3vw,48px)}
.cl-n{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}
.cl-all{font-weight:700;white-space:nowrap}
.cl-btn{width:60px;height:60px;background:var(--ink);color:var(--white);font-size:26px;flex:none;transition:background .18s}
.cl-btn:hover{background:var(--red)}
.cl-bar #clGo{background:var(--red);color:var(--white)}
.closet-stas{left:-3vw;bottom:calc(96px - 26vh);height:74vh;z-index:4}
@media(max-width:1100px){.closet-stas{display:none}}
@media(max-width:700px){.cl-bar{flex-wrap:wrap;gap:10px;min-height:0}.cl-stage{bottom:150px}.closet .hang{--w:min(calc((80svh - 186px)/1.5),76vw)}.cl-info{order:-1;flex:1 1 100%}.cl-n,.cl-all{display:none}.cl-btn{width:52px;height:52px}#clGo{flex:1;justify-content:center}}
html:not(.motion) .closet{height:100svh;overflow:hidden}

/* Service labels are no longer clipped */
.sv-open>div{padding-inline:12px}
.sv-row.open .sv-open>div{padding:14px 12px 32px}

/* Footer: just the shoes */
.street{height:clamp(170px,18.5vw,270px);margin-top:clamp(28px,3vw,44px)}
.street-name{bottom:.02em}
.shoe{position:absolute;bottom:0;left:50%;height:clamp(92px,12.4vw,190px);width:auto;max-width:none;z-index:2;will-change:transform;filter:drop-shadow(0 8px 6px rgba(0,0,0,.25));pointer-events:none}
html:not(.motion) .shoe.wl{margin-left:-14%}html:not(.motion) .shoe.wr{margin-left:14%}
@media(max-width:700px){.street-name{inset:4px 0 auto}.street{height:190px}.shoe{height:96px}}

/* Work */
.store .grid{margin-top:clamp(52px,6vw,96px);row-gap:clamp(64px,7vw,112px);padding-bottom:40px}
.sticker{top:10px;right:10px}
.filters{position:relative;z-index:2;margin-bottom:0}
.cart-run{position:fixed;z-index:15;left:0;bottom:0;width:clamp(190px,26vw,360px);visibility:hidden;opacity:0;pointer-events:none;will-change:transform}
.cart-run img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}

/* Collaborations hero */
.collab-head{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:26px;align-items:stretch}
.collab-head .wrap{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;position:static}
.collab-head h1{position:relative;z-index:3;font-size:clamp(46px,9.2vw,176px);text-align:center;line-height:1;padding:0}
.collab-head .tabs{position:relative;z-index:4;justify-content:center}
.tabs button:nth-child(1),.tabs button:nth-child(2){rotate:0deg}
.cfig{position:absolute;z-index:1;bottom:-9%;height:82%;padding:0;transition:transform .55s var(--spring),filter .35s,opacity .35s;filter:saturate(.75) brightness(.72);transform:scale(.84);transform-origin:50% 100%}
.cfig img{height:100%;width:auto;max-width:none;display:block;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}
.cfig.on{filter:none;transform:scale(1)}
.cfig:hover{transform:scale(1.03)}
.cfig-a{right:clamp(-20px,12vw,240px)}.cfig-b{left:clamp(-20px,12vw,240px)}
@media(max-width:700px){.cfig{height:60%;bottom:9%}.cfig-a{right:-8vw}.cfig-b{left:-8vw}}

/* Anatomy: straight lines, small points, nothing on the face */
.an-fig{--out:clamp(30px,6vw,110px);position:relative;height:min(80svh,760px);aspect-ratio:1536/2752;width:auto;max-height:none;margin:clamp(10px,2vw,24px) auto 0;direction:ltr}
.co{position:absolute;top:var(--y);height:0;border-top:2px solid rgba(255,255,255,.75);transition:border-color .2s}
.co.r{left:var(--x);right:calc(-1*var(--out))}
.co.l{right:calc(100% - var(--x));left:calc(-1*var(--out))}
.co::before{content:"";position:absolute;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--white);box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.co.r::before{left:-5px}.co.l::before{right:-5px}
.co .t{position:absolute;top:-1px;transform:translateY(-50%);width:clamp(180px,24vw,360px);direction:rtl;padding-inline:14px}
.co.r .t{left:100%;text-align:left}.co.l .t{right:100%;text-align:right}
.co .t b{display:block;font-size:clamp(30px,3.2vw,54px);line-height:1}
.co .t p{font-weight:500;font-size:clamp(16px,1.25vw,20px);line-height:1.25}
.co.on{border-top-color:var(--white);border-top-width:4px}
.an-list{display:none}
@media(max-width:820px){.co{display:none}.an-fig{height:min(66svh,520px)}.an-list{display:grid;gap:18px;margin-top:26px}.an-list b{display:block;font-size:34px}}

/* Articles archive */
.press .news-wrap{grid-template-columns:minmax(0,1fr) clamp(190px,20vw,340px);padding-inline-end:0;align-items:start;gap:clamp(16px,2vw,32px)}
.press .news-stas{position:sticky;left:auto;bottom:auto;top:96px;order:2;height:min(82svh,40vw);justify-self:center}
.press .paper{order:1;rotate:0deg}
.arch{border-top:4px solid var(--ink);margin-top:22px;padding-top:14px}
.arch-head{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}
.arch-head h2{font-size:clamp(40px,4.4vw,76px)}
.arch .p-grid{border:0;margin:0;padding:0;row-gap:26px}
.arch-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px;border-top:2px solid var(--ink);padding-top:14px;font-weight:700}
@media(max-width:820px){.press .news-wrap{grid-template-columns:minmax(0,1fr)}}
.collab-head .wrap{pointer-events:none}.collab-head .tabs,.collab-head .tabs *{pointer-events:auto}
@media(min-width:821px){.an-fig{height:max(460px,min(calc(100svh - 290px),760px))}}

/* Wardrobe v5: picture hangs under the bar */
.cl-stage{top:calc(20.5svh - 9px)}
.closet .hang{transform-origin:50% 0;filter:none;will-change:transform}
.closet .hanger{display:block;width:100%;height:auto;margin:0;stroke:#DFE1E4;stroke-width:3.4;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45));opacity:.82;transition:opacity .4s}
.closet .hang.cur .hanger{opacity:1}
.frame{margin-top:calc(var(--w)*.05);box-shadow:0 26px 34px -8px rgba(0,0,0,.55);transition:none}
.hang.cur:hover .frame{transform:none}
.frame::after{content:"";position:absolute;inset:0;background:#2a0307;opacity:.42;transition:opacity .5s;pointer-events:none}
.hang.cur .frame::after{opacity:0}
.clip{top:calc(var(--w)*-.05 - 1px);width:calc(var(--w)*.075);height:calc(var(--w)*.05 + 15px);margin:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,#85888C,#F2F3F5 45%,#9A9DA1);clip-path:polygon(40% 0,60% 0,60% 44%,100% 44%,100% 100%,0 100%,0 44%,40% 44%);z-index:2}
.clip.c1{right:calc(20% - var(--w)*.0375)}.clip.c2{left:calc(20% - var(--w)*.0375)}

/* ===== V5 notes ===== */
/* Agencies vs brands: text beside the character, nothing behind it */
.vs-p{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:0 clamp(10px,2vw,30px);padding:clamp(84px,11vh,112px) clamp(20px,3vw,48px) 0;align-items:start}
.vs-p img{position:relative;grid-column:2;grid-row:1/3;left:auto;bottom:auto;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain;object-position:50% 100%;transform:none;align-self:end}
.vs-p:hover img{transform:scale(1.03);transform-origin:50% 100%}
.vs-p>h2,.vs-p h2{position:static!important;grid-column:1;grid-row:1;white-space:normal;font-size:clamp(44px,4.8vw,92px);line-height:1;margin:0}
.vs-p>div{grid-column:1;grid-row:2;background:none!important;padding:18px 0 clamp(28px,4vw,56px);min-height:0;align-self:end;display:grid;gap:10px;justify-items:start}
.vs-p:hover{flex-grow:1.2}
@media(max-width:760px){.vs-p{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding-top:48px}.vs-p h2{font-size:13vw}.vs-p>div{grid-column:1;grid-row:2;padding:12px 0 18px}.vs-p img{grid-column:1;grid-row:3;height:92vw;width:100%}}

/* Work head: character on the left, facing the title */
.cart{left:-11vw;right:auto;height:98%;bottom:-3%;scale:-1 1}
@media(max-width:700px){.cart{left:-22vw;right:auto;height:46%;bottom:30%}}

/* AI lab fills its space */
.lab{align-items:stretch}
.lab-ui{display:flex;flex-direction:column;gap:14px}
.lab-h{font-size:clamp(42px,5vw,92px)}
.ai-grid .lab-h{display:none}
.prompt{min-height:0;flex:none}
.lab-chips{display:grid;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;min-height:clamp(240px,24vw,420px)}
.lab-chips button{position:relative;transform:none;padding:0;overflow:hidden;background:#26262A;min-height:0;box-shadow:inset 0 0 0 0 var(--red);font-style:normal}
.lab-chips button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.lab-chips button span{position:absolute;right:0;bottom:0;background:var(--ink);color:var(--white);padding:5px 8px;font:700 14px/1 var(--body)}
.lab-chips button[aria-pressed=true]{background:var(--red)}
.lab-chips button[aria-pressed=true] span{background:var(--red)}
.lab-chips button:hover{background:#3a3a40}
.lab-chips button[aria-pressed=true]:hover{background:var(--red)}
.lab-cta{display:grid;place-items:center;text-align:center;background:var(--white);color:var(--red);padding:10px;text-decoration:none;transition:background .18s,color .18s}
.lab-cta:hover{background:var(--red);color:var(--white)}
.lab-cta b{font-size:clamp(20px,2vw,34px);line-height:1.05}
.ai-sec .lab-screen{align-self:stretch;aspect-ratio:auto;min-height:clamp(420px,46vw,720px)}
@media(max-width:560px){.lab-chips{min-height:0;grid-auto-rows:34vw}.ai-sec .lab-screen{min-height:110vw}}

/* New collaborations hero */
.co-hero{position:relative;overflow:hidden;padding-inline:var(--gr) var(--gl)}
.co-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,1.6vw,28px);min-height:100svh;padding-top:84px;max-width:1800px;margin-inline:auto}
.co-figs{display:flex;align-items:flex-end;align-self:end;justify-content:center;direction:ltr}
.cf{padding:0;display:block;transition:transform .35s var(--spring);transform-origin:50% 100%}
.cf img{display:block;height:calc(100svh - 96px);width:auto;max-width:none;margin-bottom:-1px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.3))}
.cf:hover{transform:translateY(-8px)}
#figB{margin-right:clamp(-110px,-6vw,-20px)}
#figA{order:2}
.ch-tab{display:grid;gap:8px;color:var(--white);min-width:0}
#tab-a{justify-items:start;text-align:right}
#tab-b{justify-items:end;text-align:left}
.ch-tab b{font-size:clamp(40px,6.5vw,128px);line-height:1}
.ch-tab b{background:linear-gradient(var(--white),var(--white)) 100% 100%/0 6px no-repeat;padding-bottom:.08em;transition:background-size .3s}
#tab-b b{background-position:0 100%}
.ch-tab[aria-selected=true] b{background-size:100% 6px}
.ch-tab span{font:500 clamp(16px,1.5vw,24px)/1.2 var(--body)}
@media(max-width:820px){.co-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;min-height:0;padding-top:86px;row-gap:18px}.co-figs{grid-column:1/-1;grid-row:2;justify-content:center}.cf img{height:min(105vw,62svh)}#tab-a{grid-column:1;grid-row:1}#tab-b{grid-column:2;grid-row:1}.ch-tab b{font-size:12vw}.ch-tab span{font-size:15px}}

/* Anatomy: calmer type, no hover */
.co .t b{font-size:clamp(23px,2.1vw,36px)}
.co .t p{font-size:clamp(14px,1vw,17px);line-height:1.2;margin-top:2px}
.co{border-top-width:1.5px}

/* Contact on red */
.callroom h1{color:var(--white)}
.cart{height:80%}
@media(max-width:700px){.cart{height:46%}}
@media(min-width:821px){.cf img{height:min(calc(100svh - 96px),47vw)}.ch-tab b{font-size:clamp(40px,5.3vw,110px)}}

/* ===== WordPress ===== */
body{margin:0}
[hidden]{display:none!important}
.stomp-panel{transform:none}
.stomp-in .stomp{visibility:visible}
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
.m-img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.m-img.r169{aspect-ratio:16/9}.m-img.r43{aspect-ratio:4/3}.m-img.r45{aspect-ratio:4/5}.m-img.r11{aspect-ratio:1}.m-img.r219{aspect-ratio:21/9}
.pc-m,.p-img{overflow:visible}
.frame .m-img{aspect-ratio:4/5}
.entry{display:grid;gap:clamp(20px,2.4vw,34px)}
.entry>*{margin:0;min-width:0}
.entry h2{font:italic 700 clamp(44px,5vw,84px)/1 var(--body);letter-spacing:-.025em}
.entry h3{font:italic 700 clamp(30px,3.2vw,50px)/1.05 var(--body)}
.entry p,.entry li{font-size:clamp(19px,1.45vw,22px);line-height:1.5}
.entry ul,.entry ol{list-style:revert;padding-inline-start:1.4em}
.entry a{color:var(--red)}
.entry img,.entry video{max-width:100%;height:auto;display:block}
.entry figure{margin:0}
.entry figcaption{font-size:15px;color:var(--ink2);margin-top:6px}