/* Fonts: self-hosted (SIL Open Font License, see /assets/fonts/OFL-*.txt), subset to what English and Turkish need.
   The *-latin-ext files hold only Ğ ğ İ Ş ş (ı and Ç Ö Ü â î û are in *-latin). Re-subset if the copy needs more. */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/figtree-latin-ext.woff2") format("woff2");unicode-range:U+011E-011F, U+0130, U+015E-015F}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/figtree-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2122, U+2190-2193, U+2212}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 600;font-display:swap;src:url("/assets/fonts/fraunces-italic-latin-ext.woff2") format("woff2");unicode-range:U+011E-011F, U+0130, U+015E-015F}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 600;font-display:swap;src:url("/assets/fonts/fraunces-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2122, U+2190-2193, U+2212}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 600;font-display:swap;src:url("/assets/fonts/fraunces-normal-latin-ext.woff2") format("woff2");unicode-range:U+011E-011F, U+0130, U+015E-015F}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 600;font-display:swap;src:url("/assets/fonts/fraunces-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2122, U+2190-2193, U+2212}

/* Layout: an editorial spread. Headline-led hero over a full-width photo, a marquee band, then cream and forest bands that alternate like magazine pages. */
:root{
  --cream:#F6F0E6;      /* page */
  --paper:#FBF8F2;      /* raised surfaces */
  --ink:#22261F;        /* text */
  --ink-soft:#5E6358;   /* secondary text */
  --forest:#3D4A39;     /* deep brand band */
  --sage:#8C9A85;       /* quiet accent, lines */
  --blush:#EBC6B7;      /* warm highlight */
  --terra:#B4613F;      /* hand-drawn strokes, large accents */
  --terra-ink:#9C4F31;  /* terracotta for small text: 5.2:1 on cream */
  --line:#DCD2C2;
  --on-dark:#F3EDE2;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
  --ease:cubic-bezier(.2,.7,.1,1);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:340;letter-spacing:-.02em;line-height:1.05;margin:0;text-wrap:balance;font-variation-settings:"SOFT" 60}
em{font-style:italic;font-variation-settings:"SOFT" 100}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(24px,var(--gutter));padding-right:max(24px,var(--gutter-r))}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--ink-soft);margin:0}
.lede{font-size:clamp(17px,1.5vw,19px);color:var(--ink-soft);max-width:52ch;margin:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--forest);transition:background .25s,color .25s,transform .25s var(--ease);cursor:pointer;background:transparent}
.btn:hover{transform:translateY(-2px)}
.btn-solid{background:var(--forest);color:var(--on-dark)}
.btn-solid:hover{background:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--forest);color:var(--on-dark)}
.btn .arr{transition:transform .25s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}

/* hand-drawn marks */
.mark{position:relative;white-space:nowrap;display:inline-block}
.mark svg{position:absolute;left:-4%;width:108%;overflow:visible;pointer-events:none}
.mark.under svg{bottom:-.14em;height:.32em}
.mark.ring svg{top:-.12em;left:-9%;width:118%;height:1.3em}
.mark path{fill:none;stroke:var(--terra);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.mark.drawn path{animation:draw 1.1s var(--ease) forwards}
.on-dark .mark path{stroke:var(--blush)}
@keyframes draw{to{stroke-dashoffset:0}}

/* announcement */
.announce{background:var(--forest);color:var(--on-dark);font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:10px var(--gutter-r) 10px var(--gutter)}
.announce a{border-bottom:1px solid currentColor;padding-bottom:1px}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,padding .3s}
.nav.scrolled{border-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px;transition:padding .3s}
.nav.scrolled .nav-in{padding-block:10px}
.logo img{height:46px;width:auto;transition:height .3s}
.nav.scrolled .logo img{height:36px}
.nav-links{display:flex;gap:30px;font-size:15px}
.nav-links a{position:relative;padding-block:4px}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav .btn{min-height:44px;padding:0 22px}
.nav-links{align-items:center}
.nav-links a[aria-current=page]::after{transform:scaleX(1)}
/* dropdowns: Services and Work */
.nav-group{position:relative}
.nav-toggle{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:4px 0;font:inherit;color:inherit;cursor:pointer}
.nav-toggle .chev{transition:transform .25s var(--ease)}
.nav-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}
.nav-group.is-current .nav-toggle{box-shadow:inset 0 -1px 0 var(--ink)}
.nav-label{display:none}
/* the panel is a small forest band, like the site's dark sections; links are set in Fraunces
   with italic numerals, echoing the services list */
