@font-face{font-family:"Plak Ext";font-weight:700;src:url(../fonts/NeuePlakExt-Bold.ttf);ascent-override:76.8%;descent-override:23.2%;line-gap-override:0%}
@font-face{font-family:"Plak Cond";font-weight:100;src:url(../fonts/NeuePlakCond-Thin.ttf)}
@font-face{font-family:"Plak Cond Regular";font-weight:100;src:url(../fonts/NeuePlakCond-Regular.ttf)} /* Condensed at phone sizes, where Thin is too fine */
@font-face{font-family:"Plak Text";font-weight:300;src:url(../fonts/NeuePlakText-Light.ttf);ascent-override:77.1%;descent-override:22.9%;line-gap-override:0%}
@font-face{font-family:"Fb Pilot";font-weight:400;src:url(../fonts/FbPilot-Regular.otf)}
@font-face{font-family:"Fb Pilot";font-weight:700;src:url(../fonts/FbPilot-Bold.otf)}
@font-face{font-family:"Plak Text";font-weight:600;src:url(../fonts/NeuePlakText-SemiBold.ttf)}

:root{
  --cream:#F4F1EA; --paper:#FAF8F3; --ink:#07080C; --coral:#FF5860;
  --petrol:#0277A3; --turq:#2CB7A2; --mint:#CFEDE6; --muted:#5d5f66; --line:#e3ded3;
  --head:"Plak Ext",system-ui,sans-serif;
  --sub:"Plak Cond",system-ui,sans-serif;
  --body:"Plak Text",system-ui,sans-serif;
  --r:18px;
  --max:1920px; --gut:clamp(32px,4.5vw,80px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.65;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.eyebrow{font:100 19px/1 var(--sub);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;font:600 13px/1 var(--body);padding:14px 22px;border-radius:999px;transition:transform .3s,background .3s}
.btn-dark{background:var(--ink);color:var(--cream)}
.btn-dark:hover{background:var(--coral);transform:translateY(-2px)}
.btn-ghost{color:var(--ink)}
.btn-ghost:hover{color:var(--coral)}
.coral{color:var(--coral)}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(250,248,243,.88);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
nav.scrolled{border-color:var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
nav .logo img{height:56px;width:auto;display:block;transform:translateY(-7.8px)} /* baseline of "design" = menu baseline */
nav ul{display:flex;gap:34px;list-style:none;font-size:13px;font-weight:400}
nav ul a:hover{color:var(--coral)}
nav .right{display:flex;align-items:center;gap:22px}

.lang{display:flex;align-items:baseline;gap:9px;line-height:1}
/* en x-height (.504em) and Hebrew letter height (.491em) matched: 14px / 14.4px */
.lang .en{font:600 14px/1 var(--body);letter-spacing:.02em;text-transform:lowercase}
.lang .he{font:700 15px/1 "Fb Pilot",sans-serif;opacity:.4;transition:opacity .2s;cursor:pointer}
.lang .he:hover{opacity:1}
.lang i{display:inline-block;width:1px;height:7.3px;background:currentColor;opacity:.3}
.burger{display:none;position:relative;width:44px;height:44px;margin-right:-10px;background:none;border:0;color:inherit;cursor:pointer} /* 24px lines centred: their right end sits on the page gutter */
.burger i{position:absolute;left:10px;width:24px;height:2px;background:currentColor;transition:transform .25s,opacity .2s}
.burger i:nth-child(1){top:14px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:28px}
nav.open .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.open .burger i:nth-child(2){opacity:0}
nav.open .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* HERO */
.hero{position:relative;background:var(--cream);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;min-height:calc(100vh - 76px);padding-top:40px;padding-bottom:60px}
.hero h1{font-family:var(--head);font-weight:700;font-size:clamp(40px,5.2vw,74px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin:22px 0 34px}
.hero h1 img{display:block;height:1.138em;width:auto;max-width:none;margin:-.03em 0 0 .031em} /* brush caps = Plak cap height (.706em); left ink aligned to SMART */
.hero p.lead{max-width:360px;font-size:15px;color:var(--muted);margin-bottom:34px}
.hero .ctas{display:flex;gap:10px;flex-wrap:wrap}
.reel{position:relative;aspect-ratio:4/5;max-height:78vh;justify-self:center;width:100%}
.reel .frame{position:absolute;inset:6% 4% 6% 8%;border-radius:var(--r);overflow:hidden;z-index:3;box-shadow:0 30px 60px -30px rgba(7,8,12,.45)}
.reel video{width:100%;height:100%;object-fit:cover}
.reel .tag{font-weight:600;position:absolute;left:12px;bottom:12px;background:rgba(7,8,12,.6);color:#fff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.badge{position:absolute;right:-2%;bottom:2%;width:128px;height:128px;z-index:5}
.badge svg.ring{animation:spin 22s linear infinite}
.badge img{position:absolute;inset:30px;width:68px;height:68px;border-radius:50%}
@keyframes spin{to{transform:rotate(360deg)}}

/* HERO – full-width showreel, text on top (16:9 so the reel is never cropped) */
.hero-video{background:var(--ink);color:#fff;margin-top:-77px;height:min(56.25vw,100svh);min-height:620px} /* 16:9, but never taller than the screen: ends exactly at the fold */
.hero-video .hero-bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video .scrim{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,8,12,.82) 0%,rgba(7,8,12,.62) 34%,rgba(7,8,12,.18) 60%,rgba(7,8,12,0) 75%),linear-gradient(0deg,rgba(7,8,12,.4),rgba(7,8,12,0) 32%),linear-gradient(180deg,rgba(7,8,12,.45),rgba(7,8,12,0) 18%),rgba(7,8,12,.12)}
.hero-video .wrap{position:relative;z-index:2;display:flex;align-items:center;height:100%;min-height:0;padding-top:77px;padding-bottom:0}
.hero-video .eyebrow{color:#fff}
.hero-video p.lead{color:rgba(255,255,255,.86)}
.hero-video .btn-ghost{color:#fff}
.hero-video .btn-ghost:hover{color:var(--coral)}
.btn-light{background:var(--cream);color:var(--ink)}
.btn-light:hover{background:var(--coral);color:#fff;transform:translateY(-2px)}
.scroll-cue{position:absolute;left:50%;bottom:36px;z-index:3;transform:translateX(-50%);color:#fff;opacity:.85;padding:10px} /* centred on the page */
.scroll-cue svg{display:block;width:48px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:cue 2.2s cubic-bezier(.4,0,.2,1) infinite}
.scroll-cue:hover{opacity:1;color:var(--coral)}
@keyframes cue{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}}
.hero-video .badge{right:var(--gut);bottom:40px}
/* nav sits on the video until you scroll */
body.video-hero nav:not(.scrolled){background:transparent;backdrop-filter:none;color:#fff}
body.video-hero nav:not(.scrolled) .logo img{filter:brightness(0) invert(1)}
body.video-hero nav:not(.scrolled) .btn-dark{background:var(--cream);color:var(--ink)}
body.video-hero nav:not(.scrolled) .btn-dark:hover{background:var(--coral);color:#fff}

/* brush "fly" from her lettering: x-height ≈ Plak x-height, brush baseline on the text baseline */
h1 img.fly,h2 img.fly{display:inline-block;height:1.66em;width:auto;max-width:none;vertical-align:-.56em;margin-left:.04em}
.nw{white-space:nowrap}

/* collage pieces */
.c{position:absolute;pointer-events:none;will-change:transform}
.c-stroke{z-index:4;left:-12%;top:30%;width:38%;mix-blend-mode:multiply}
.c-mint{z-index:1;right:0;top:4%;width:46%;aspect-ratio:1;border-radius:50%;background:var(--mint)}
.c-coral{z-index:4;left:2%;bottom:6%;width:22%}
.c-ink{z-index:4;right:6%;top:2%;width:26%}
.c-line{z-index:4;left:30%;top:-2%;width:40%}

/* SELECTED WORK */
section{position:relative}
.work{padding:120px 0 80px;background:var(--paper)}
.sec-head{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:80px}
.sec-head h2{font-family:var(--head);font-weight:700;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.01em;margin-top:14px}
.sec-head p{font-size:14px;color:var(--muted);max-width:380px}
.proj{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center;margin-bottom:110px}
.proj:nth-child(even){grid-template-columns:1fr 1.35fr}
.proj:nth-child(even) .media{order:2}
.proj .media{overflow:hidden;border-radius:var(--r);aspect-ratio:16/10;background:var(--cream);display:flex;gap:8px}
.proj .media.duo img{width:50%;border-radius:var(--r)}
.proj .media img{width:100%;height:100%;object-fit:cover;--py:0px;--s:1;transform:translateY(var(--py)) scale(var(--s));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.proj:hover .media img{--s:1.04}
html.medium .proj .media img{--s:1.12}
html.medium .proj:hover .media img{--s:1.16}
.proj .meta{font:100 16px/1 var(--sub);color:var(--muted);letter-spacing:.12em;display:flex;align-items:center;gap:10px}
.proj .meta i{display:inline-block;width:36px;height:1px;background:var(--muted)}
.proj h3{font-family:var(--head);font-weight:700;font-size:26px;letter-spacing:-.01em;margin:14px 0 6px}
.proj .tagline{font:100 20px/1.2 var(--sub);color:var(--coral);letter-spacing:.02em;margin-bottom:16px}
.proj p.desc{font-size:14px;color:var(--muted);max-width:400px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 22px}
.chips span{font-size:11px;border:1px solid var(--line);padding:5px 12px;border-radius:999px;color:var(--muted)}
.more{font-size:13px;font-weight:600;display:inline-flex;gap:8px}
.more:hover{color:var(--coral)}
.center{text-align:center}

/* DISCIPLINES */
.disc{background:var(--cream);padding:120px 0}
.disc h2{font-family:var(--head);font-weight:700;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.01em;margin:14px 0 18px}
.disc .intro{max-width:520px;color:var(--muted);font-size:14px;margin-bottom:56px}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.col{border-top:1px solid var(--ink);padding-top:22px}
.col .num{display:block;font:100 30px/1 var(--sub);color:var(--coral);margin-bottom:22px}
.col h4{font-family:var(--head);font-weight:700;font-size:16px;line-height:1.25;margin-bottom:12px}
.col p{font-size:13.5px;color:var(--muted)}
.col a{display:inline-block;margin-top:16px;font-size:12px;font-weight:600}
.col a:hover{color:var(--coral)}

/* STUDIO */
.studio{padding:130px 0;background:var(--paper)}
.studio .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.studio .pic{position:relative}
.studio .pic > img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%}
.studio .pic .sticker{position:absolute;right:-22px;bottom:30px;background:#fff;padding:14px 18px 12px;border-radius:12px;box-shadow:0 14px 30px -14px rgba(0,0,0,.25);font-family:var(--head);font-weight:700;font-size:15px;line-height:1}
.studio .pic .sticker img{display:block;width:110px;margin-top:6px}
.studio h2{font-family:var(--head);font-weight:700;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.01em;margin:14px 0 24px}
.studio p{font-size:14px;color:var(--muted);margin-bottom:16px;max-width:460px}
.stats{display:flex;gap:44px;margin-top:34px}
.stats b{display:block;font-family:var(--head);font-weight:700;font-size:32px;color:var(--coral);line-height:1;margin-bottom:6px}
.stats span{font-size:11px;color:var(--muted);letter-spacing:.06em}
.clients{margin-top:42px;padding-top:26px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:.06em}
.clients b{color:var(--ink);font-weight:600;margin-right:16px}

/* LOGOS (placeholder wordmarks until real logo files) */
.logos{padding:60px 0 64px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip{display:flex;overflow:hidden;margin-top:34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.track{display:flex;align-items:center;gap:72px;padding-right:72px;flex-shrink:0;animation:marquee 45s linear infinite}
.strip:hover .track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}.track[aria-hidden]{display:none}.strip{flex-wrap:wrap;justify-content:center}}
.strip img{width:auto;flex-shrink:0;filter:brightness(0);opacity:.42;transition:opacity .3s}
.strip img:hover{opacity:.85}
.strip img.gray{filter:grayscale(1) brightness(.55) contrast(1.4);opacity:.55}
.strip span{flex-shrink:0;white-space:nowrap;font:700 15px/1 var(--head);color:#07080C;opacity:.42;letter-spacing:.02em;filter:grayscale(1);transition:color .3s}
.strip span:hover{color:var(--ink)}

/* CONTACT */
.contact{padding:130px 0 120px;background:radial-gradient(ellipse at 50% 30%,#ffe5e2 0%,var(--paper) 60%);text-align:center}
.contact h2{font-family:var(--head);font-weight:700;font-size:clamp(34px,4.4vw,58px);line-height:1.05;letter-spacing:-.01em;margin:18px 0 18px}
.contact .sub{color:var(--muted);font-size:14px;max-width:420px;margin:0 auto 44px}
form{max-width:560px;margin:0 auto;background:#fff;border-radius:var(--r);padding:32px;text-align:left;box-shadow:0 30px 60px -40px rgba(7,8,12,.35)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;margin:0 0 6px}
input,textarea,select,.pick-btn{width:100%;font:300 14px var(--body);padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);margin-bottom:16px;color:var(--ink)}
select,.pick-btn{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%2307080c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
input:focus,textarea:focus,select:focus{outline:2px solid var(--coral);outline-offset:1px}
/* phones: the project type list opens in the page, not in the system picker */
.pick{position:relative;margin-bottom:16px}
.pick-btn{display:block;margin:0;text-align:left;line-height:normal;cursor:pointer}
.pick-list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px -14px rgba(7,8,12,.3)}
.pick-list button{display:block;width:100%;padding:11px 10px;border:0;border-radius:6px;background:none;color:var(--ink);font:300 16px var(--body);text-align:left;cursor:pointer}
.pick-list button[aria-selected="true"]{color:var(--coral)}
textarea{min-height:110px;resize:vertical}
form .btn{width:100%;justify-content:center;padding:16px}
.direct{display:flex;justify-content:center;gap:26px;margin-top:30px;font-size:13px;font-weight:600}
.direct a:hover{color:var(--coral)}

/* FOOTER */
footer{background:var(--ink);color:var(--cream);padding:70px 0 34px}
footer .grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
footer img{height:44px;width:auto;margin-bottom:12px}
footer .tag{font:300 13px/1 var(--body);letter-spacing:.14em;opacity:1;margin-bottom:22px}
footer p{font-size:13px;opacity:.7;max-width:340px}
footer h5{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin-bottom:14px}
footer li{list-style:none;font-size:13px;margin-bottom:8px}
footer li a:hover{color:var(--coral)}
.social{display:flex;gap:12px;margin-top:18px}
.social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(244,241,234,.3);display:grid;place-items:center;transition:background .3s,border-color .3s}
.social a:hover{background:var(--coral);border-color:var(--coral)}
.social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.social.dark{justify-content:center;margin-top:0}
.social.dark a{border-color:var(--line);color:var(--ink)}
.social.dark a:hover{color:#fff}
footer .bottom{margin-top:56px;padding-top:22px;border-top:1px solid rgba(244,241,234,.15);display:flex;justify-content:space-between;font-size:11px;opacity:.55}

html.shot .hero .wrap{min-height:824px}
html.shot .rv{opacity:1;transform:none}

/* MOTION */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.badge svg.ring{animation:none}}

/* motion switch (mockup only) */
.switch{position:fixed;left:18px;bottom:18px;z-index:100;background:var(--ink);color:var(--cream);border-radius:999px;padding:6px;display:flex;gap:4px;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);direction:rtl}
.switch span{padding:8px 10px 8px 4px;opacity:.6}
.switch button{border:0;background:none;color:inherit;font:600 12px var(--body);padding:8px 16px;border-radius:999px;cursor:pointer}
.switch button.on{background:var(--coral)}

/* RESPONSIVE */
@media (max-width:900px){
  .wrap{padding:0 20px}
  nav ul{display:none}
  .burger{display:block}
  nav.open,body.video-hero nav.open:not(.scrolled){background:var(--paper);backdrop-filter:none}
  nav.open ul{display:flex;flex-direction:column;gap:26px;position:absolute;top:100%;left:0;right:0;height:calc(100dvh - 76px);padding:40px 20px;background:var(--paper);font:700 30px/1.1 var(--head);letter-spacing:-.01em}
  body.menu-open{overflow:hidden}
  body.menu-open .consent{display:none}
  input,textarea,select,.pick-btn{font-size:16px} /* under 16px iPhone zooms the page on focus */
  .hero .wrap{grid-template-columns:1fr;min-height:auto;padding-top:30px}
  .reel{max-height:none;aspect-ratio:1/1}
  .hero-video{height:auto;min-height:0;margin-top:0;padding-top:56.25vw}
  .hero-video .hero-bg{height:56.25vw}
  .hero-video .scrim{display:none}
  .hero-video .wrap{padding-top:36px;padding-bottom:56px;display:block}
  .scroll-cue{display:none}
  .hero-video .badge{right:20px;bottom:auto;top:-68px}
  body.video-hero nav:not(.scrolled){background:rgba(250,248,243,.88);color:var(--ink)}
  body.video-hero nav:not(.scrolled) .logo img{filter:none}
  body.video-hero nav:not(.scrolled) .btn-dark{background:var(--ink);color:var(--cream)}
  .sec-head,.proj,.proj:nth-child(even),.studio .wrap{grid-template-columns:1fr;gap:28px}
  .proj:nth-child(even) .media{order:0}
  .proj{margin-bottom:72px}
  .cols{grid-template-columns:1fr 1fr;gap:32px 24px}
  .row{grid-template-columns:1fr}
  .studio .pic .sticker{right:10px}
  footer .grid{grid-template-columns:1fr}
  .stats{gap:28px}
  .badge{width:96px;height:96px}.badge img{inset:22px;width:52px;height:52px}
}
@media (max-width:560px){
  nav .logo img{height:38px;transform:translateY(-3px)}
  nav .right{gap:18px}
  nav .right .btn{display:none}
}

/* parallax frames on inner pages */
.px{overflow:hidden;border-radius:var(--r);background:var(--cream)}
.px > img,.px > video{width:100%;height:100%;object-fit:cover;--py:0px;--s:1;transform:translateY(var(--py)) scale(var(--s));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html.medium .px > img,html.medium .px > video{--s:1.1}
nav ul a.on{color:var(--coral)}

/* Heading + text pairs: the text block spans exactly the heading's height.
   First text line's cap height aligns with the heading's x-height,
   last text line's baseline aligns with the heading's last baseline.
   Offsets are computed from the font metrics (ascent .768/.771, descent .232/.229, cap .706)
   for line-height 1.1 (heading) and 1.65 (text), so they work in every browser. */
.pair{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:stretch}
.pair > h2{line-height:1.1;margin-top:-.322em!important;margin-bottom:-.282em!important}
.pair > .txt{display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.pair > .txt > *{line-height:1.65;margin:0!important}
.pair > .txt > :first-child{margin-top:-.39em!important}
.pair > .txt > :last-child{margin-bottom:-.554em!important}
.pair > .txt > :only-child{margin-top:auto!important}
@media (max-width:900px){.pair{grid-template-columns:1fr;gap:24px}br.d{display:none}}

/* lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(7,8,12,.92);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.lb.on{opacity:1;pointer-events:auto}
.lb img{max-width:90vw;max-height:86vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.1);color:#fff;width:48px;height:48px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;transition:background .2s}
.lb button:hover{background:var(--coral)}
.lb-x{top:20px;right:20px}.lb-p{left:20px;top:50%;transform:translateY(-50%)}.lb-n{right:20px;top:50%;transform:translateY(-50%)}
.lb-c{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:rgba(255,255,255,.6);font:100 16px/1 var(--sub);letter-spacing:.12em}

.formula .approach{text-align:left;margin:16px 0 80px}
.formula .tx-eb{text-align:left}

/* cookie choice */
.consent{position:fixed;left:var(--gut);bottom:24px;z-index:60;display:flex;align-items:center;gap:20px;padding:14px 16px 14px 22px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(7,8,12,.14)}
.consent p{font-size:14px;color:var(--ink)}
.consent div{display:flex;gap:4px;flex:none}
@media (max-width:600px){.consent{left:16px;right:16px;bottom:16px;flex-direction:column;align-items:flex-start;gap:12px}}

/* Phones and tablets: readable text. Condensed stays, one weight up from Thin.
   !important because page styles load after this file. */
@media (max-width:900px){
  :root{--sub:"Plak Cond Regular",system-ui,sans-serif}
  body p,dd,footer li,.direct,.clients,.step span{font-size:16px!important}
  .tagline,.card .tl{font-size:22px!important;line-height:1.2!important}
  .ix-kind,.app .kind{font-size:16px!important}
  .btn,.more,.col a,.back,.next .arrow,.subnav a,.filters button,.ext,.l-hero .ig{font-size:15px!important}
  label,.stats span,.chips span,footer h5,footer .bottom,.credit,.card .ctx,.past span,.past em{font-size:14px!important;line-height:1.35!important}
  figcaption{font-size:15px!important;line-height:1.35!important}
  .filters button sup{font-size:12px!important}
}

/* video viewer */
.lb video{max-width:92vw;max-height:86vh;width:auto;height:auto;border-radius:12px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.5)}