.nav-sub{display:none;position:absolute;top:calc(100% + 16px);left:-26px;min-width:290px;list-style:none;margin:0;padding:10px 26px 8px;background:var(--forest);color:var(--on-dark);border-radius:22px;z-index:60;counter-reset:sub}
.nav-sub::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-toggle[aria-expanded=true]~.nav-sub{display:block}
@media (hover:hover) and (min-width:1081px){.nav-group:hover .nav-sub{display:block}}
.nav-sub li+li{border-top:1px solid color-mix(in srgb,var(--on-dark) 16%,transparent)}
.nav-sub a{display:flex;align-items:baseline;gap:14px;padding:15px 0;font-family:var(--display);font-size:21px;font-weight:340;letter-spacing:-.01em;white-space:nowrap;transition:transform .35s var(--ease),color .25s}
.nav-sub li:not(.nav-all) a::before{counter-increment:sub;content:counter(sub,lower-roman) ".";position:static;width:22px;flex:none;height:auto;background:none;transform:none;font-style:italic;font-size:15px;color:var(--blush)}
.nav-sub a::after{display:none}
.nav-sub a:hover{transform:translateX(6px);color:var(--blush)}
.nav-sub a[aria-current=page]{color:var(--blush)}
.nav-sub .nav-all a{font-family:var(--body);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:14px 0 12px;color:color-mix(in srgb,var(--on-dark) 78%,transparent)}
.nav-sub .nav-all a:hover{color:var(--on-dark)}
@media (max-width:1180px){.nav-links{gap:22px;font-size:14px}}

.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--ink);transition:transform .3s,opacity .3s}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:28px}
.menu-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* hero */
.hero{padding-block:clamp(40px,6vw,80px) clamp(48px,6vw,88px)}
.hero-top{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,5vw,72px);align-items:end}
.hero h1{font-size:clamp(44px,6.4vw,92px);margin:22px 0 28px}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .w>span{display:inline-block;animation:rise 1s var(--ease) both}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
.hero .lede{margin-bottom:28px}
.hero h1{margin-bottom:0}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.hero-media{position:relative;margin-top:clamp(40px,5vw,64px)}
.frame{border-radius:28px;overflow:hidden;aspect-ratio:16/9;max-width:100%;animation:fadeup 1.2s .2s var(--ease) both}
.frame img{width:100%;height:100%;object-fit:cover}
@keyframes fadeup{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.badge{position:absolute;right:clamp(16px,5vw,64px);top:-66px;width:132px;height:132px;border-radius:50%;background:var(--blush);display:grid;place-items:center;animation:fadeup 1s .7s var(--ease) both}
.badge svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 22s linear infinite}
.badge text{font-family:var(--body);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;fill:var(--forest);font-weight:600}
.badge b{font-family:var(--display);font-style:italic;font-weight:400;font-size:30px;color:var(--forest)}
@keyframes spin{to{transform:rotate(360deg)}}
.caption{position:absolute;left:20px;bottom:20px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 16px;font-size:13px;line-height:1.4;max-width:230px;box-shadow:0 18px 40px -24px rgba(34,38,31,.45);animation:fadeup 1s .95s var(--ease) both}
.caption small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}

/* marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);padding-block:20px;background:var(--cream)}
.marquee.dark{background:var(--forest);color:var(--on-dark);border:0}
.track{display:flex;width:max-content;animation:slide 40s linear infinite}
.marquee.rev .track{animation-direction:reverse;animation-duration:55s}
.track span{font-family:var(--display);font-size:clamp(28px,4vw,52px);font-style:italic;font-weight:300;padding-right:.6em;white-space:nowrap;display:flex;align-items:center;gap:.6em}
.track span::after{content:"✳";font-style:normal;font-size:.5em;color:var(--terra)}
.marquee.dark .track span::after{color:var(--blush)}
.marquee:hover .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}

/* sections */
section{padding-block:clamp(72px,10vw,140px)}
.on-dark{background:var(--forest);color:var(--on-dark)}
.on-dark .eyebrow,.on-dark .lede{color:color-mix(in srgb,var(--on-dark) 72%,transparent)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,64px)}
.sec-head h2{font-size:clamp(36px,4.8vw,68px);margin-top:14px;max-width:16ch}

/* statement */
.statement h2{font-size:clamp(38px,5.6vw,80px);max-width:17ch;margin-top:18px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(56px,7vw,96px);border-top:1px solid color-mix(in srgb,var(--on-dark) 25%,transparent);padding-top:36px}
.pillars h3{font-size:26px;margin-bottom:10px}
.pillars p{margin:0;font-size:15px;color:color-mix(in srgb,var(--on-dark) 75%,transparent);max-width:34ch}

/* compare */
.compare{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,3vw,40px);align-items:stretch}
.col{border-radius:28px;padding:clamp(28px,3.5vw,48px)}
.col h3{font-size:clamp(26px,2.6vw,34px);margin-bottom:6px}
.col .sub{font-size:14px;color:var(--ink-soft);margin:0 0 26px}
.col ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.col li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px;line-height:1.5}
.col.them{border:1px dashed var(--sage)}
.col.them li::before{content:"–";color:var(--sage)}
.col.us{background:var(--blush)}
.col.us li::before{content:"✳";color:var(--forest);font-size:13px;padding-top:3px}
.vs{align-self:center;font-family:var(--display);font-style:italic;font-size:44px;color:var(--terra)}

/* work */
.filters{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;cursor:pointer;transition:all .2s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.work{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(220px,22vw,300px);gap:14px;grid-auto-flow:dense}
.case{position:relative;border-radius:22px;overflow:hidden;background:var(--forest);color:var(--on-dark);isolation:isolate;transition:opacity .35s,transform .35s var(--ease)}
.case.w2{grid-column:span 2}.case.h2{grid-row:span 2}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s var(--ease)}
.case::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(20,24,18,.86) 0%,rgba(20,24,18,.25) 52%,rgba(20,24,18,.05) 100%)}
.case:hover img{transform:scale(1.06)}
.case .meta{position:absolute;left:0;right:0;bottom:0;padding:22px}
.case .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.case h3{font-size:clamp(24px,2.2vw,32px);margin:6px 0 0}
/* Tiles with a case study: a cover link makes the whole tile clickable;
   the title link is the one keyboard and screen-reader users get */
.case-cover{position:absolute;inset:0;z-index:2}
.case-link{color:inherit;text-decoration:none}
.case-link:focus-visible{outline:none}
.case.has-link:focus-within{outline:3px solid var(--terra);outline-offset:3px}
.case-more{display:inline-block;margin-top:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}
.case p{font-size:14px;line-height:1.5;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s,margin .4s}
.case:hover p,.case:focus-within p{max-height:7em;opacity:.92;margin-top:8px}
.case.flag::after{content:"Flagship";position:absolute;top:18px;left:18px;background:var(--blush);color:var(--forest);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:6px 12px;border-radius:999px}
.case.hide{display:none}

/* numbers */
.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-block:1px solid var(--line);padding-block:44px;margin-top:clamp(56px,7vw,96px)}
.num b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(52px,6vw,88px);line-height:1;font-variant-numeric:tabular-nums;color:var(--forest)}
.num > span{font-size:14px;color:var(--ink-soft)}

/* services */
.svc{border-top:1px solid var(--line)}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc-head{width:100%;display:grid;grid-template-columns:70px 1fr 1fr 40px;align-items:baseline;gap:20px;padding:30px 0;background:none;border:0;text-align:left;cursor:pointer}
.svc-head .i{font-family:var(--display);font-style:italic;color:var(--terra-ink);font-size:18px}
.svc-head .t{font-family:var(--display);font-size:clamp(28px,3.4vw,46px);font-weight:340;letter-spacing:-.02em;transition:transform .4s var(--ease),color .3s}
.svc-head:hover .t{transform:translateX(10px);color:var(--forest)}
.svc-head .d{font-size:15px;color:var(--ink-soft)}
.svc-head .x{justify-self:end;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:transform .35s var(--ease),background .3s}
.svc[data-open="true"] .x{transform:rotate(45deg);background:var(--blush);border-color:var(--blush)}
.svc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.svc[data-open="true"] .svc-body{grid-template-rows:1fr}
.svc-body>div{overflow:hidden}
.svc-in{display:grid;grid-template-columns:70px 1fr 1fr 40px;gap:20px;padding-bottom:36px}
.svc-in p{grid-column:2;margin:0;font-size:16px;color:var(--ink-soft);max-width:44ch}
.svc-in ul{grid-column:3;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-content:start}
.svc-in li{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--paper)}

/* ways to work */
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.way{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:36px 32px;display:flex;flex-direction:column;gap:18px;transition:transform .4s var(--ease),box-shadow .4s}
.way:hover{transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(34,38,31,.5)}
.way.feat{background:var(--forest);color:var(--on-dark);border-color:var(--forest)}
.way h3{font-size:36px}
.way h3 em{color:var(--terra)}
.way.feat h3 em{color:var(--blush)}
.way .what{margin:0;font-size:16px}
.way dl{margin:0;display:grid;gap:14px;font-size:14px}
.way dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:2px}
.way dd{margin:0}
.way .btn{margin-top:auto;align-self:flex-start}
.way.feat .btn{border-color:var(--on-dark);color:var(--on-dark)}
.way.feat .btn:hover{background:var(--on-dark);color:var(--forest)}
.extras{text-align:center;margin:36px auto 0;font-size:15px;color:var(--ink-soft);max-width:60ch}

/* process */
.process{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:56px}
.process .rail{position:absolute;top:16px;left:8px;right:8px;height:1.5px;background:color-mix(in srgb,var(--on-dark) 30%,transparent);overflow:hidden}
.process .rail i{position:absolute;inset:0;background:var(--blush);transform-origin:left;transform:scaleX(1);transition:transform 1.8s var(--ease)}
.process.pre-rail .rail i{transform:scaleX(0)}
.step{position:relative}
.step::before{content:"";position:absolute;top:-48px;left:0;width:17px;height:17px;border-radius:50%;background:var(--forest);border:1.5px solid var(--blush)}
.step .n{font-family:var(--display);font-style:italic;color:var(--blush);font-size:18px}
.step h3{font-size:40px;margin:4px 0 10px}
.step p{margin:0;font-size:15px;color:color-mix(in srgb,var(--on-dark) 75%,transparent);max-width:28ch}

/* markets */
.markets{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.mkt{padding:28px 22px 28px 0;border-right:1px solid var(--line);min-width:0}
.mkt+.mkt{padding-left:22px}
.mkt:last-child{border-right:0}
.mkt h3{font-size:28px;margin-bottom:6px}
.mkt .lang{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-ink);margin:0 0 14px}
.mkt ul{list-style:none;margin:0;padding:0;font-size:14px;color:var(--ink-soft);display:grid;gap:4px}

/* founder */
.founder{max-width:1000px}
.founder blockquote{margin:0;font-family:var(--display);font-size:clamp(28px,3.2vw,44px);font-weight:300;line-height:1.18;letter-spacing:-.015em}
.founder .who{margin-top:28px;display:flex;align-items:center;gap:14px;font-size:15px}
.founder .who::before{content:"";width:40px;height:1px;background:var(--ink)}
.founder p.body{color:var(--ink-soft);max-width:52ch;margin:24px 0 0}

/* notes */
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.note{border-top:1.5px solid var(--ink);padding-top:22px;display:flex;flex-direction:column;gap:12px}
.note .eyebrow{color:var(--terra-ink)}
.note h3{font-size:clamp(24px,2.2vw,30px);line-height:1.12}
.note p{margin:0;font-size:15px;color:var(--ink-soft)}
.note h3 a{color:inherit;text-decoration:none}
.note h3 a:hover,.note h3 a:focus-visible{text-decoration:underline;text-underline-offset:.12em;text-decoration-thickness:1.5px}
/* Field Notes article */
.note-hero h1{font-size:clamp(40px,5.6vw,80px);max-width:18ch}
.note-byline{margin:24px 0 0;font-size:15px;color:var(--ink-soft)}
.note-body-wrap{padding-top:0}
.note-body{display:grid;gap:22px;max-width:64ch;font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:var(--ink-soft)}
.note-body p{margin:0}
.note-body h2{font-size:clamp(26px,2.6vw,34px);color:var(--ink);margin:18px 0 0}

/* clients */
.clients{padding-block:clamp(56px,7vw,96px);text-align:center}
.clients .eyebrow{margin-bottom:26px}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px)}
.contact h2{font-size:clamp(42px,5.6vw,84px);max-width:12ch}
.contact .lede{margin-top:24px}
.details{margin-top:44px;display:grid;grid-template-columns:auto 1fr;gap:12px 28px;font-size:15px}
.details dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--on-dark) 72%,transparent);padding-top:4px}
.details dd{margin:0}
form{display:grid;gap:18px;min-width:0}
.field{display:grid;gap:6px}
.field label,.field legend{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--on-dark) 70%,transparent)}
.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--on-dark) 35%,transparent);color:var(--on-dark);font:inherit;font-size:18px;padding:10px 0;border-radius:0;transition:border-color .3s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--blush)}
.field textarea{resize:vertical;min-height:110px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
fieldset{border:0;margin:0;padding:0}
.needs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;position:relative}
.needs input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.needs label{font-size:13px;letter-spacing:.02em;text-transform:none;color:var(--on-dark);border:1px solid color-mix(in srgb,var(--on-dark) 35%,transparent);border-radius:999px;padding:8px 16px;cursor:pointer;transition:all .2s}
.needs input:checked+label{background:var(--blush);border-color:var(--blush);color:var(--forest)}
.needs input:focus-visible+label{outline:2px solid var(--blush);outline-offset:2px}
.contact .btn-solid{background:var(--blush);border-color:var(--blush);color:var(--forest);justify-self:start}
.contact .btn-solid:hover{background:var(--on-dark);border-color:var(--on-dark)}
.form-error{margin:0;font-size:14px;color:var(--blush)}
.thanks{font-family:var(--display);font-style:italic;font-size:24px;color:var(--blush)}
.ideas{margin-top:56px;padding:28px;border-radius:24px;background:color-mix(in srgb,var(--on-dark) 8%,transparent)}
.ideas h3{font-size:26px;margin-bottom:6px}
.ideas p{margin:0 0 18px;font-size:15px;color:color-mix(in srgb,var(--on-dark) 75%,transparent)}
.ideas form{grid-template-columns:1fr 1fr;align-items:end;gap:14px}
.ideas form .btn,.ideas form .thanks{grid-column:1/-1;justify-self:start}
.ideas .btn{min-height:46px;border-color:var(--on-dark);color:var(--on-dark)}
.ideas .btn:hover{background:var(--on-dark);color:var(--forest)}

/* footer */
footer{padding-block:64px 32px;background:var(--cream)}
.foot-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:28px 40px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.foot-nav{display:grid;grid-template-columns:repeat(3,minmax(150px,auto));gap:24px 56px;font-size:15px}
.foot-h{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-ink)}
.foot-nav ul{list-style:none;margin:0;padding:0}
.foot-nav a{display:inline-block;padding:5px 0}
.foot-nav a:hover{text-decoration:underline;text-underline-offset:.2em}
@media (max-width:860px){.foot-top{align-items:flex-start}.foot-nav{grid-template-columns:1fr 1fr;width:100%}}
@media (max-width:420px){.foot-nav{grid-template-columns:1fr}}
.foot-logo img{height:52px;width:auto}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--ink-soft);margin-top:28px}
.foot-bottom .foot-link{display:inline-block;padding-block:5px}

/* language */
html[data-lang="en"] [data-l="tr"],html[data-lang="tr"] [data-l="en"]{display:none!important}
html[data-lang="tr"] .case.flag::after{content:"Amiral gemisi"}
.lang-switch{display:flex;align-items:center;gap:2px;font-size:12px;letter-spacing:.12em;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:3px}
.lang-switch button{background:none;border:0;cursor:pointer;padding:7px 11px;border-radius:999px;color:var(--ink-soft);transition:background .2s,color .2s}
.lang-switch button[aria-pressed="true"]{background:var(--ink);color:var(--cream)}
.nav-right{display:flex;align-items:center;gap:14px}

/* scroll reveal: applied only to elements that start below the fold */
.pre{opacity:0;transform:translateY(32px)}
.rv{transition:opacity 1s var(--ease),transform 1s var(--ease)}

/* UGC page: a portrait phone shot beside the headline */
.ugc-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,6vw,96px);align-items:center}
.ugc-hero h1{font-size:clamp(40px,5vw,76px)}
.ugc-hero .lede{margin-top:26px}
.ugc-shot{border-radius:28px;overflow:hidden;aspect-ratio:4/5;max-width:480px;justify-self:end;width:100%}
.ugc-shot img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.ugc-hero-grid{grid-template-columns:1fr}.ugc-shot{justify-self:stretch;max-width:none;aspect-ratio:4/5}}

/* responsive */
/* below 1080px the menu moves behind the burger; dropdowns become open groups */
@media (max-width:1080px){
  .nav-links,.nav .btn{display:none}
  .burger{display:block}
  .menu-open .nav-links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--cream);border-bottom:1px solid var(--line);padding:8px var(--gutter-r) 20px var(--gutter);overflow-y:auto;overscroll-behavior:contain}
  .menu-open .nav-links a{padding:14px 0;font-family:var(--display);font-size:28px;border-bottom:1px solid var(--line)}
  .menu-open .nav-links a::after{display:none}
  .nav-toggle{display:none}
  .nav-label{display:block;margin:0;padding:22px 0 4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-ink)}
  .nav-sub,.nav-toggle[aria-expanded=true]~.nav-sub{display:block;position:static;min-width:0;padding:0;border:0;border-radius:0;background:none;color:inherit}
  .nav-sub::before,.nav-sub li:not(.nav-all) a::before{display:none}
  .nav-sub li+li{border-top:0}
  .menu-open .nav-sub a{display:block;font-size:22px;padding:11px 0;white-space:normal;transform:none}
  .nav-sub a:hover,.nav-sub a[aria-current=page]{color:inherit}
  .menu-open .nav-sub .nav-all a{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:normal;text-transform:none;color:inherit;padding:11px 0}
  .menu-open .nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}
}
@media (max-width:1000px){
  .nav-links{gap:20px}
  .work{grid-template-columns:repeat(2,1fr)}
  .markets{grid-template-columns:repeat(2,1fr)}
  .mkt,.mkt+.mkt{padding:24px 18px 24px 0;border-right:0;border-bottom:1px solid var(--line)}
  .ways{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
}
@media (max-width:860px){
  .hero-top,.contact-grid{grid-template-columns:1fr}
  .badge{right:16px;top:-54px;width:108px;height:108px}
  .badge b{font-size:24px}
  .caption{left:12px;bottom:12px;max-width:200px;font-size:12px}
  .pillars,.notes{grid-template-columns:1fr}
  .compare{grid-template-columns:1fr}
  .vs{justify-self:center;font-size:36px}
  .numbers{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:1fr 1fr;row-gap:56px}
  .process .rail{display:none}
  .svc-head{grid-template-columns:40px 1fr 40px}
  .svc-head .d{display:none}
  .svc-in{grid-template-columns:1fr;padding-left:60px}
  .svc-in p,.svc-in ul{grid-column:1}
}
@media (max-width:560px){
  body{font-size:16px}
  .wrap{padding-left:var(--gutter);padding-right:var(--gutter-r)}
  .work{grid-template-columns:1fr;grid-auto-rows:300px}
  .case.w2{grid-column:span 1}.case.h2{grid-row:span 1}
  .case p{max-height:7em;opacity:.92;margin-top:8px}
  .markets{grid-template-columns:1fr}
  .process{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .ideas form{grid-template-columns:1fr}
  .svc-in{padding-left:0}
  .hero-cta .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .track{animation:none!important}
  .mark path{stroke-dashoffset:0}
}

/* 404 */
.not-found{padding-block:clamp(80px,12vw,160px)}
.not-found h1{font-size:clamp(44px,6vw,84px);margin:18px 0 22px}
.not-found .lede{margin-bottom:32px}

/* unconfirmed facts: visible on purpose until replaced */
.tbc{display:inline-block;font-family:var(--body);font-style:normal;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.4;padding:4px 10px;border-radius:8px;border:1.5px dashed var(--terra);background:color-mix(in srgb,var(--blush) 55%,var(--paper));color:var(--ink);vertical-align:middle;text-transform:none}

/* hospitality page */
.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center}
.story h2{font-size:clamp(36px,4.8vw,68px);margin:14px 0 24px;max-width:15ch}
.story-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3;max-width:100%}
.story-img img{width:100%;height:100%;object-fit:cover}
.system{list-style:none;margin:clamp(56px,7vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--on-dark) 22%,transparent);border-radius:24px;overflow:hidden}
.system li{background:var(--forest);padding:30px 28px;min-width:0}
.system .n{font-family:var(--display);font-style:italic;color:var(--blush);font-size:18px}
.system h3{font-size:26px;margin:8px 0 8px}
.system p{margin:0;font-size:15px;color:color-mix(in srgb,var(--on-dark) 75%,transparent)}
.on-dark-numbers{border-color:color-mix(in srgb,var(--on-dark) 25%,transparent)}
.on-dark-numbers .num b{color:var(--on-dark)}
.on-dark-numbers .num > span{color:color-mix(in srgb,var(--on-dark) 70%,transparent)}
.num b .tbc{font-size:13px;color:var(--ink)}
.story-note{margin:18px 0 0;font-size:14px;color:color-mix(in srgb,var(--on-dark) 70%,transparent)}
.audiences{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.audiences .way:hover{transform:none;box-shadow:none}
.offer{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,48px) clamp(28px,5vw,72px)}
.offer-item{border-top:1.5px solid var(--ink);padding-top:22px;display:grid;gap:12px;align-content:start}
.offer-item h3{font-size:clamp(26px,2.6vw,34px)}
.offer-item p{margin:0;color:var(--ink-soft);max-width:46ch}
.pills{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pills li{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--paper)}
.procure .col.us ul{grid-template-columns:repeat(2,1fr);gap:18px 40px}
.cta-band h2{font-size:clamp(38px,5vw,72px);max-width:18ch;margin:14px 0 22px}
.cta-band .lede{margin-bottom:32px}
.cta-band .btn-solid{background:var(--blush);border-color:var(--blush);color:var(--forest)}
.cta-band .btn-solid:hover{background:var(--on-dark);border-color:var(--on-dark)}
.cta-mail{align-self:center;font-size:15px;color:color-mix(in srgb,var(--on-dark) 80%,transparent)}
@media (max-width:860px){
  .story-grid{grid-template-columns:1fr}
  .system{grid-template-columns:1fr 1fr}
  .audiences,.offer{grid-template-columns:1fr}
  .procure .col.us ul{grid-template-columns:1fr}
}
@media (max-width:560px){
  .system{grid-template-columns:1fr}
}

/* supplied figures awaiting sign-off: value shows, with a visible marker */
.confirm{display:inline-flex;align-items:flex-start;gap:8px;outline:1.5px dashed var(--terra);outline-offset:6px;border-radius:6px}
.confirm-tag{font-family:var(--body);font-style:normal;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;padding:5px 7px;border-radius:999px;background:var(--terra-ink);color:var(--paper);white-space:nowrap;align-self:flex-start;margin-top:4px}

/* case study layout */
.case-hero h1{font-size:clamp(40px,5.6vw,80px);margin:20px 0 28px;max-width:18ch}
.crumb{border-bottom:1px solid currentColor}
.crumb:hover{color:var(--ink)}
.case-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,72px);align-items:start}
.case-meta{margin:0;display:grid;gap:16px;font-size:15px}
.case-meta div{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:12px}
.case-meta dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.case-meta dd{margin:0}
.case-results{padding-block:0 clamp(24px,4vw,48px)}
.case-results .numbers{margin-top:0}
.case-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,96px);align-items:start}
.case-split h2{font-size:clamp(34px,4.4vw,60px);margin-top:14px}
.case-text{display:grid;gap:18px;font-size:clamp(17px,1.4vw,19px);color:var(--ink-soft);max-width:56ch}
.case-text p{margin:0}
.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:color-mix(in srgb,var(--on-dark) 22%,transparent);border-radius:24px;overflow:hidden}
.chapter{background:var(--forest);padding:clamp(28px,3.5vw,44px);min-width:0}
.chapter .n{font-family:var(--display);font-style:italic;color:var(--blush);font-size:20px}
.chapter h3{font-size:clamp(26px,2.6vw,34px);margin:8px 0 12px}
.chapter p{margin:0;font-size:16px;color:color-mix(in srgb,var(--on-dark) 78%,transparent);max-width:48ch}
.case-quote{max-width:960px}
.case-quote blockquote{margin:18px 0 0;font-family:var(--display);font-size:clamp(26px,3vw,40px);font-weight:300;line-height:1.2}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.ph{aspect-ratio:4/3;max-width:100%;border-radius:22px;border:1.5px dashed var(--line);background:var(--paper);display:grid;place-items:center;padding:20px;text-align:center}
.cta-band .cta-ghost{border-color:var(--on-dark);color:var(--on-dark)}
.cta-band .cta-ghost:hover{background:var(--on-dark);color:var(--forest)}
@media (max-width:860px){
  .case-intro,.case-split,.chapters{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .gallery .ph:first-child{grid-column:1 / -1}
}
.story-link{border-bottom:1px solid currentColor;color:var(--on-dark)}
.story-link:hover{color:var(--blush)}
.on-dark .confirm{outline-color:var(--blush)}

/* form states */
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
form{position:relative}
.form-invalid{margin:0;font-size:14px;color:var(--blush)}
.field.is-invalid label,.field.is-invalid legend,fieldset.is-invalid legend,.consent.is-invalid{color:var(--blush)}
.field.is-invalid input,.field.is-invalid textarea,.field.is-invalid select{border-color:var(--blush);border-bottom-width:2px}
fieldset.is-invalid .needs label{border-color:var(--blush)}
.thanks:focus,.form-error:focus{outline:none}
.field select{width:100%;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--on-dark) 35%,transparent);color:var(--on-dark);font:inherit;font-size:18px;padding:10px 0;border-radius:0;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 8px) 55%;background-size:6px 6px;background-repeat:no-repeat}
.field select:focus{outline:none;border-color:var(--blush)}
.field select option{background:var(--forest);color:var(--on-dark)}
.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--on-dark) 72%,transparent)}
.field .hint{font-size:13px;color:color-mix(in srgb,var(--on-dark) 72%,transparent);text-transform:none;letter-spacing:0}
.consent{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:14px;color:color-mix(in srgb,var(--on-dark) 80%,transparent)}
.consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--blush)}
button[aria-busy="true"]{opacity:.6;cursor:progress}

/* agency review page */
.review-hero h1{font-size:clamp(48px,7vw,104px);margin:20px 0 0}
.review h2{font-size:clamp(36px,4.6vw,64px)}
.next-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:24px}
.next-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.next-steps .n{font-family:var(--display);font-style:italic;color:var(--blush);font-size:20px;padding-top:2px}
.next-steps h3{font-size:22px;margin:0 0 4px}
.next-steps p{margin:0;font-size:15px;color:color-mix(in srgb,var(--on-dark) 75%,transparent);max-width:44ch}
.review .btn-solid{background:var(--blush);border-color:var(--blush);color:var(--forest);justify-self:start}
.review .btn-solid:hover{background:var(--on-dark);border-color:var(--on-dark)}

/* credentials page */
.btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.facts{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(28px,5vw,72px);border-top:1.5px solid var(--ink)}
.facts div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline;min-width:0}
.facts dt,.cred-rows dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.facts dd{margin:0;font-size:16px;min-width:0}
.cred-rows{margin:0;display:grid;border-top:1.5px solid var(--ink)}
.cred-rows div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.cred-rows dt{font-family:var(--display);font-size:clamp(20px,2vw,26px);letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.cred-rows dd{margin:0;color:var(--ink-soft)}
.clients-table dd{color:var(--ink);font-size:17px}
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,40px)}
.term{border-top:1.5px solid var(--ink);padding-top:20px;min-width:0}
.term h3{font-size:28px;margin-bottom:14px}
.term ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.term li{font-size:15px;color:var(--ink-soft);padding-left:18px;position:relative}
.term li::before{content:"✳";position:absolute;left:0;top:1px;font-size:11px;color:var(--terra)}
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.person{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:32px}
.person h3{font-size:32px}
.person .role{margin:4px 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-ink)}
.person p{margin:0;color:var(--ink-soft)}
@media (max-width:1000px){.terms{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
  .facts,.team{grid-template-columns:1fr}
  .cred-rows div{grid-template-columns:1fr;gap:6px}
}
@media (max-width:560px){
  .terms{grid-template-columns:1fr}
  .facts div{grid-template-columns:1fr;gap:4px}
}

/* privacy notice and form small print */
.form-note{margin:0;font-size:13px;color:color-mix(in srgb,var(--on-dark) 70%,transparent)}
.form-note a,.consent a{color:var(--on-dark);border-bottom:1px solid currentColor}
.foot-link{border-bottom:1px solid currentColor}
.privacy-hero h1{font-size:clamp(40px,5.2vw,72px);margin:18px 0 22px;max-width:20ch}
.updated{margin:18px 0 0;font-size:13px;letter-spacing:.06em;color:var(--ink-soft)}
.prose{max-width:760px}
.prose h2{font-size:clamp(24px,2.4vw,30px);margin:44px 0 12px;padding-top:24px;border-top:1px solid var(--line)}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:var(--ink-soft);line-height:1.7}
.prose p{margin:0 0 14px}
.prose ul{margin:0 0 14px;padding-left:20px;display:grid;gap:8px}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--ink);border-bottom:1px solid var(--terra)}

/* mobile: long figures and long Turkish words must not push the page wider */
h1,h2,h3{overflow-wrap:break-word}
.confirm{flex-wrap:wrap;max-width:100%}
.num{min-width:0}
.review-hero h1{font-size:clamp(30px,8.4vw,104px)}
@media (max-width:560px){
  .num b{font-size:clamp(40px,12vw,52px)}
}
.tbc{max-width:100%;overflow-wrap:anywhere}
.ph{min-width:0}
@media (max-width:560px){
  .case-results .numbers,.on-dark-numbers{grid-template-columns:1fr}
}
.num b:has(.confirm){font-size:clamp(40px,4.6vw,72px)}


/* accessibility: skip link, focus on dark and pink surfaces, motion pause */
.skip{position:absolute;left:max(16px,env(safe-area-inset-left,0px));top:-100px;z-index:100;background:var(--ink);color:var(--cream);padding:12px 18px;border-radius:999px;font-size:14px;font-weight:600}
.skip:focus{top:calc(env(safe-area-inset-top,0px) + 12px)}
main:focus{outline:none}
.on-dark :focus-visible,.announce :focus-visible,.marquee.dark :focus-visible,.way.feat :focus-visible{outline-color:var(--blush)}
.col.us :focus-visible,.badge :focus-visible{outline-color:var(--ink)}
.marquee{position:relative}
.motion-toggle{position:absolute;right:max(12px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--cream);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.marquee.dark .motion-toggle{background:var(--forest);color:var(--on-dark);border-color:color-mix(in srgb,var(--on-dark) 40%,transparent)}
.motion-toggle svg{width:14px;height:14px;fill:currentColor}
.motion-toggle .i-play{display:none}
.motion-toggle[aria-pressed="true"] .i-play{display:block}
.motion-toggle[aria-pressed="true"] .i-pause{display:none}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html[data-motion="paused"] .track,html[data-motion="paused"] .badge svg{animation-play-state:paused}

/* language switch as links between /en/ and /tr/ pages */
.lang-switch a{padding:7px 11px;border-radius:999px;color:var(--ink-soft);transition:background .2s,color .2s}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a[aria-current="page"]{background:var(--ink);color:var(--cream)}
.lang-switch abbr{text-decoration:none}

/* hospitality & tourism page */
.proof{padding-block:28px;border-block:1px solid var(--line)}
.proof-in{display:grid;grid-template-columns:auto 1fr;gap:12px 32px;align-items:baseline}
.proof .eyebrow{white-space:nowrap}
.proof-names{margin:0;font-family:var(--display);font-size:clamp(17px,1.6vw,21px);line-height:1.6;color:var(--ink)}
.story-copy{display:grid;gap:16px;max-width:60ch;color:color-mix(in srgb,var(--on-dark) 85%,transparent)}
.story-copy p{margin:0}
.story-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin:22px 0 0;font-size:15px}
.long-copy{margin:0;max-width:68ch;font-size:clamp(17px,1.5vw,20px);line-height:1.7;color:var(--ink-soft)}
.long-copy a,.procure-copy a{color:var(--ink);border-bottom:1px solid var(--terra)}
.long-copy a:hover,.procure-copy a:hover{color:var(--terra-ink)}
.procure-copy{background:var(--blush);border-radius:28px;padding:clamp(28px,4vw,48px)}
.procure-copy p{margin:0;max-width:70ch;font-size:clamp(17px,1.5vw,19px);line-height:1.7}
@media (max-width:860px){.proof-in{grid-template-columns:1fr}}
.foot-social{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.foot-social a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s}
.foot-social a:hover{border-color:var(--ink);background:var(--paper)}
picture{display:contents}
.ideas .field label{color:color-mix(in srgb,var(--on-dark) 85%,transparent)}
.on-dark-numbers .num b{font-size:clamp(40px,4.8vw,76px)}

/* influencer & press trips page */
.feature-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);padding-block:clamp(36px,5vw,56px);border-top:1px solid var(--line);align-items:start}
.feature-row:last-child{border-bottom:1px solid var(--line)}
.feature-row h2{font-size:clamp(28px,3.2vw,44px)}
.feature-row p{margin:0;max-width:62ch;font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:var(--ink-soft)}
.cta-copy a{color:var(--on-dark);border-bottom:1px solid var(--blush)}
.cta-copy a:hover{color:var(--blush)}
@media (max-width:860px){.feature-row{grid-template-columns:1fr;gap:14px}}
.case-results .num b{font-size:clamp(40px,4.8vw,76px)}

.on-dark .case-text{color:color-mix(in srgb,var(--on-dark) 85%,transparent)}