/* AGH public site v4 — three colour-material worlds · Bodoni Moda (display) + Switzer (text) + Geist Mono (labels).
   Motion: one family of curves (Lando/Pear/Ciao measured): UI 0.25–0.45 s, reveals 0.7–0.9 s, scenes 1.1–1.6 s. */
:root{
  --e-out:cubic-bezier(.22,1,.36,1); --e-io:cubic-bezier(.65,.05,0,1); --e-soft:cubic-bezier(.25,.8,.25,1);
  --disp:'Bodoni Moda',ui-serif,Georgia,serif; --ui:'Switzer',system-ui,sans-serif; --mono:'Geist Mono',ui-monospace,monospace;
  --gut:clamp(20px,4vw,76px);
}
/* ---- ANA: racing green lacquer · polished gold ---- */
:root,[data-pal="racing"]{
  --bg0:#000604; --bg1:#010c07; --bg2:#03180f; --bg3:#082b1c;
  --acc-d:#7f5f24; --acc:#c9a15a; --acc-m:#dcbb7a; --acc-h:#f6e5b8; --ivory:#f4f0e7; --ink:#08130e;
  --metal:linear-gradient(100deg,#6d511c 0%,#b88c43 14%,#f7e7bd 27%,#d7b067 38%,#7c5d22 52%,#e9cd8c 68%,#fff3d4 76%,#a07b36 90%,#6d511c 100%);
  --lac:radial-gradient(120% 90% at 20% 0%,#1b6a45 0%,#0a3a25 26%,#03180f 60%,#010c07 100%);
  --glass:linear-gradient(165deg,rgba(18,74,48,.58) 0%,rgba(4,28,18,.74) 40%,rgba(1,12,7,.84) 100%);
  --tint:#0f5535; --figf:sepia(.8) saturate(1.45) hue-rotate(-8deg) contrast(1.6) brightness(.78); --sw:conic-gradient(from 200deg,#0a3a25,#1f7a50,#03180f,#0a3a25); --sw-m:linear-gradient(135deg,#7f5f24,#f6e5b8,#b88c43);
}
/* ---- A: piano black lacquer · champagne bronze ---- */
[data-pal="obsidian"]{
  --bg0:#000000; --bg1:#060607; --bg2:#0f0f11; --bg3:#1b1a1d;
  --acc-d:#7a4f36; --acc:#b98a67; --acc-m:#d8b391; --acc-h:#f7e4d2; --ivory:#f3efea; --ink:#0c0a09;
  --metal:linear-gradient(100deg,#5e3a26 0%,#a8765a 14%,#f8e2cf 27%,#cf9f7c 38%,#6e4630 52%,#e5c0a2 68%,#fff1e4 76%,#94644a 90%,#5e3a26 100%);
  --lac:radial-gradient(120% 90% at 20% 0%,#2a2a2e 0%,#141416 26%,#08080a 60%,#000 100%);
  --glass:linear-gradient(165deg,rgba(46,44,48,.55) 0%,rgba(16,15,17,.76) 40%,rgba(4,4,5,.86) 100%);
  --tint:#3a2a22; --figf:sepia(.65) saturate(1.1) hue-rotate(-18deg) contrast(1.55) brightness(.64); --sw:conic-gradient(from 200deg,#141416,#3a3a40,#050505,#141416); --sw-m:linear-gradient(135deg,#7a4f36,#f7e4d2,#b98a67);
}
/* ---- B: midnight sapphire lacquer · platinum ---- */
[data-pal="sapphire"]{
  --bg0:#00030a; --bg1:#030a19; --bg2:#07142c; --bg3:#0d2146;
  --acc-d:#68717e; --acc:#aeb8c5; --acc-m:#d3dae3; --acc-h:#ffffff; --ivory:#eef1f6; --ink:#060b16;
  --metal:linear-gradient(100deg,#4d5561 0%,#9aa4b2 14%,#ffffff 27%,#c3ccd8 38%,#58616e 52%,#e2e8f0 68%,#ffffff 76%,#838d9b 90%,#4d5561 100%);
  --lac:radial-gradient(120% 90% at 20% 0%,#1d3f86 0%,#0d2350 26%,#050e22 60%,#02060f 100%);
  --glass:linear-gradient(165deg,rgba(28,58,118,.55) 0%,rgba(7,20,46,.76) 40%,rgba(2,6,15,.86) 100%);
  --tint:#153a8a; --figf:grayscale(1) contrast(1.5) brightness(.7); --sw:conic-gradient(from 200deg,#0d2350,#2d5bc0,#040b1c,#0d2350); --sw-m:linear-gradient(135deg,#68717e,#ffffff,#aeb8c5);
}
*{box-sizing:border-box}
html{background:var(--bg1);transition:background .6s}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;color:var(--ivory);font:400 17px/1.6 var(--ui);letter-spacing:.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;background:var(--bg1);overflow-x:hidden}
body.loading{overflow:hidden}
a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
::selection{background:var(--acc);color:var(--bg1)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:300;background:var(--ivory);color:var(--ink);padding:8px 12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:1px solid var(--acc-m);outline-offset:4px}
.mono{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.lbl{font-size:10.5px;letter-spacing:.18em}
.small{font-size:13px;line-height:1.55}.muted{opacity:.6}
.ph{display:inline-block;font:500 9px/1 var(--mono);letter-spacing:.12em;padding:3px 6px;border:1px solid currentColor;border-radius:2px;opacity:.55;vertical-align:middle;margin-left:4px;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 clamp(26px,2.4vw,46px);font:400 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--acc-m)}
.eyebrow b{font:400 11px/1 var(--mono);color:var(--acc-h)}
.eyebrow i{display:block;width:40px;height:1px;background:linear-gradient(90deg,var(--acc-m),transparent)}
/* metallic type fill: polished, banded, slowly travelling light */
.metal,.disp em{background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 9s var(--e-io) infinite}
@keyframes sheen{0%,15%{background-position:100% 0}65%,100%{background-position:0 0}}

/* ---------- layers ---------- */
#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}
#glx{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:6;pointer-events:none;opacity:0}
#glx.on{opacity:1}
.fbimg{position:fixed;inset:0;z-index:0;background:var(--bg1) center/cover no-repeat;display:none}
.no-gl .fbimg,.tier-nogl .fbimg{display:block}.no-gl #gl,.tier-nogl #gl{display:none}
.behind{position:fixed;inset:0;z-index:1;pointer-events:none}
.bh{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:calc(var(--gut) + 8px);font:400 clamp(90px,12.6vw,300px)/.8 var(--disp);font-variation-settings:"opsz" 96;letter-spacing:-.045em;opacity:0;transition:opacity 1.2s var(--e-soft)}
.bh.show{opacity:1}
.bl{display:block;overflow:hidden;padding:.26em .05em .12em;margin:-.26em 0 -.12em;will-change:transform}
.bl .sp{display:block;padding-top:.24em;margin-top:-.24em}
.bl .ch{display:inline-block;transform:none;animation:chUp 1.1s var(--e-out) calc(.7s + var(--i)*45ms) backwards;background:var(--metal);background-size:600% 100%;background-position:calc(var(--i)*14%) 0;-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:.24em;margin-top:-.24em}
@keyframes chUp{from{transform:translateY(112%)}}
body.loading .bh{opacity:1}
.bh.out .ch{transform:translateY(-112%);transition:transform .7s var(--e-io);transition-delay:calc(var(--i)*18ms)}
.sk{position:fixed;z-index:2;inset:-120px 0 -180px 0;opacity:0;pointer-events:none;transition:opacity 1.4s var(--e-soft)}
.sk.show{opacity:1}.sk.parked{visibility:hidden}
.sk iframe,.ska iframe{width:100%;height:100%;border:0;display:block;background:transparent}
.ska{position:fixed;z-index:2;inset:-120px 0 -180px 0;opacity:0;pointer-events:none;transition:opacity 1.2s var(--e-soft)}
.ska.show{opacity:1}.ska.parked{visibility:hidden}
.wipe{position:fixed;z-index:3;left:0;top:0;width:3px;height:160vh;pointer-events:none;opacity:0;background:linear-gradient(transparent,var(--acc-h) 30%,#fff 50%,var(--acc-h) 70%,transparent);box-shadow:0 0 30px 6px color-mix(in srgb,var(--acc-m) 55%,transparent);transform-origin:50% 0}
/* annotations on the statue */
.anno{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .8s var(--e-soft)}
.anno.show{opacity:1}
.an{position:absolute;left:0;top:0;will-change:transform;transition:opacity .4s}
.an .dot{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;border:1px solid var(--acc-h);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc-m) 18%,transparent),0 0 18px var(--acc-m)}
.an .dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--acc-h)}
.an .lead{position:absolute;left:0;top:0;overflow:visible;width:1px;height:1px}
.an .lead line{stroke:var(--acc-m);stroke-width:1;stroke-dasharray:var(--len,120);stroke-dashoffset:var(--len,120);transition:stroke-dashoffset .9s var(--e-out)}
.anno.show .an .lead line{stroke-dashoffset:0}
.an p{position:absolute;margin:0;white-space:nowrap;display:flex;flex-direction:column;gap:6px;font:400 clamp(22px,1.7vw,32px)/1 var(--disp);color:var(--ivory);transform:translate(var(--tx,0),var(--ty,0));opacity:0;transition:opacity .6s .3s var(--e-soft)}
.anno.show .an p{opacity:1}
.an p b{font:400 10px var(--mono);letter-spacing:.2em;color:var(--acc-m)}
.an p em{font:400 10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:color-mix(in srgb,var(--ivory) 70%,transparent)}
/* precision frame */
.frame{position:fixed;inset:14px;z-index:60;pointer-events:none;opacity:0;transition:opacity 1s .6s}
body.ready .frame,body.loading .frame{opacity:.55}
.frame .c{position:absolute;width:14px;height:14px}
.frame .c::before,.frame .c::after{content:"";position:absolute;background:var(--acc-m)}
.frame .c::before{left:6.5px;top:0;width:1px;height:14px}.frame .c::after{top:6.5px;left:0;height:1px;width:14px}
.frame .tl{left:0;top:0}.frame .tr{right:0;top:0}.frame .bl{left:0;bottom:0}.frame .br{right:0;bottom:0}

/* ---------- opening ---------- */
.loader{position:fixed;inset:0;z-index:100;pointer-events:none}
.ld-top{position:absolute;left:calc(var(--gut) + 8px);right:calc(var(--gut) + 8px);top:34px;display:flex;justify-content:space-between;color:color-mix(in srgb,var(--ivory) 70%,transparent);opacity:0;transition:opacity 1s .3s}
.loader.show .ld-top{opacity:1}
.ld-bot{position:absolute;left:calc(var(--gut) + 8px);right:calc(var(--gut) + 8px);bottom:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:28px;transition:opacity .6s}
.ld-count{font:400 clamp(64px,7.4vw,150px)/.8 var(--mono);letter-spacing:-.06em;color:var(--ivory);font-variant-numeric:tabular-nums}
.ld-bar{height:1px;background:color-mix(in srgb,var(--ivory) 16%,transparent);margin-bottom:10px;position:relative;overflow:hidden}
.ld-bar i{position:absolute;inset:0;background:var(--metal);background-size:200% 100%;transform-origin:0 50%;transform:scaleX(0);transition:transform .5s var(--e-out)}
.ld-state{color:color-mix(in srgb,var(--ivory) 60%,transparent);margin-bottom:4px}
.ld-choice{position:absolute;left:50%;bottom:clamp(110px,15vh,170px);transform:translate(-50%,14px);display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transition:opacity .7s var(--e-soft),transform .8s var(--e-out);pointer-events:none}
.loader.choose .ld-choice{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ld-go{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;padding:18px 34px;border-radius:99px;background:var(--metal);background-size:220% 100%;animation:sheen 7s var(--e-io) infinite;color:var(--bg1);font:500 14.5px var(--ui);letter-spacing:.04em;box-shadow:0 24px 60px -24px var(--acc),inset 0 1px 0 rgba(255,255,255,.5)}
.ld-go:hover{filter:brightness(1.08)}
.ld-go .eq i{background:var(--bg1)}
.ld-silent{font:400 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--ivory) 72%,transparent);padding:8px 2px;border-bottom:1px solid color-mix(in srgb,var(--ivory) 28%,transparent);transition:color .3s}
.ld-silent:hover{color:var(--ivory)}
.ld-note{margin:4px 0 0;color:color-mix(in srgb,var(--ivory) 45%,transparent);font-size:10px}
.loader.reveal .ld-choice,.loader.reveal .ld-bot,.loader.reveal .ld-top{opacity:0;transition:opacity .6s}
.loader.out{opacity:0;transition:opacity .8s .2s}.loader.gone{display:none}
/* equaliser (driven by the real music level when playing) */
.eq{display:inline-flex;align-items:center;gap:2px;height:14px}
.eq i{display:block;width:2px;height:22%;background:currentColor;border-radius:1px;transition:height .12s linear}
.ld-go .eq i{animation:eq 1.1s var(--e-io) infinite alternate}.ld-go .eq i:nth-child(2n){animation-delay:.25s}.ld-go .eq i:nth-child(3n){animation-delay:.5s}
@keyframes eq{0%{height:22%}100%{height:100%}}

/* ---------- navigation ---------- */
.nav{position:fixed;left:0;right:0;top:0;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:26px calc(var(--gut) + 8px);pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .9s .2s var(--e-soft),transform 1s .2s var(--e-out),color .5s}
body.ready .nav{opacity:1;transform:none}
.nav > *{pointer-events:auto}
.wm{display:flex;flex-direction:column;line-height:1;justify-self:start}
.wm span{font:500 17px var(--disp);letter-spacing:.2em}
.wm small{font:400 8.5px var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--acc-m);margin-top:8px}
.where{display:flex;align-items:center;gap:14px;font-size:10.5px}
.where-n{color:var(--acc-m)}
.where-rule{width:72px;height:1px;background:color-mix(in srgb,var(--ivory) 22%,transparent);position:relative;overflow:hidden}
.where-rule i{position:absolute;inset:0;background:var(--acc-m);transform-origin:0 50%;transform:scaleX(0)}
.where-t{min-width:170px}
.nav-r{justify-self:end;display:flex;gap:10px;align-items:center}
.snd{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:99px;color:color-mix(in srgb,var(--ivory) 82%,transparent);border:1px solid color-mix(in srgb,var(--ivory) 20%,transparent);transition:color .3s,border-color .3s,background .3s}
.snd .snd-t{font-size:10px}
.snd[aria-pressed="true"]{color:var(--acc-h);border-color:color-mix(in srgb,var(--acc) 70%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent)}
.menu-b,.agh-b{position:relative;overflow:hidden;font:500 13px var(--ui);letter-spacing:.04em;padding:12px 21px;border-radius:99px;border:1px solid color-mix(in srgb,var(--ivory) 28%,transparent);transition:border-color .35s,color .35s}
.menu-b span,.agh-b span,.btn span,.panel-x span,.dt-360 span,.panel-nav button span{position:relative;z-index:1}
.menu-b::before,.agh-b::before,.btn::before,.dt-360::before{content:"";position:absolute;inset:0;border-radius:inherit;transform:translateY(101%);transition:transform .4s var(--e-out);background:var(--ivory)}
.menu-b:hover::before,.agh-b:hover::before,.btn:hover::before,.dt-360:hover::before{transform:none}
.menu-b:hover,.dt-360:hover{color:var(--ink)}
.agh-b{border-color:color-mix(in srgb,var(--acc) 70%,transparent);color:var(--acc-m)} .agh-b::before{background:var(--metal);background-size:200% 100%} .agh-b:hover{color:var(--bg1)}
.index{position:fixed;right:calc(var(--gut) + 6px);top:50%;transform:translateY(-50%);z-index:45;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity .8s .4s}
body.ready .index{opacity:1} body.inareas .index,body.nochrome .index{opacity:0;pointer-events:none}
.index a{display:flex;align-items:center;gap:10px;justify-content:flex-end;font-size:9.5px;opacity:.42;transition:opacity .35s}
.index a i{display:block;width:12px;height:1px;background:currentColor;transition:width .45s var(--e-out),background .35s}
.index a span{opacity:0;transform:translateX(8px);transition:opacity .35s,transform .45s var(--e-out);white-space:nowrap}
.index a.on{opacity:1;color:var(--acc-m)} .index a.on i{width:36px;background:var(--acc-m)}
.index:hover a span,.index a.on span{opacity:1;transform:none}
.menu{position:fixed;inset:0;z-index:65;background:var(--lac);display:grid;grid-template-columns:1.4fr 1fr;padding:130px var(--gut) 60px;gap:6vw}
.menu[hidden]{display:none}
.menu-list{display:flex;flex-direction:column;gap:2px}
.menu-list a{display:flex;align-items:baseline;gap:24px;font:400 clamp(40px,4.4vw,84px)/1.04 var(--disp);letter-spacing:-.025em;color:var(--ivory);opacity:0;transform:translateY(24px);transition:opacity .6s var(--e-out),transform .8s var(--e-out),color .3s}
.menu-list a b{font:400 11px var(--mono);color:var(--acc-m)}
.menu-list a:hover{color:var(--acc-h)}
.menu.open .menu-list a{opacity:1;transform:none}
.menu-side{align-self:end;color:color-mix(in srgb,var(--ivory) 80%,transparent)} .menu-side .lbl{color:var(--acc-m)}
/* palette switcher */
.pal{position:fixed;left:calc(var(--gut) + 8px);bottom:24px;z-index:72;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;border-radius:99px;background:color-mix(in srgb,var(--bg1) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--ivory) 14%,transparent);opacity:0;transition:opacity .8s .6s}
body.ready .pal{opacity:1}
.pal > .mono{font-size:9.5px;color:color-mix(in srgb,var(--ivory) 60%,transparent);margin-right:2px}
.pal button{position:relative;width:26px;height:26px;border-radius:50%;padding:0;transition:transform .3s var(--e-out)}
.pal button i{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.pal button[data-pal="racing"] i{background:radial-gradient(circle at 35% 30%,#3fa274 0,#0a3a25 38%,#020d08 70%),#0a3a25;box-shadow:inset 0 0 0 2px #c9a15a}
.pal button[data-pal="obsidian"] i{background:radial-gradient(circle at 35% 30%,#6a6a70 0,#141416 38%,#000 70%);box-shadow:inset 0 0 0 2px #c79a78}
.pal button[data-pal="sapphire"] i{background:radial-gradient(circle at 35% 30%,#5c86e6 0,#0d2350 38%,#01050f 70%);box-shadow:inset 0 0 0 2px #cfd6df}
.pal button.on{transform:scale(1.18)} .pal button.on::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--acc-m)}
.pal button em{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);white-space:nowrap;font:400 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;font-style:normal;padding:7px 10px;border-radius:4px;background:var(--bg2);color:var(--ivory);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--e-out)}
.pal button:hover em,.pal button:focus-visible em{opacity:1;transform:translate(-50%,0)}

/* ---------- sections ---------- */
.sc{position:relative;height:var(--h,200vh);z-index:4}
.mk{position:absolute;top:0;left:0;width:1px;height:1px}
.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.disp{font:400 clamp(46px,4.3vw,98px)/.94 var(--disp);font-variation-settings:"opsz" 96;letter-spacing:-.03em;margin:0;font-feature-settings:"kern","liga"}
.disp.xl{font-size:clamp(56px,6vw,132px);line-height:.9}
.disp em{font-style:italic;font-weight:400;padding:.18em .08em 0 0;margin-top:-.18em;display:inline-block}
.ln{display:block;overflow:hidden;padding:.16em 0 .1em;margin:-.16em 0 -.1em}
.ln > span{display:block}
.ln .ch{display:inline-block;transform:translateY(115%);transition:transform .75s var(--e-out);transition-delay:calc(var(--i)*14ms + var(--l,0)*70ms)}
.ln .ch.sp{width:.24em}
.ln em.ch{transform:translateY(115%)}
.in .ln .ch{transform:none}
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--e-soft),transform .8s var(--e-out)}
.in .rv{opacity:1;transform:none;transition-delay:.25s}
.body{font-size:clamp(16px,1.08vw,21px);line-height:1.55;max-width:42ch;color:color-mix(in srgb,var(--ivory) 86%,transparent)}
.disp + .body,.disp + .rv{margin-top:clamp(30px,3vw,62px)}

/* 01 first moment */
.first-t{position:absolute;left:calc(var(--gut) + 8px);bottom:13vh;z-index:2}
.first-side{position:absolute;left:calc(var(--gut) + 8px);top:22vh;width:min(300px,22vw);font-size:clamp(14px,.9vw,17px);line-height:1.6;color:color-mix(in srgb,var(--ivory) 80%,transparent);margin:0}
.first-side .mono{display:block;color:var(--acc-m);margin-bottom:14px}
.first .pin::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 10% 85%,color-mix(in srgb,var(--bg0) 82%,transparent),transparent 75%);pointer-events:none}
.scroll-hint{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:9.5px;color:color-mix(in srgb,var(--ivory) 60%,transparent);margin:0}
.scroll-hint i{display:block;width:1px;height:42px;background:linear-gradient(var(--acc-m),transparent);animation:drip 2.6s var(--e-io) infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* 02 kimlik (type mask) */
.hero-top{position:absolute;left:calc(var(--gut) + 8px);right:calc(var(--gut) + 8px);top:15vh;display:flex;justify-content:space-between;align-items:center}
.hero-top .eyebrow{margin:0}.hero-loc{color:color-mix(in srgb,var(--ivory) 60%,transparent);margin:0}
.hero-t{position:absolute;left:calc(var(--gut) + 8px);bottom:10vh;width:min(460px,32vw);transition:opacity .5s}
.lede{font-size:clamp(16px,1.08vw,21px);line-height:1.55;color:color-mix(in srgb,var(--ivory) 86%,transparent);margin:0}
.hero-hint{position:absolute;right:calc(var(--gut) + 8px);bottom:10vh;margin:0;color:var(--acc-m);transition:opacity .5s}
body.zooming .hero-t,body.zooming .hero-hint,body.zooming .hero-top{opacity:0!important;transition:opacity .4s}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;font:500 14px var(--ui);letter-spacing:.03em;padding:16px 26px;border-radius:99px;border:1px solid transparent;transition:color .35s}
.btn.gold{background:var(--metal);background-size:220% 100%;color:var(--bg1);animation:sheen 10s var(--e-io) infinite;box-shadow:0 18px 40px -22px var(--acc),inset 0 1px 0 rgba(255,255,255,.45)}
.btn.gold::before{background:var(--ivory)}
.btn.ghost{border-color:color-mix(in srgb,var(--ivory) 35%,transparent)} .btn.ghost:hover{color:var(--ink)}

/* 03 büro — editorial column + principles scrubbed by scroll (Momento) */
.buro .pin::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg0) 86%,transparent),color-mix(in srgb,var(--bg0) 40%,transparent) 48%,transparent 70%);pointer-events:none}
.buro-a{position:absolute;left:calc(var(--gut) + 8px);top:22vh;width:min(640px,44vw)}
.principles{position:absolute;right:calc(var(--gut) + 60px);top:50%;transform:translateY(-50%);width:min(440px,30vw);list-style:none;margin:0;padding:0;counter-reset:p}
.principles li{display:grid;grid-template-columns:48px 1fr;column-gap:10px;padding:22px 0 20px;border-top:1px solid color-mix(in srgb,var(--acc) 30%,transparent);opacity:.34;transition:opacity .5s var(--e-soft)}
.principles li:last-child{border-bottom:1px solid color-mix(in srgb,var(--acc) 30%,transparent)}
.principles li.on{opacity:1}
.principles li .mono{color:var(--acc-m);padding-top:10px}
.principles strong{font:400 clamp(30px,2.4vw,50px)/1 var(--disp);letter-spacing:-.02em;font-weight:400}
.principles li.on strong{background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8s var(--e-io) infinite;padding-top:.1em;margin-top:-.1em}
.principles p{grid-column:2;margin:10px 0 0;font-size:15px;line-height:1.5;color:color-mix(in srgb,var(--ivory) 78%,transparent);max-height:0;overflow:hidden;transition:max-height .6s var(--e-out)}
.principles li.on p{max-height:80px}

/* 04 ortam — reel card */
.reel .pin{perspective:1400px}
.reel-eb{position:absolute;left:calc(var(--gut) + 8px);top:15vh}
.reel-words{position:absolute;inset:0;pointer-events:none;z-index:1}
.rw{position:absolute;top:50%;transform:translateY(-50%);font:400 clamp(60px,6.6vw,150px)/.9 var(--disp);letter-spacing:-.04em;white-space:nowrap}
.rw-l{right:calc(50% + var(--gap,36vw) / 2)}.rw-r{left:calc(50% + var(--gap,36vw) / 2)}
.rw em{font-style:italic;background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 9s var(--e-io) infinite;padding:.18em .08em 0 0;margin-top:-.18em;display:inline-block}
.reel-card{position:absolute;left:50%;top:50%;width:var(--cw,30vw);height:var(--ch,19vw);transform:translate(-50%,-50%) rotateX(var(--rx,12deg)) scale(var(--cs,1));border-radius:var(--cr,18px);overflow:hidden;background:var(--bg2);box-shadow:0 60px 140px -40px rgba(0,0,0,.85),inset 0 0 0 1px color-mix(in srgb,var(--acc) 35%,transparent);z-index:2;will-change:width,height,transform}
.reel-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08) brightness(.82)}
.reel-card .tint{position:absolute;inset:0;background:var(--tint);mix-blend-mode:color;opacity:.72}
.reel-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--bg0) 75%,transparent));pointer-events:none}
.reel-tag{position:absolute;left:20px;bottom:18px;z-index:2;font-size:9.5px;color:color-mix(in srgb,var(--ivory) 75%,transparent)}
.reel-tag b{color:var(--acc-m);font-weight:500}
.reel-line{position:absolute;left:calc(var(--gut) + 8px);bottom:12vh;z-index:3;font-size:clamp(60px,7.4vw,168px);line-height:.9}
.reel-cap{position:absolute;right:calc(var(--gut) + 60px);bottom:12vh;z-index:3;margin:0}
.reel-line,.reel-cap{opacity:0;transition:opacity .6s}
body.reelopen .reel-line,body.reelopen .reel-cap{opacity:1}
body.reelopen .reel-line .ch{transform:none}

/* 05 practice areas — overview (medallions on an arc) */
.areas-pin{isolation:isolate}
.ov{position:absolute;inset:0;transition:opacity .5s var(--e-soft)}
.ov-head{position:absolute;left:calc(var(--gut) + 8px);top:18vh;width:min(560px,36vw);transition:opacity .4s}
.ov-hint{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);margin:0;color:color-mix(in srgb,var(--ivory) 55%,transparent);font-size:9.5px}
.meds{position:absolute;left:36vw;right:calc(var(--gut) + 56px);top:14vh;bottom:12vh}
.med{position:absolute;left:var(--x);top:var(--y);width:clamp(104px,7.8vw,158px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;transition:opacity .6s var(--e-soft),transform .7s var(--e-out),filter .3s}
.ov.in .med{opacity:1}
.ov.in .med:nth-child(2){transition-delay:.05s}.ov.in .med:nth-child(3){transition-delay:.1s}.ov.in .med:nth-child(4){transition-delay:.15s}.ov.in .med:nth-child(5){transition-delay:.2s}.ov.in .med:nth-child(6){transition-delay:.25s}.ov.in .med:nth-child(7){transition-delay:.3s}
.med .coin{position:relative;width:100%;aspect-ratio:1;border-radius:50%;padding:4px;background:var(--metal);background-size:300% 100%;animation:sheen 12s var(--e-io) infinite;box-shadow:0 34px 60px -24px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.35);transition:transform .3s var(--e-out),box-shadow .3s}
.med .coin::after{content:"";position:absolute;inset:4px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),inset 0 14px 30px rgba(255,255,255,.12),inset 0 -24px 40px rgba(0,0,0,.45);pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 35%)}
.med .coin img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg2);transition:transform .45s var(--e-out)}
.med .nm{font:400 clamp(16px,1.12vw,21px)/1.1 var(--disp);letter-spacing:-.01em;text-align:center;white-space:nowrap;color:color-mix(in srgb,var(--ivory) 92%,transparent)}
.med .ix{font:400 9.5px var(--mono);letter-spacing:.18em;color:var(--acc-m)}
.meds.hovering .med:not(.hot){filter:brightness(.55) saturate(.8)}
.med.hot .coin{transform:translateY(-4px) scale(1.04);box-shadow:0 50px 90px -26px rgba(0,0,0,.9),0 0 60px -12px var(--acc-m)}
.med.hot .coin img{transform:scale(1.05)}
.ov.leaving{pointer-events:none}
.ov.leaving .med{opacity:0!important;transform:translate(-50%,-50%) scale(.85);transition-duration:.4s;transition-delay:0s!important}
.ov.leaving .med.picked{transform:translate(-50%,-50%) scale(2.2);transition:opacity .6s .15s,transform .8s var(--e-out)}
.ov.leaving .ov-head,.ov.leaving .ov-hint{opacity:0}
.ov.hidden{visibility:hidden}

/* 05 practice areas — detail: rail (left) · object (centre) · side panel with accordion (right) */
.dt{position:absolute;inset:0}
.dt[hidden]{display:none}
.dt-rail{position:absolute;left:calc(var(--gut) + 8px);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .45s .2s}
.dt.show .dt-rail{opacity:1}
.dt-rail button{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:10px;letter-spacing:.14em;color:color-mix(in srgb,var(--ivory) 50%,transparent);transition:color .25s}
.dt-rail button i{display:block;width:14px;height:1px;background:currentColor;transition:width .45s var(--e-out)}
.dt-rail button:hover{color:var(--ivory)} .dt-rail button.on{color:var(--acc-m)} .dt-rail button.on i{width:40px}
.dt-stage{position:absolute;left:calc(var(--gut) + 8px);bottom:34px;display:flex;align-items:center;gap:22px;opacity:0;transition:opacity .45s .35s}
.dt.show .dt-stage{opacity:1}
.dt-live{font-size:9.5px;color:color-mix(in srgb,var(--ivory) 60%,transparent)}
.dt-live b{color:var(--acc-m);font-weight:500}
.dt-360{position:relative;overflow:hidden;font:400 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:12px 18px;border:1px solid color-mix(in srgb,var(--ivory) 28%,transparent);border-radius:99px;transition:color .35s}
.panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,37vw);padding:118px calc(var(--gut) + 8px) 34px 54px;background:var(--glass);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:inset 1px 0 0 color-mix(in srgb,var(--acc) 40%,transparent),-60px 0 120px -40px rgba(0,0,0,.8);
  transform:translateX(102%);transition:transform .7s var(--e-out)}
.panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--acc-m) 30%,var(--acc-h) 50%,var(--acc-m) 70%,transparent)}
.dt.show .panel{transform:none}
.panel-in{height:100%;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}
.panel-in::-webkit-scrollbar{display:none}
.panel-top{display:flex;justify-content:space-between;align-items:center}
.panel-top .eyebrow{margin:0}
.panel-x{display:flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--ivory) 75%,transparent)}
.panel-x .mono{font-size:9.5px}
.panel-x i{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ivory) 30%,transparent)}
.panel-x i::before,.panel-x i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1px;background:currentColor;transform:rotate(45deg)}.panel-x i::after{transform:rotate(-45deg)}
.panel-title{margin:clamp(26px,2.6vw,46px) 0 14px;font:400 clamp(40px,3.3vw,70px)/.95 var(--disp);font-variation-settings:"opsz" 96;letter-spacing:-.03em}
.panel-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em .02em .1em;margin:-.16em 0 -.1em}
.panel-title .w > span{display:inline-block;transform:translateY(110%);transition:transform .7s var(--e-out)}
.dt.show .panel-title .w > span{transform:none;transition-delay:.22s}
.dt.show .panel-title .w:nth-child(2) > span{transition-delay:.28s}.dt.show .panel-title .w:nth-child(3) > span{transition-delay:.34s}
.panel-sym{margin:0 0 clamp(22px,2.2vw,38px);color:var(--acc-m);font-size:10px;opacity:0;transition:opacity .45s .35s}
.dt.show .panel-sym{opacity:1}
/* accordion: modules open ONE BY ONE on click */
.acc{display:flex;flex-direction:column;border-bottom:1px solid color-mix(in srgb,var(--acc) 26%,transparent)}
.acc-i{border-top:1px solid color-mix(in srgb,var(--acc) 26%,transparent);opacity:0;transform:translateY(14px);transition:opacity .5s var(--e-soft),transform .7s var(--e-out)}
.dt.show .acc-i{opacity:1;transform:none}
.dt.show .acc-i:nth-child(1){transition-delay:.3s}.dt.show .acc-i:nth-child(2){transition-delay:.36s}.dt.show .acc-i:nth-child(3){transition-delay:.42s}.dt.show .acc-i:nth-child(4){transition-delay:.48s}
.acc-h{width:100%;display:grid;grid-template-columns:44px 1fr 28px;align-items:center;padding:20px 0;text-align:left;transition:color .25s}
.acc-h .mono{color:var(--acc-m);font-size:10px}
.acc-h strong{font:400 clamp(24px,1.7vw,32px)/1 var(--disp);letter-spacing:-.015em;font-weight:400;transition:transform .45s var(--e-out)}
.acc-h .pm{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ivory) 26%,transparent);transition:transform .45s var(--e-out),background .3s,border-color .3s}
.acc-h .pm::before,.acc-h .pm::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1px;background:currentColor;transition:transform .45s var(--e-out)}.acc-h .pm::after{transform:rotate(90deg)}
.acc-h:hover strong{transform:translateX(6px)}
.acc-i.open .acc-h .pm{transform:rotate(180deg);background:var(--acc-m);border-color:var(--acc-m);color:var(--bg1)} .acc-i.open .acc-h .pm::after{transform:rotate(0)}
.acc-i.open .acc-h strong{background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:.1em;margin-top:-.1em}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--e-out)}
.acc-i.open .acc-b{grid-template-rows:1fr}
.acc-b > div{overflow:hidden}
.acc-b p{margin:0 0 22px 44px;font-size:clamp(15px,.98vw,18px);line-height:1.6;color:color-mix(in srgb,var(--ivory) 90%,transparent);opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .5s var(--e-out)}
.acc-i.open .acc-b p{opacity:1;transform:none;transition-delay:.12s}
.acc-hint{margin:18px 0 0;color:color-mix(in srgb,var(--ivory) 45%,transparent);font-size:9.5px;transition:opacity .3s}
.acc.has-open + .acc-hint{opacity:0}
.panel-nav{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:color-mix(in srgb,var(--ivory) 60%,transparent)}
.panel-nav .mono{font-size:9.5px}
.panel-nav button{color:color-mix(in srgb,var(--ivory) 85%,transparent);padding:10px 0;transition:color .3s}
.panel-nav button:hover{color:var(--acc-m)}

/* 06 team */
.ekip .pin::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--bg0) 85%,transparent),color-mix(in srgb,var(--bg0) 20%,transparent) 60%,color-mix(in srgb,var(--bg0) 50%,transparent));pointer-events:none}
.ekip-t{position:absolute;inset:0;padding:18vh calc(var(--gut) + 8px) 10vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:5vw;align-items:end}
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1.6vw;align-items:end}
.team li{display:flex;flex-direction:column;gap:14px}
.team li:nth-child(1) .pf{aspect-ratio:3/4}.team li:nth-child(2) .pf{aspect-ratio:4/5}.team li:nth-child(3) .pf{aspect-ratio:1/1}
.team .pf{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:16px;overflow:hidden;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:color-mix(in srgb,var(--ivory) 50%,transparent);clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--e-out)}
.team .pf .mono{font-size:9px}.team .pf .ph{margin:0}
.team .pf i{position:absolute;inset:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
.ekip.in .team .pf{clip-path:inset(0 0 0 0)} .ekip.in .team li:nth-child(2) .pf{transition-delay:.1s}.ekip.in .team li:nth-child(3) .pf{transition-delay:.2s}
.team h3{margin:0;font:400 clamp(22px,1.7vw,32px)/1.1 var(--disp);letter-spacing:-.015em;opacity:0;transform:translateY(14px);transition:opacity .7s .4s,transform .8s .4s var(--e-out)}
.team .lbl{color:var(--acc-m);opacity:0;transition:opacity .7s .55s;margin:0}
.ekip.in .team h3,.ekip.in .team .lbl{opacity:1;transform:none}

/* 07 temsil (courtroom finale) */
.temsil .pin::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 12% 70%,color-mix(in srgb,var(--bg0) 85%,transparent),transparent 72%);pointer-events:none}
.tm-t{position:absolute;left:calc(var(--gut) + 8px);bottom:14vh;width:min(560px,38vw)}
.tm-card{position:absolute;left:calc(var(--gut) + 8px);top:16vh;width:min(240px,15vw);aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--bg2);box-shadow:0 40px 90px -30px rgba(0,0,0,.9),inset 0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent)}
.tm-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.1) brightness(.8)}
.ska[data-mode="fig"] iframe{filter:var(--figf)}
.tm-card .tint{position:absolute;inset:0;background:var(--tint);mix-blend-mode:color;opacity:.7}
.tm-card .mono{position:absolute;left:14px;bottom:12px;font-size:9px;color:color-mix(in srgb,var(--ivory) 80%,transparent)}
.tm-note{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);margin:0;font-size:9px;color:color-mix(in srgb,var(--ivory) 55%,transparent);white-space:nowrap}
.tm-note b{color:var(--acc-m);font-weight:500}

/* 08 digital — glass interface */
.dij-t{position:absolute;left:calc(var(--gut) + 8px);top:50%;transform:translateY(-50%);width:min(600px,42vw)}
.dij-t::before{content:"";position:absolute;inset:-14vh -12vw;background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--bg0) 82%,transparent),transparent 70%);z-index:-1}
.dij-t .btn{margin-top:36px}
.dij-t .small{margin-top:20px}
.glassui{position:absolute;right:calc(var(--gut) + 60px);top:50%;width:min(560px,36vw);height:min(560px,62vh);transform:translateY(-50%) perspective(1200px) rotateY(calc(var(--px,0)*-8deg)) rotateX(calc(var(--py,0)*6deg));transform-style:preserve-3d;opacity:0;transition:opacity .8s}
.dijital.digi .glassui{opacity:1}
.gp{position:absolute;padding:22px 24px;border-radius:14px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent),0 40px 80px -30px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:12px;transform:translateZ(var(--z,0)) translateY(30px);opacity:0;transition:transform 1s var(--e-out),opacity .7s}
.dijital.digi .gp{transform:translateZ(var(--z,0));opacity:1}
.gp .mono{color:var(--acc-m);font-size:10px}
.gp i{display:block;height:6px;width:var(--w);border-radius:3px;background:color-mix(in srgb,var(--ivory) 16%,transparent)}
.gp b{font-size:10px;color:var(--ivory);margin-top:4px}
.gp em{font:400 72px/1 var(--disp);font-style:normal;background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:.1em}
.gp small{font-size:9px;color:color-mix(in srgb,var(--ivory) 60%,transparent)}
.gp1{left:0;top:0;width:58%;--z:40px}.gp2{right:0;top:12%;width:36%;--z:90px;transition-delay:.1s}.gp3{left:10%;bottom:8%;width:74%;--z:60px;transition-delay:.2s}
.gp-note{position:absolute;right:0;bottom:-4%;margin:0;font-size:9px;color:color-mix(in srgb,var(--ivory) 50%,transparent)}

/* 09 contact */
.iletisim .pin::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,color-mix(in srgb,var(--bg0) 60%,transparent));pointer-events:none}
.ilt-card{position:relative;width:100%;padding:38px 40px 34px;background:var(--glass);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent),0 60px 120px -50px rgba(0,0,0,.9)}
.contact{margin:36px 0 32px;display:grid;gap:14px}
.contact div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid color-mix(in srgb,var(--acc) 26%,transparent);padding-top:12px}
.contact dt{color:var(--acc-m);font-size:10px}
.contact dd{margin:0;font-size:17px}
.foot{position:relative;z-index:4;background:var(--bg1);padding:64px calc(var(--gut) + 8px) 90px;display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:end;border-top:1px solid color-mix(in srgb,var(--acc) 35%,transparent)}
.wm2{display:block;font:500 22px var(--disp);letter-spacing:.18em;margin-bottom:10px}
.foot .lbl{color:var(--acc-m)} .proto{opacity:.55}
.linkish{border-bottom:1px solid currentColor;color:var(--acc-h)}

/* overlays */
.orbit,.credits{position:fixed;inset:0;z-index:120;background:color-mix(in srgb,var(--bg0) 94%,transparent);display:grid;place-items:center;padding:4vh 4vw}
.orbit[hidden],.credits[hidden]{display:none}
.orbit-in{width:min(1400px,100%);height:min(82vh,800px);display:flex;flex-direction:column;gap:12px}
.orbit iframe{flex:1;border:0;border-radius:3px;background:#000}
.orbit-cap{display:flex;justify-content:space-between;align-items:center;font:400 11px var(--mono);letter-spacing:.08em;color:color-mix(in srgb,var(--ivory) 70%,transparent)}
.credits-in{width:min(900px,100%);max-height:84vh;overflow:auto;background:var(--bg2);padding:32px;border-radius:4px;border-top:1px solid var(--acc)}
.credits-in h3{font:400 36px var(--disp);margin:14px 0}
.credits-in li{font-size:13px;margin:6px 0;color:color-mix(in srgb,var(--ivory) 80%,transparent)} .credits-in a{color:var(--acc-h);border-bottom:1px solid}

/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:150;pointer-events:none;width:0;height:0;display:none;mix-blend-mode:normal}
.cursor span{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--acc-m);transition:width .3s var(--e-out),height .3s var(--e-out),margin .3s var(--e-out),background .3s,border-color .3s}
.cursor.big span{width:66px;height:66px;margin:-33px 0 0 -33px;background:color-mix(in srgb,var(--acc) 10%,transparent);border:1px solid var(--acc-m)}
.cursor em{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font:400 9px var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-h);opacity:0;transition:opacity .3s;white-space:nowrap}
.cursor.big em{opacity:1}
@media (pointer:fine){.cursor{display:block}}
.srcTag{position:fixed;right:calc(var(--gut) + 8px);bottom:24px;z-index:40;font-size:8.5px;letter-spacing:.12em;opacity:.5;text-align:right;pointer-events:none;max-width:48vw}
.srcTag b{color:var(--acc-m);font-weight:500}

.tier-reduced .ln .ch,.tier-reduced .rv,.tier-reduced .acc-i,.tier-reduced .bl .ch,.tier-reduced .panel{transition-duration:.3s!important;transition-delay:0s!important}

/* ---------- MOBILE — recomposed, thumb-first ---------- */
@media (max-width:900px){
  :root{--gut:18px}
  body{font-size:16px}
  .frame{inset:8px}.frame .c{transform:scale(.8)}
  .nav{grid-template-columns:1fr auto;padding:16px calc(var(--gut) + 4px)}
  .where,.agh-b,.index,.srcTag{display:none}
  .snd .snd-t{display:none}.snd{padding:10px 12px}
  .wm span{font-size:14.5px}
  .ld-top{top:22px;left:22px;right:22px}.ld-top .mono{font-size:9px}
  .ld-bot{left:22px;right:22px;bottom:22px;gap:14px}.ld-count{font-size:54px}.ld-state{font-size:9px}
  .ld-choice{bottom:108px;width:calc(100% - 44px)}.ld-go{width:100%;justify-content:center}
  .bh{font-size:22vw;justify-content:flex-start;padding-top:15vh}
  .sk{inset:-40px -30vw -140px -30vw}
  .an p{font-size:19px}.an[data-k="sword"]{display:none}
  .disp{font-size:clamp(36px,10.4vw,52px)}.disp.xl{font-size:clamp(44px,12.4vw,62px)}.body{font-size:15.5px}
  .first-t{bottom:17vh}.first-side{display:none}
  .first .pin::before{background:linear-gradient(0deg,color-mix(in srgb,var(--bg0) 90%,transparent),transparent 50%)}
  .hero-top{top:11vh}.hero-loc{display:none}.hero-t{width:auto;right:var(--gut);bottom:7vh}.hero-hint{display:none}
  .buro .pin::before{background:linear-gradient(180deg,color-mix(in srgb,var(--bg0) 88%,transparent),color-mix(in srgb,var(--bg0) 45%,transparent) 50%,color-mix(in srgb,var(--bg0) 85%,transparent))}
  .buro-a{top:11vh;width:auto;right:var(--gut)} .buro .body{font-size:15px}
  .principles{left:calc(var(--gut) + 4px);right:calc(var(--gut) + 4px);top:auto;bottom:5vh;transform:none;width:auto}
  .principles li{padding:12px 0;grid-template-columns:34px 1fr}.principles strong{font-size:26px}.principles p{font-size:13.5px}
  .rw{font-size:15vw;left:0!important;right:0!important;text-align:center;transform:none}.rw-l{top:auto;bottom:calc(50% + var(--gap,44vh) / 2)}.rw-r{top:calc(50% + var(--gap,44vh) / 2)}
  .reel-line{font-size:15vw;bottom:20vh}.reel-cap{left:var(--gut);right:var(--gut);bottom:6vh}
  .ov-head{top:11vh;width:auto;right:var(--gut)}.ov-hint{display:none}
  .meds{left:0;right:0;top:auto;bottom:7vh;height:40vh;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18vw;scrollbar-width:none;align-items:center}
  .meds::-webkit-scrollbar{display:none}
  .med{position:relative;left:auto;top:auto;transform:none;flex:0 0 58vw;scroll-snap-align:center;width:auto}
  .ov.leaving .med{transform:scale(.85)}.ov.leaving .med.picked{transform:scale(1.4)}
  .dt-rail{display:none}.dt-stage{left:auto;right:var(--gut);top:84px;bottom:auto}.dt-live{display:none}
  .panel{top:auto;height:64vh;width:auto;left:0;padding:24px calc(var(--gut) + 4px) 18px;border-radius:18px 18px 0 0;transform:translateY(102%)}
  .panel::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--acc-m),transparent)}
  .panel-title{font-size:10.5vw;margin-top:14px}.acc-h{padding:15px 0}.acc-h strong{font-size:22px}.acc-b p{margin-left:44px;font-size:14.5px}
  .ekip-t{grid-template-columns:1fr;padding:14vh var(--gut) 7vh;align-content:end}
  .team{grid-template-columns:1fr 1fr 1fr;gap:10px}.team .pf{padding:8px}.team .pf .mono{font-size:6.5px;letter-spacing:.06em}.team h3{font-size:15px}
  .tm-t{width:auto;right:var(--gut);bottom:12vh}.tm-card{display:none}.tm-note{white-space:normal;width:calc(100% - 40px);text-align:center;bottom:22px}
  .dij-t{width:auto;right:var(--gut);top:auto;bottom:7vh;transform:none}.glassui{display:none}
  .ilt-card{padding:22px 20px}
  .foot{grid-template-columns:1fr;padding-bottom:110px}.menu{grid-template-columns:1fr;padding:96px var(--gut) 40px}
  .pal{left:auto;right:12px;top:66px;bottom:auto;padding:6px 8px;gap:8px}.pal > .mono{display:none}.pal button{width:20px;height:20px}.pal button em{display:none}

}

/* =====================================================================================
   v5 — CONTENT INTEGRATION + PREMIUM FINISH
   typography rhythm · refined CTAs · steps · topics · contact form · halo · polish
   ===================================================================================== */
html{font-optical-sizing:auto;text-size-adjust:100%}
body{font-feature-settings:"kern","liga","calt";font-size:17px;line-height:1.62}
h1,h2,h3,.disp,.panel-title,.principles strong,.acc-h strong{text-wrap:balance}
p,.body,.lede,dd,li{text-wrap:pretty;hanging-punctuation:first}
.disp{letter-spacing:-.034em;line-height:.93;font-weight:400}
.disp.xl{font-size:clamp(56px,5.6vw,124px);letter-spacing:-.04em;line-height:.9}
.disp em{font-weight:400;letter-spacing:-.02em}
.eyebrow{font-size:10.5px;letter-spacing:.22em;gap:16px}
.eyebrow b{font-weight:500}
.body,.lede{font-size:clamp(16.5px,1.1vw,20px);line-height:1.58;max-width:40ch;color:color-mix(in srgb,var(--ivory) 84%,transparent);letter-spacing:.002em}
.body.dim{color:color-mix(in srgb,var(--ivory) 62%,transparent);margin-top:14px}
.disp + .body,.disp + .lede{margin-top:clamp(26px,2.6vw,52px)}
.lede + .ctas{margin-top:clamp(26px,2.4vw,40px)}
.mono{font-feature-settings:"zero" 0,"ss01" 1}

/* CTAs — lacquer glass + polished edge; primary = restrained metal, not packaging */
.btn{height:54px;padding:0 26px;gap:14px;font:500 14px/1 var(--ui);letter-spacing:.015em;border-radius:99px;transition:color .4s var(--e-out),box-shadow .5s var(--e-out),transform .5s var(--e-out)}
.btn .arr{position:relative;z-index:1;font-style:normal;display:inline-block;transition:transform .45s var(--e-out)}
.btn:hover .arr{transform:translateX(5px)}
.btn.gold{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 46%),var(--metal);background-size:100% 100%,240% 100%;color:var(--bg0);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 -1px 0 rgba(0,0,0,.25) inset,0 18px 44px -20px var(--acc),0 0 0 1px color-mix(in srgb,var(--acc-d) 70%,transparent)}
.btn.gold::before{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--e-out)}
.btn.gold:hover::before{transform:translateX(120%)}
.btn.gold:hover{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 24px 60px -22px var(--acc),0 0 0 1px var(--acc-m)}
.btn.ghost{background:color-mix(in srgb,var(--bg1) 34%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:color-mix(in srgb,var(--ivory) 26%,transparent)}
.btn.ghost::before{background:var(--ivory)}
.btn b.mono{position:relative;z-index:1;font-size:10px;padding:4px 7px;border-radius:99px;border:1px solid currentColor;opacity:.7}
.menu-b,.agh-b{height:44px;padding:0 20px;display:inline-flex;align-items:center;font-size:13px}
.snd{height:44px;padding:0 16px}
:focus-visible{outline:1px solid var(--acc-m);outline-offset:5px;border-radius:4px}
.btn:focus-visible,.menu-b:focus-visible,.agh-b:focus-visible,.snd:focus-visible{border-radius:99px}

/* opening line */
.ld-line{position:absolute;left:calc(var(--gut) + 8px);top:74vh;margin:0;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(12px);animation:ldIn 1.2s var(--e-out) 1.5s forwards}
.ld-line em{font:italic 400 clamp(28px,2.5vw,48px)/1 var(--disp);letter-spacing:-.02em;background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 9s var(--e-io) infinite;padding:.14em .06em 0 0;margin-top:-.14em}
.ld-line .mono{color:color-mix(in srgb,var(--ivory) 62%,transparent);font-size:10px}
@keyframes ldIn{to{opacity:1;transform:none}}
.loader.reveal .ld-line{opacity:0!important;transition:opacity .5s}
/* halo: light behind the statue joins it to the scene */
.halo{position:fixed;z-index:1;right:-4vw;top:-6vh;width:62vw;height:112vh;pointer-events:none;opacity:0;transition:opacity 1.6s var(--e-soft);background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 26%,transparent),color-mix(in srgb,var(--acc) 8%,transparent) 55%,transparent 78%);mix-blend-mode:screen;filter:blur(12px)}
.halo.show{opacity:.7}

/* 01 hero statement */
.first-t{bottom:12vh;width:min(720px,48vw)}
.first-t .lede{max-width:38ch}
.first .scroll-hint{left:auto;right:calc(var(--gut) + 8px);transform:none;align-items:flex-end}

/* 02 kimlik */
.hero-t{width:min(420px,30vw)}

/* 03 büro — prose revealed paragraph by paragraph */
.principles.prose{width:min(460px,32vw)}
.principles.prose li{padding:26px 0 24px}
.principles.prose strong{font-size:clamp(28px,2.2vw,44px)}
.principles.prose p{font-size:clamp(15.5px,1vw,18px);line-height:1.62;max-height:0}
.principles.prose li.on p{max-height:180px}

/* 04 çalışma biçimi — steps over the opened reel */
.steps{position:absolute;inset:0;z-index:4;pointer-events:none;padding:17vh calc(var(--gut) + 8px) 11vh;display:flex;flex-direction:column;justify-content:space-between}
.steps-intro{margin:0;max-width:24ch;font:400 clamp(30px,2.9vw,58px)/1.06 var(--disp);letter-spacing:-.025em;opacity:0;transform:translateY(20px);transition:opacity .8s var(--e-soft),transform 1s var(--e-out)}
.steps-intro em{font-style:italic;background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 10s var(--e-io) infinite}
body.stepsin .steps-intro{opacity:1;transform:none}
.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,30px)}
.steps li{position:relative;padding:22px 4px 0 0;border-top:1px solid color-mix(in srgb,var(--ivory) 22%,transparent);opacity:0;transform:translateY(18px);transition:opacity .6s var(--e-soft),transform .8s var(--e-out)}
.steps li::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--metal);background-size:200% 100%;transition:width 1s var(--e-out)}
body.stepsin .steps li{opacity:.38;transform:none}
body.stepsin .steps li.past{opacity:.66}
body.stepsin .steps li.on{opacity:1}
.steps li.on::before,.steps li.past::before{width:100%}
.steps li:nth-child(2){transition-delay:.06s}.steps li:nth-child(3){transition-delay:.12s}.steps li:nth-child(4){transition-delay:.18s}
.steps li .mono{color:var(--acc-m);font-size:10px}
.steps li strong{display:block;margin:14px 0 10px;font:400 clamp(24px,1.9vw,38px)/1 var(--disp);letter-spacing:-.02em}
.steps li.on strong{background:var(--metal);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:.1em;margin-top:4px}
.steps li p{margin:0;font-size:clamp(14.5px,.95vw,17px);line-height:1.55;color:color-mix(in srgb,var(--ivory) 82%,transparent);max-width:30ch}
body.stepsin .reel-card::after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg0) 55%,transparent),color-mix(in srgb,var(--bg0) 30%,transparent) 40%,color-mix(in srgb,var(--bg0) 80%,transparent))}
.reel-card::after{transition:background .8s}

/* 05 areas — overview head + all-areas CTA, medallion labels */
.ov-head .body{max-width:34ch}
.all-b{margin-top:30px}
.med .nm{white-space:normal;width:150%;max-width:210px;line-height:1.12;text-wrap:balance}
.med{gap:12px}
/* side panel content */
.panel-title{font-size:clamp(38px,3vw,64px);margin:clamp(22px,2.2vw,40px) 0 14px}
.panel-short{margin:0 0 12px;font-size:clamp(15.5px,1vw,18px);line-height:1.58;color:color-mix(in srgb,var(--ivory) 88%,transparent);opacity:0;transition:opacity .5s .3s}
.dt.show .panel-short{opacity:1}
.panel-sym{margin-bottom:clamp(20px,2vw,34px)}
.acc-h{padding:18px 0}
.acc-h strong{font-size:clamp(22px,1.55vw,30px)}
.acc-b p{margin:0 0 20px 44px;max-width:44ch}
.topics{border-bottom:1px solid color-mix(in srgb,var(--acc) 26%,transparent);margin-top:18px;opacity:0;transition:opacity .5s .5s}
.dt.show .topics{opacity:1}
.topics-h{width:100%;display:grid;grid-template-columns:1fr auto 28px;gap:12px;align-items:center;padding:16px 0;text-align:left;color:var(--acc-m)}
.topics-h b{font-size:9.5px;padding:3px 7px;border:1px solid currentColor;border-radius:99px}
.topics-h .pm{position:relative;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ivory) 26%,transparent);transition:transform .45s var(--e-out),background .3s}
.topics-h .pm::before,.topics-h .pm::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1px;background:var(--ivory);transition:transform .45s var(--e-out)}.topics-h .pm::after{transform:rotate(90deg)}
.topics.open .topics-h .pm{transform:rotate(180deg);background:var(--acc-m)}.topics.open .topics-h .pm::before,.topics.open .topics-h .pm::after{background:var(--bg1)}.topics.open .topics-h .pm::after{transform:rotate(0)}
.topics-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--e-out)}
.topics.open .topics-b{grid-template-rows:1fr}
.topics-b > div{overflow:hidden}
.topics ul{list-style:none;margin:0;padding:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.topics li{font-size:13px;line-height:1.3;padding:8px 12px;border-radius:99px;border:1px solid color-mix(in srgb,var(--acc) 34%,transparent);background:color-mix(in srgb,var(--bg0) 30%,transparent);color:color-mix(in srgb,var(--ivory) 90%,transparent)}
.panel-more{display:inline-block;margin-top:20px;color:var(--acc-m);font-size:10px;border-bottom:1px solid color-mix(in srgb,var(--acc-m) 40%,transparent);padding-bottom:3px;align-self:flex-start;transition:color .3s,border-color .3s}
.panel-more:hover{color:var(--acc-h);border-color:var(--acc-h)}
.panel-note{margin:18px 0 0;font-size:11.5px;line-height:1.5;color:color-mix(in srgb,var(--ivory) 48%,transparent)}
.panel-nav{padding-top:18px}

/* 06 avukatlar */
.team .meta{font-size:9px;letter-spacing:.1em;color:color-mix(in srgb,var(--ivory) 52%,transparent);margin:0}
.team h3{font-size:clamp(20px,1.5vw,28px)}
.ekip-h .body{max-width:30ch}

/* 08 dijital */
.gp p{margin:0;font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--ivory) 84%,transparent)}
.gp em{font-size:54px}
.dij-t .btn{margin-top:32px}

/* 09 iletişim — info + form */
.ilt{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:6vw;align-items:center;padding:14vh calc(var(--gut) + 60px) 9vh calc(var(--gut) + 8px)}
.ilt-a .contact{margin:30px 0 0;max-width:460px}
.contact dd{font-size:16px}
.form-h{margin:0 0 20px;color:var(--acc-m);font-size:10px}
.ilt-card label{display:block;margin:0 0 16px}
.ilt-card label > .mono{display:block;font-size:9.5px;color:color-mix(in srgb,var(--ivory) 60%,transparent);margin-bottom:8px}
.ilt-card input,.ilt-card select,.ilt-card textarea{width:100%;font:400 15.5px/1.4 var(--ui);color:var(--ivory);background:color-mix(in srgb,var(--bg0) 40%,transparent);border:1px solid color-mix(in srgb,var(--ivory) 16%,transparent);border-radius:10px;padding:12px 14px;transition:border-color .3s,background .3s;appearance:none;-webkit-appearance:none}
.ilt-card select{background-image:linear-gradient(45deg,transparent 50%,var(--acc-m) 50%),linear-gradient(135deg,var(--acc-m) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.ilt-card select option,.ilt-card select optgroup{background:var(--bg2);color:var(--ivory)}
.ilt-card textarea{resize:vertical;min-height:84px}
.ilt-card textarea::placeholder{color:color-mix(in srgb,var(--ivory) 42%,transparent);font-size:13.5px}
.ilt-card input:focus,.ilt-card select:focus,.ilt-card textarea:focus{outline:none;border-color:var(--acc-m);background:color-mix(in srgb,var(--bg0) 60%,transparent)}
.ilt-card .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ilt-card .btn{margin-top:6px;width:100%;justify-content:center}
.form-msg{min-height:0;margin:10px 0 0;font-size:9.5px;color:var(--acc-m);opacity:0;transition:opacity .4s}.form-msg.on{opacity:1}
.form-note{margin:14px 0 0;font-size:11px;line-height:1.5;color:color-mix(in srgb,var(--ivory) 50%,transparent)}
.foot{grid-template-columns:auto 1fr auto;gap:5vw}
.foot-mid p{margin:0 0 8px}.foot-mid a{border-bottom:1px solid currentColor}
.menu-all{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;margin-bottom:34px;border-top:1px solid color-mix(in srgb,var(--acc) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--acc) 40%,transparent);color:var(--acc-h)}
.menu-all b{font:400 36px/1 var(--disp)}

@media (max-width:900px){
  body{font-size:16px}
  .ld-line{top:auto;bottom:210px}.ld-line em{font-size:30px}
  .halo{right:-30vw;width:120vw;top:0;height:80vh}
  .disp.xl{font-size:clamp(42px,11.6vw,58px)}
  .first-t{width:auto;right:var(--gut);bottom:9vh}
  .first-t .lede{font-size:15px}
  .first .scroll-hint{display:none}
  .ctas{gap:10px}.btn{height:50px;padding:0 20px;font-size:13.5px}
  .principles.prose{left:calc(var(--gut) + 4px);right:calc(var(--gut) + 4px);width:auto}
  .principles.prose li{padding:12px 0}.principles.prose strong{font-size:24px}.principles.prose p{font-size:14px}
  .steps{padding:13vh 22px 6vh}.steps-intro{font-size:26px}
  .steps ol{grid-template-columns:1fr 1fr;gap:14px 12px}.steps li{padding-top:12px}.steps li strong{font-size:21px;margin:8px 0 6px}.steps li p{font-size:12.5px}
  .ov-head .body{display:none}.all-b{margin-top:18px}
  .med .nm{font-size:15px;width:100%}
  .panel{height:70vh}.panel-short{font-size:14.5px}.acc-b p{margin-left:0}.topics li{font-size:12px}
  .team .meta{display:none}
  .ilt{display:block;padding:12vh 20px 4vh;overflow-y:auto}
  .ilt-a .body{font-size:14.5px}.ilt-a .contact{display:none}
  .ilt-card{margin-top:18px}.ilt-card label{margin-bottom:10px}.ilt-card input,.ilt-card select,.ilt-card textarea{padding:10px 12px;font-size:15px}
  .foot{grid-template-columns:1fr}
}.rw{font-size:clamp(54px,5.4vw,124px)}
@media (max-width:900px){
  .rw{font-size:13vw}
  .iletisim{height:auto!important}.iletisim .pin{position:relative;height:auto;overflow:visible}.ilt{position:relative;overflow:visible;padding:14vh 20px 8vh}
}/* v5 fixes */
body.stepsin .reel-card::after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg0) 86%,transparent) 0%,color-mix(in srgb,var(--bg0) 45%,transparent) 42%,color-mix(in srgb,var(--bg0) 58%,transparent) 62%,color-mix(in srgb,var(--bg0) 92%,transparent) 100%)}
.steps-intro{font-size:clamp(28px,2.4vw,48px);max-width:26ch;text-shadow:0 2px 30px color-mix(in srgb,var(--bg0) 80%,transparent)}
.steps-intro em{text-shadow:none;filter:drop-shadow(0 2px 18px color-mix(in srgb,var(--bg0) 90%,transparent))}
.first .scroll-hint{bottom:70px}@media (max-width:900px){
  .nav .agh-b{display:none!important}
  .wm span{white-space:nowrap}
  .hero-t{width:auto!important;right:var(--gut)}
  .pal{top:84px}
  .an[data-k="pan"]{display:none}
  .first .pin::before{background:linear-gradient(0deg,color-mix(in srgb,var(--bg0) 94%,transparent) 0%,color-mix(in srgb,var(--bg0) 70%,transparent) 42%,transparent 70%)}
}@media (max-width:900px){
  .ld-line{top:33vh;bottom:auto;padding:12px 40px 12px 22px;margin-left:-22px;background:linear-gradient(90deg,color-mix(in srgb,var(--bg0) 82%,transparent) 55%,transparent)}
  .ska[data-mode="fig"]{inset:-40px -30vw -140px -30vw}
}
/* =====================================================================================
   v6 — practice-area architecture (categories → sub-branches → detail) · brand lock · overflow safety
   ===================================================================================== */
.srcTag{display:none!important} html.debug .srcTag{display:block!important}
.med .nm{font-size:clamp(14.5px,1vw,19px);width:140%;max-width:176px}
/* screen 2 — sub-branches */
.br{position:absolute;inset:0;opacity:0;transition:opacity .5s var(--e-soft)}
.br[hidden]{display:none}
.br.show{opacity:1}
.br.leaving{pointer-events:none}
.br-head{position:absolute;left:calc(var(--gut) + 8px);top:15vh;width:min(470px,31vw);z-index:2}
.crumb-back{display:inline-block;margin-bottom:26px;font-size:10px;color:var(--acc-m);letter-spacing:.16em;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--acc-m) 35%,transparent);transition:color .3s,border-color .3s}
.crumb-back:hover{color:var(--acc-h);border-color:var(--acc-h)}
.br-head .eyebrow{margin-bottom:20px}
.br-title,.panel-title{overflow-wrap:normal;word-break:normal;hyphens:manual}
.br-title{margin:0 0 20px;font:400 clamp(40px,3.5vw,74px)/.96 var(--disp);font-variation-settings:"opsz" 96;letter-spacing:-.03em}
.br-title.long{font-size:clamp(34px,2.9vw,58px)}.br-title.xlong{font-size:clamp(30px,2.5vw,50px)}
.br-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em .02em .1em;margin:-.16em 0 -.1em}
.br-title .w > span{display:inline-block;transform:translateY(110%);transition:transform .75s var(--e-out)}
.br.show .br-title .w > span{transform:none;transition-delay:.12s}
.br-short{margin:0;font-size:clamp(16px,1.08vw,20px);line-height:1.56;color:color-mix(in srgb,var(--ivory) 88%,transparent);max-width:40ch}
.br-main{margin:16px 0 0;font-size:14.5px;line-height:1.62;color:color-mix(in srgb,var(--ivory) 60%,transparent);max-width:46ch}
.br-head .dt-360{margin-top:24px}
.bmeds{position:absolute;left:40vw;right:calc(var(--gut) + 56px);top:13vh;bottom:11vh;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));align-content:center;justify-items:center;gap:4.2vh 1.6vw}
.bmed{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .55s var(--e-soft) var(--d,0ms),transform .8s var(--e-out) var(--d,0ms),filter .3s}
.br.show .bmed{opacity:1;transform:none}
.bmed .coin,.med .coin{position:relative;aspect-ratio:1;border-radius:50%;padding:4px;background:var(--metal);background-size:300% 100%;animation:sheen 12s var(--e-io) infinite;box-shadow:0 30px 56px -24px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.35);transition:transform .3s var(--e-out),box-shadow .3s}
.bmed .coin{width:clamp(88px,6.4vw,128px)}
.bmed .coin::after{content:"";position:absolute;inset:4px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),inset 0 12px 26px rgba(255,255,255,.12),inset 0 -20px 34px rgba(0,0,0,.45);pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 35%)}
.bmed .coin img,.med .coin img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg2);transition:opacity .5s,transform .45s var(--e-out)}
.coin:not(.ready) img{opacity:0}
.bmed .ix{font:400 9px var(--mono);letter-spacing:.16em;color:var(--acc-m)}
.bmed .nm{font:400 clamp(15px,1.02vw,19px)/1.14 var(--disp);letter-spacing:-.01em;text-align:center;max-width:190px;text-wrap:balance;color:color-mix(in srgb,var(--ivory) 92%,transparent)}
.bmeds.hovering .bmed:not(.hot){filter:brightness(.55) saturate(.8)}
.bmed.hot .coin{transform:translateY(-4px) scale(1.045);box-shadow:0 44px 80px -26px rgba(0,0,0,.9),0 0 50px -12px var(--acc-m)}
.bmed.hot .coin img{transform:scale(1.05)}
.br.leaving .bmed{opacity:0!important;transform:scale(.88);transition-duration:.4s;transition-delay:0s!important}
.br.leaving .bmed.picked{transform:scale(1.9);transition:opacity .6s .15s,transform .8s var(--e-out)}
.br.leaving .br-head{opacity:0;transition:opacity .35s}
.br-hint{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);margin:0;font-size:9.5px;color:color-mix(in srgb,var(--ivory) 55%,transparent)}
/* screen 3 — detail panel refinements */
.panel-top{align-items:flex-start;gap:18px}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:9.5px;color:color-mix(in srgb,var(--ivory) 58%,transparent);max-width:78%}
.crumb button{color:inherit;letter-spacing:.14em;text-transform:uppercase;padding:2px 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s;text-align:left}
.crumb button:last-child{color:var(--acc-m)}
.crumb button:hover{color:var(--acc-h);border-color:currentColor}
.crumb i{font-style:normal;opacity:.45}
.panel-title{font-size:clamp(36px,2.9vw,60px)}
.panel-title.long{font-size:clamp(31px,2.4vw,50px)}.panel-title.xlong{font-size:clamp(27px,2vw,42px)}
.acc-h strong b.mono{display:inline-block;font-size:9px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--acc-m) 60%,transparent);border-radius:99px;vertical-align:middle;margin-left:8px;color:var(--acc-m);-webkit-text-fill-color:var(--acc-m);letter-spacing:.1em}
.chips-l{list-style:none;margin:0 0 20px 44px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips-l li{font-size:13px;line-height:1.3;padding:8px 12px;border-radius:99px;border:1px solid color-mix(in srgb,var(--acc) 34%,transparent);background:color-mix(in srgb,var(--bg0) 30%,transparent);color:color-mix(in srgb,var(--ivory) 90%,transparent)}
.acc-i.open .acc-b .chips-l{animation:rvIn .5s var(--e-out) .1s backwards}
@keyframes rvIn{from{opacity:0;transform:translateY(8px)}}
.panel-nav .mono{white-space:nowrap}
/* brand lock in the nav */
.wm span{white-space:nowrap}
@media (max-width:900px){
  .wm span{font-size:12.5px;letter-spacing:.12em}.wm small{font-size:8px;letter-spacing:.26em}
  .br-head{left:var(--gut);right:var(--gut);top:10vh;width:auto}.br-main{display:none}.br-short{font-size:14.5px}
  .br-title{font-size:clamp(30px,8.6vw,40px)}.br-title.long,.br-title.xlong{font-size:clamp(26px,7.4vw,34px)}
  .crumb-back{margin-bottom:14px}
  .bmeds{left:0;right:0;top:auto;bottom:6vh;height:36vh;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 26vw;align-items:center;scrollbar-width:none}
  .bmeds::-webkit-scrollbar{display:none}
  .bmed{flex:0 0 42vw;scroll-snap-align:center}.bmed .coin{width:34vw}.bmed .nm{font-size:15px}
  .br-hint{display:none}
  .panel-title{font-size:9.5vw}.panel-title.long{font-size:8vw}.panel-title.xlong{font-size:7vw}
  .crumb{max-width:70%}
  .chips-l{margin-left:0}
}
.br-main{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){.br-main{display:none!important}.br-head .eyebrow{margin-bottom:10px}}

/* v7 — copy & typographic stability */
.ln .ch{transition-delay:calc(var(--l,0)*90ms)!important}
.hero-sub{position:absolute;left:0;right:0;top:62%;margin:0;text-align:center;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .6s var(--e-soft),transform .8s var(--e-out)}
.hero-sub span{font:400 11px/1 var(--mono);letter-spacing:.42em;text-transform:uppercase;color:var(--acc-h);padding:9px 16px 9px 22px;background:color-mix(in srgb,var(--bg0) 45%,transparent);border-radius:99px}
body.subon .hero-sub{opacity:1;transform:none}
.disp,.br-title,.panel-title,.steps-intro,.principles strong{text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:manual}
.body,.lede,.br-short,.panel-short{text-wrap:pretty}
.buro-a .disp{max-width:12ch}
.tm-t .body,.dij-t .body,.ekip-h .body,.buro-a .body{max-width:40ch}
@media (max-width:900px){.hero-sub span{font-size:9.5px;letter-spacing:.3em}}
.buro-a .disp{max-width:none;font-size:clamp(40px,3.6vw,80px)}
.dijital .pin::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--bg0) 88%,transparent) 0%,color-mix(in srgb,var(--bg0) 62%,transparent) 42%,transparent 68%)}
.dij-t{z-index:2}
@media (max-width:900px){.buro-a .disp{font-size:clamp(32px,8.8vw,44px)}.dijital .pin::before{background:linear-gradient(0deg,color-mix(in srgb,var(--bg0) 92%,transparent) 0%,color-mix(in srgb,var(--bg0) 70%,transparent) 55%,transparent 85%)}}@media (max-width:900px){.temsil .pin::after{content:'';position:absolute;left:0;right:0;bottom:0;height:52vh;z-index:3;pointer-events:none;background:linear-gradient(0deg,color-mix(in srgb,var(--bg0) 94%,transparent) 30%,transparent)}.tm-t{z-index:4}.tm-note{z-index:4}}

/* v8 — final copy & typography: whole-line reveal, no mid-word breaks, quotes */
.ln > span{transform:translateY(112%);transition:transform .85s var(--e-out)}
.ln:nth-child(2) > span{transition-delay:.09s}.ln:nth-child(3) > span{transition-delay:.18s}
.in .ln > span{transform:none}
.tier-reduced .ln > span{transition-duration:.3s!important}
.disp,.disp em,.rw,.br-title,.panel-title,.steps-intro,.principles strong,.acc-h strong,.bmed .nm,.med .nm{word-break:keep-all;overflow-wrap:normal;hyphens:none}
.disp em{display:inline;padding:0 .06em 0 0;margin:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ln{padding:.18em 0 .12em;margin:-.18em 0 -.12em}
.first-t{width:min(860px,54vw)}
.disp.xl{font-size:clamp(50px,5.1vw,110px)}
.buro-a{width:min(740px,47vw)}.buro-a .disp{font-size:clamp(38px,3.2vw,70px)}
.rw em{font-style:italic;padding:0 .08em 0 0}
.reel-sub{position:absolute;left:50%;top:calc(50% + 9vw);transform:translateX(-50%);width:min(560px,80vw);margin:0;text-align:center;font-size:clamp(15px,1.02vw,18px);line-height:1.6;color:color-mix(in srgb,var(--ivory) 80%,transparent);z-index:2;transition:opacity .3s}
.quote{margin:clamp(28px,3vh,44px) 0 0;max-width:40ch;padding-left:18px;border-left:1px solid color-mix(in srgb,var(--acc) 55%,transparent)}
.quote blockquote{margin:0;font:italic 400 clamp(17px,1.2vw,22px)/1.38 var(--disp);letter-spacing:-.005em;color:color-mix(in srgb,var(--ivory) 90%,transparent)}
.quote blockquote i{display:block;margin-top:8px;font:400 12.5px/1.5 var(--ui);font-style:italic;color:color-mix(in srgb,var(--ivory) 52%,transparent)}
.quote figcaption{margin-top:10px;font-size:9.5px;color:var(--acc-m)}
.foot-quote{grid-column:1/-1;max-width:62ch;margin:0 0 26px}
@media (max-width:900px){
  .disp.xl{font-size:clamp(38px,10.6vw,50px)}
  .first-t{width:auto}
  .buro-a{width:auto}.buro-a .disp{font-size:clamp(28px,8vw,38px)}
  .buro-a .quote{display:none}
  .reel-sub{top:auto;bottom:10vh;width:calc(100% - 44px);font-size:14px}
  #qCicero{display:none}
  .quote blockquote{font-size:16px}
}

/* =====================================================================================
   v9 — RESPONSIVE SCALING SYSTEM: fluid sizes, compact desktop (901–1280), collision-free blocks
   ===================================================================================== */
.index{display:none!important}
.nav::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 36px);z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--bg0) 62%,transparent),transparent)}
.nav{padding:clamp(14px,1.6vw,26px) calc(var(--gut) + 8px)}
.menu-b,.agh-b,.snd{height:clamp(38px,2.6vw,44px)}
/* practice-area overview: head and medallion field share the width, never overlap */
.ov-head{width:min(500px,32vw)}
.meds{left:calc(var(--gut) + 8px + min(500px,32vw) + 3vw)}
.med{width:clamp(78px,7vw,150px)}
.med .nm{font-size:clamp(12.5px,.98vw,19px);width:136%;max-width:176px}
/* detail panel starts under the navigation */
.panel{top:clamp(70px,5.6vw,92px);border-top-left-radius:16px;padding-top:clamp(22px,2.2vw,34px);width:min(560px,40vw)}
.dt .panel{height:auto}
/* çalışma biçimi: steps layer only exists once opened */
.steps{visibility:hidden}body.stepsin .steps{visibility:visible}
body.stepsin .reel-eb{opacity:0;transition:opacity .4s}
/* temsil: the small film card never touches the text */
.tm-card{width:min(200px,12vw);aspect-ratio:4/3}
@media (max-height:900px){.tm-card{display:none}}
/* iletişim flows (not pinned): form never slides under the fixed navigation */
.iletisim{height:auto!important}.iletisim .pin{position:relative;height:auto;min-height:100vh;overflow:visible}
.ilt{position:relative;inset:auto;min-height:100vh;padding-top:clamp(110px,16vh,180px);padding-bottom:10vh}
.pal-m{display:none}
/* compact desktop 901–1280 */
@media (max-width:1280px) and (min-width:901px){
  .where{display:none}.snd .snd-t{display:none}
  .first-t{width:min(640px,56vw)}
  .principles{width:min(400px,34vw);right:calc(var(--gut) + 8px)}
  .buro-a{width:min(560px,50vw)}
  .ekip-t{gap:3vw}.team{gap:1.2vw}
  .glassui{right:calc(var(--gut) + 8px);width:min(460px,38vw)}
  .ilt{gap:4vw;padding-right:calc(var(--gut) + 8px)}
  .dt-rail{display:none}
  .bmeds{left:calc(var(--gut) + 8px + min(470px,31vw) + 3vw)}
}
@media (max-width:900px){
  .pal{display:none}.menu .pal-m{display:flex;position:static;opacity:1;margin:0 0 26px;width:max-content}
  .ilt{padding-top:13vh}
  .panel{top:auto;border-radius:18px 18px 0 0;width:auto}
}
@media (max-height:1150px){.tm-card{display:none}}
@media (max-width:900px){.dt .panel{height:min(70vh,calc(100vh - 110px))}}
@media (max-width:900px) and (max-height:820px){.ekip-t{padding-top:12vh}.team li:nth-child(n) .pf{aspect-ratio:4/3}.ekip-h .body{display:none}.team .lbl{display:none}}
/* ── v10 — owner round 28.09: approved copy, contact data, single lawyer profile, left-block measure, reel sub-line ── */
/* opening: brand stacked (Av. Aytunç Güney above, Hukuk ve Danışmanlık below) */
.ld-top{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px}
.ld-top .mono:first-child{color:color-mix(in srgb,var(--ivory) 88%,transparent)}
/* left description blocks: one measure; justified on desktop without hyphenation (last line left), ragged-pretty on small screens */
.first-t .lede,.hero-t .lede,.buro-a > p.body,.ov-head .body,.ekip-h .body,.tm-t .body,.dij-t .body,.ilt-a > p.body{max-width:38ch;hyphens:manual;text-wrap:pretty}
/* justification tested (_gapprobe): Turkish long words at this measure gave 4–14× word gaps → balanced line lengths instead (normal word spacing) */
.first-t .lede,.hero-t .lede,.buro-a > p.body,.ov-head .body,.ekip-h .body,.tm-t .body,.dij-t .body,.ilt-a > p.body,.pr-bio{text-wrap:balance;text-align:left}
@media (min-width:901px){.hero-t{width:min(460px,34vw)}}
/* "Dosyanın Takvimi" sub-line: same display face as the two big words, crisp ivory */
.reel-sub{font:400 clamp(19px,1.45vw,30px)/1.32 var(--disp);letter-spacing:-.012em;color:var(--ivory);width:min(740px,82vw);text-wrap:balance;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-shadow:0 2px 26px color-mix(in srgb,var(--bg0) 75%,transparent)}
/* contact data */
.contact dd a,.menu-adr a,.form-note a{color:inherit;border-bottom:1px solid color-mix(in srgb,var(--acc) 55%,transparent);transition:color .3s,border-color .3s}
.contact dd a:hover,.menu-adr a:hover,.form-note a:hover{color:var(--acc-h);border-color:var(--acc-h)}
.contact dd{line-height:1.45}.contact dd.brk,.foot-adr{overflow-wrap:anywhere}
.menu-adr{line-height:1.55}
/* single lawyer profile */
.team.solo{grid-template-columns:minmax(0,1fr);justify-items:end}
.team.solo .profile{width:min(660px,100%)}
.pr-card{position:relative;padding:clamp(22px,2.3vw,42px);background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);clip-path:inset(100% 0 0 0);transition:clip-path 1.1s var(--e-out)}
.ekip.in .pr-card{clip-path:inset(0 0 0 0)}
.pr-rim{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
.team.solo h3{font-size:clamp(28px,2.3vw,46px)}
.team.solo .lbl{margin-top:10px}
.pr-bio{margin:22px 0 0;font-size:clamp(15px,1vw,18px);line-height:1.6;color:color-mix(in srgb,var(--ivory) 84%,transparent);max-width:54ch;text-wrap:pretty}
.pr-dl{margin:26px 0 0;display:grid;gap:12px}
.pr-dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;border-top:1px solid color-mix(in srgb,var(--acc) 26%,transparent);padding-top:12px}
.pr-dl dt{color:var(--acc-m);font-size:10px}
.pr-dl dd{margin:0;font-size:15px;line-height:1.5;color:color-mix(in srgb,var(--ivory) 90%,transparent)}
.pr-bio,.pr-dl{opacity:0;transform:translateY(12px);transition:opacity .7s .6s,transform .8s .6s var(--e-out)}
.ekip.in .pr-bio,.ekip.in .pr-dl{opacity:1;transform:none}
@media (max-width:900px){
  .reel-sub{font-size:18px;line-height:1.36}
  .ilt-a .contact{display:grid;margin:24px 0 0}.contact div{grid-template-columns:78px minmax(0,1fr)}.contact dd{font-size:14.5px}
  .team.solo{grid-template-columns:1fr;justify-items:stretch}
  .pr-card{padding:18px 18px 20px}.team.solo h3{font-size:25px}
  .pr-bio{font-size:14px;line-height:1.55;margin-top:14px}
  .pr-dl{margin-top:16px;gap:8px}.pr-dl div{grid-template-columns:1fr;gap:4px;padding-top:9px}.pr-dl dd{font-size:13.5px}
}
@media (max-width:900px) and (max-height:820px){.pr-bio{display:none}.ekip-h .body{display:none}}

/* ── v11 — FINAL MASTER PASS ─────────────────────────────────────────────────────────────
   editorial-copy: ONE body-copy system for every left description block (01–09). Replaces the per-scene max-width
   overrides above (38ch/34ch/30ch/40ch…). Left-aligned, never justified; measure ≈ 45–65 characters; balanced lines. */
:root{--ec-size:clamp(16.5px,1.1vw,20px);--ec-lh:1.6;--ec-measure:56ch;--ec-color:color-mix(in srgb,var(--ivory) 86%,transparent)}
p.ec.ec{font-size:var(--ec-size);line-height:var(--ec-lh);max-width:min(var(--ec-measure),100%);text-align:left;text-wrap:balance;hyphens:manual;letter-spacing:.002em;color:var(--ec-color)}
p.ec.ec.dim{color:color-mix(in srgb,var(--ivory) 66%,transparent)}
p.ec.ec + p.ec.ec{margin-top:.85em}
.hero-t{width:min(640px,44vw)}
@media (max-width:1280px) and (min-width:901px){.hero-t{width:min(560px,46vw)}}
/* quotes: secondary editorial layer — paragraph → controlled gap → quote → small gap → source */
.quote.ec-quote,.buro-a .quote{margin-top:clamp(24px,3.4vh,46px);max-width:min(46ch,100%);padding-left:16px}
.ec-quote blockquote,.buro-a .quote blockquote{font-size:clamp(15.5px,1vw,19px);line-height:1.4;color:color-mix(in srgb,var(--ivory) 80%,transparent)}
.ec-quote blockquote i,.buro-a .quote blockquote i{font-size:12px;margin-top:6px;color:color-mix(in srgb,var(--ivory) 48%,transparent)}
.ec-quote figcaption,.buro-a .quote figcaption{margin-top:8px}
.ov-head .ec-quote + .all-b{margin-top:clamp(22px,3vh,36px)}
.first-t .ec-quote + .ctas{margin-top:clamp(22px,3vh,36px)}
/* 04: intro + its quote form the top group of the steps overlay */
.steps-top{display:flex;flex-direction:column;align-items:flex-start}
.steps .ec-quote{opacity:0;transform:translateY(14px);transition:opacity .8s .2s var(--e-soft),transform 1s .2s var(--e-out)}
body.stepsin .steps .ec-quote{opacity:1;transform:none}
/* 06: single profile card — two internal columns on wide screens */
.team.solo .profile{width:min(1000px,100%)}
.pr-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:0 clamp(26px,2.6vw,52px);padding:clamp(24px,2.3vw,44px) clamp(26px,2.6vw,48px)}
.pr-main h3{margin:0}
.pr-bio{max-width:62ch;font-size:clamp(14.5px,.92vw,17px);line-height:1.62;margin-top:18px}
.pr-h{margin:0 0 10px;font:500 13px/1.3 var(--ui);letter-spacing:.01em;color:var(--acc-m);text-transform:none}
.pr-h + ul{margin-bottom:22px}
.pr-areas,.pr-edu{list-style:none;margin:0;padding:0}
.pr-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;border-top:1px solid color-mix(in srgb,var(--acc) 26%,transparent)}
.pr-areas li,.pr-edu li{font-size:clamp(13.5px,.82vw,15px);line-height:1.35;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--ivory) 9%,transparent);color:color-mix(in srgb,var(--ivory) 90%,transparent)}
.pr-edu{border-top:1px solid color-mix(in srgb,var(--acc) 26%,transparent)}
.pr-edu li:last-child,.pr-areas li:nth-last-child(-n+2){border-bottom:0}
.pr-main,.pr-side{opacity:0;transform:translateY(12px);transition:opacity .7s .55s,transform .8s .55s var(--e-out)}
.pr-side{transition-delay:.7s}
.ekip.in .pr-main,.ekip.in .pr-side{opacity:1;transform:none}
.ekip-t{grid-template-columns:minmax(0,.85fr) minmax(0,1.9fr)}
@media (max-width:1280px) and (min-width:901px){.ekip-t{grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:3vw}.pr-areas{grid-template-columns:1fr}.pr-areas li:nth-last-child(2){border-bottom:1px solid color-mix(in srgb,var(--ivory) 9%,transparent)}}
@media (min-width:901px) and (max-height:820px){.ekip-t{padding-top:15vh;padding-bottom:6vh}.pr-card{padding-top:20px;padding-bottom:20px}.pr-bio{font-size:14px;line-height:1.55;margin-top:12px}.pr-areas li,.pr-edu li{padding:5px 0;font-size:13px}.pr-h{margin-bottom:6px}.pr-h + ul{margin-bottom:14px}}
/* mobile / tablet (≤900): real reflow — Avukatlar and İletişim flow like documents; quotes kept only where the scene flows */
@media (max-width:900px){
  p.ec.ec{font-size:15.5px;line-height:1.58;max-width:100%}
  .ec-quote{display:none}#qEkip{display:block}
  .ekip{height:auto!important}.ekip .pin{position:relative;height:auto;min-height:100vh;overflow:visible}
  .ekip-t{position:relative;inset:auto;display:block;padding:14vh var(--gut) 8vh}
  .ekip-h{margin-bottom:28px}.ekip-h .body{display:block!important}
  .pr-card{grid-template-columns:1fr;padding:22px 20px}.pr-side{margin-top:22px}
  .pr-bio{display:block!important;font-size:14.5px}
  .pr-areas{grid-template-columns:1fr 1fr}
  .team.solo .lbl{display:block!important}
}
@media (max-width:430px){.pr-areas{grid-template-columns:1fr}.pr-areas li:nth-last-child(2){border-bottom:1px solid color-mix(in srgb,var(--ivory) 9%,transparent)}}
/* v11b — keep the floating palette switcher clear of bottom-anchored copy */
@media (min-width:901px){.ekip-t{padding-bottom:max(9vh,104px)}}
@media (min-width:901px) and (max-height:720px){#pal{display:none}.menu .pal-m{display:flex;position:static;opacity:1;margin:0 0 26px;width:max-content}}
@media (min-width:901px) and (max-height:700px){#qIlk{display:none}}
/* v11c — contact rows: label above value where the column is narrow, so e-mail/KEP never break mid-address */
@media (min-width:901px) and (max-width:1180px){.contact div{grid-template-columns:1fr;gap:3px}.contact dd{font-size:15px}}
@media (max-width:380px){.contact div{grid-template-columns:1fr;gap:3px}}
@media (max-width:900px){.ov-head{width:auto}}

/* ── v13 — owner round 28.09 (targeted fixes, design frozen) ── */
:root{--ec-gap:clamp(24px,3.2vh,40px)}
/* quotes: same measure as the copy above them, balanced lines, one vertical rhythm (copy → gap → quote → gap → buttons) */
.quote.ec-quote{margin-top:var(--ec-gap);max-width:min(var(--ec-measure),100%)}
.ec-quote blockquote,.ec-quote blockquote i{text-wrap:balance}
.first-t .ec-quote + .ctas,.ov-head .ec-quote + .all-b{margin-top:var(--ec-gap)}
/* 05: medallions — labels reserve two lines so every coin sits on the same row line; symmetric field */
@media (min-width:901px){.meds{top:18vh;bottom:12vh}.med .nm{min-height:2.24em}}
/* 06: founder identity */
.ekip-role{margin:clamp(14px,1.4vw,22px) 0 0;font-size:11px;letter-spacing:.16em;color:var(--acc-m)}
.ekip-role + p.ec{margin-top:clamp(18px,1.8vw,28px)}
/* 06: profile card — one grid: name row across, then bio | lists starting on the same line; equal paddings */
.pr-card{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"head head" "bio side";padding:clamp(28px,2.4vw,46px)}
.pr-head{grid-area:head;padding-bottom:clamp(14px,1.4vw,22px);margin-bottom:clamp(18px,1.8vw,28px);border-bottom:1px solid color-mix(in srgb,var(--acc) 26%,transparent)}
.pr-head h3{margin:0}.pr-head .lbl{margin-top:10px}
.pr-card .pr-bio{grid-area:bio;margin-top:0;max-width:none}
.pr-card .pr-side{grid-area:side}
.pr-head,.pr-card .pr-bio{opacity:0;transform:translateY(12px);transition:opacity .7s .55s,transform .8s .55s var(--e-out)}
.ekip.in .pr-head,.ekip.in .pr-card .pr-bio{opacity:1;transform:none}
@media (max-width:900px){.pr-card{grid-template-columns:1fr;grid-template-areas:"head" "bio" "side";padding:22px 20px}.pr-card .pr-side{margin-top:22px}}
/* v13b — founder title fits its column in two lines; short desktop windows keep the card inside the screen */
@media (min-width:901px){.ekip-h .disp{font-size:clamp(34px,3.3vw,70px)}}
@media (max-width:1280px) and (min-width:901px){.pr-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-areas li:nth-last-child(2){border-bottom:0}.pr-areas li{font-size:12.5px}}
@media (min-width:901px) and (max-height:760px){#qEkip{display:none}.pr-card .pr-bio{font-size:13.5px;line-height:1.5}.pr-head{padding-bottom:10px;margin-bottom:14px}.pr-card{padding:20px 24px}.team.solo h3{font-size:clamp(24px,2vw,34px)}.ekip-t{padding-top:14vh}}
/* v13c — founder title legibility over the bright sky frame (same soft shadow treatment as the steps intro) */
.ekip-h .disp{text-shadow:0 2px 34px color-mix(in srgb,var(--bg0) 85%,transparent)}
.ekip-h .disp em{text-shadow:none;filter:drop-shadow(0 2px 20px color-mix(in srgb,var(--bg0) 92%,transparent))}

/* ── v14 — typo & alignment round (design frozen) ── */
/* 1) loader name: optical weight compensation — sturdier optical size + a fine gold contour so hairlines never vanish */
#bhOpen{font-variation-settings:"opsz" 28;font-weight:500}
#bhOpen .ch{-webkit-text-stroke:.007em color-mix(in srgb,var(--acc-h) 75%,transparent);paint-order:stroke fill}
/* 2) founder left block: ONE text column whose width is set by the title; copy and quote wrap inside it */
@media (min-width:901px){
  .ekip-h{width:max-content;max-width:100%}
  .ekip-h > :not(h2){width:0;min-width:100%;box-sizing:border-box}
  .ekip-h p.ec.ec{max-width:none;text-wrap:pretty}
  .ekip-h .ec-quote{max-width:none;margin-top:var(--ec-gap)}
  .ekip-h .ec-quote blockquote,.ekip-h .ec-quote blockquote i{text-wrap:pretty}
  .ekip-h .ekip-role + p.ec{margin-top:var(--ec-gap)}
}
/* 3–4) founder card: practice areas = strict 2-column grid, equal row heights, flowing top-to-bottom; education on the same grid */
.pr-areas,.pr-edu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,1.6vw,28px);border-top:1px solid color-mix(in srgb,var(--acc) 30%,transparent)}
.pr-areas{grid-template-rows:repeat(6,auto);grid-auto-flow:column}
.pr-areas li,.pr-edu li{display:flex;align-items:center;min-height:2.9em;padding:6px 0;line-height:1.3;border-bottom:1px solid color-mix(in srgb,var(--ivory) 9%,transparent)}
.pr-areas li:nth-child(6),.pr-areas li:nth-child(12),.pr-edu li{border-bottom:0}
.pr-areas li:nth-last-child(2){border-bottom:1px solid color-mix(in srgb,var(--ivory) 9%,transparent)}
.pr-areas li:nth-child(6){border-bottom:0}
.pr-h{margin:0 0 12px}
.pr-h + ul{margin-bottom:clamp(20px,2vw,30px)}
@media (min-width:901px) and (max-height:760px){.pr-areas li,.pr-edu li{min-height:2.6em;padding:3px 0}}
@media (max-width:430px){.pr-areas{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.pr-areas li:nth-child(6){border-bottom:1px solid color-mix(in srgb,var(--ivory) 9%,transparent)}.pr-edu{grid-template-columns:1fr}}
/* v14b — list items are not team cards: neutralise the inherited `.team li` column/centre layout */
.team .pr-areas li,.team .pr-edu li{flex-direction:row;justify-content:flex-start;align-items:center;gap:0;text-align:left}
@media (min-width:901px) and (max-height:820px){#qEkip{display:none}}
@media (min-width:901px) and (max-height:820px){.pr-areas li,.pr-edu li{min-height:2.45em;padding:3px 0}.pr-h + ul{margin-bottom:16px}.pr-head{padding-bottom:12px;margin-bottom:16px}}

/* ── v15 — final fix pack (design frozen) ── */
/* 1) gold italic headline lines: optical-weight compensation — sturdier optical size + fine gold contour so thin strokes (the italic “t” bar) never vanish */
.disp em,.rw em,.steps-intro em{font-variation-settings:"opsz" 30;-webkit-text-stroke:.011em color-mix(in srgb,var(--acc-h) 72%,transparent);paint-order:stroke fill}
.disp{font-variation-settings:"opsz" 56}
/* 2) Temsil figure: calmer exposure (highlights no longer burn to flat yellow) */
:root[data-pal="racing"]{--figf:sepia(.8) saturate(1.35) hue-rotate(-8deg) contrast(1.32) brightness(.7)}
:root[data-pal="obsidian"]{--figf:sepia(.65) saturate(1.05) hue-rotate(-18deg) contrast(1.32) brightness(.6)}
:root[data-pal="sapphire"]{--figf:grayscale(1) contrast(1.3) brightness(.66)}
/* 3) Avukat scene: short title → the text column keeps a reading width of its own */
@media (min-width:901px){.ekip-h{min-width:min(520px,100%)}}
/* 4) profile card: one grid — one gutter for bio|lists and between list columns; equal padding */
.pr-card{--pr-gut:clamp(24px,2.2vw,40px);grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);column-gap:var(--pr-gut);padding:clamp(28px,2.4vw,44px)}
.pr-areas,.pr-edu{column-gap:var(--pr-gut)}
.pr-card .pr-bio{text-wrap:pretty;hanging-punctuation:none}
.pr-edu{margin-top:0}
.pr-h{padding-top:0}
.pr-side .pr-h:not(:first-child){margin-top:clamp(6px,.8vw,12px)}
/* v15b — loader: the big name sits above the choice buttons on every desktop height (size also capped by height) */
@media (min-width:901px){.bh{font-size:clamp(90px,min(12.6vw,23vh),300px);padding-bottom:18vh}}

/* ── v16 — mobile/tablet acceptance fixes (≤900 only; desktop untouched) ── */
@media (max-width:900px){
  /* profile card: single natural column (a later desktop grid rule had leaked into mobile) */
  .pr-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "bio" "side"}
  .team.solo h3{font-size:clamp(24px,6.4vw,34px)}
  /* practice-area carousel: coin + two-line title always fit inside the strip */
  .med{flex:0 0 min(58vw,32vh)}
  /* Temsil note stays inside the viewport */
  .tm-note{left:20px;right:20px;width:auto}
}
@media (max-width:900px){
  /* loader: name size also capped by height; the tagline hangs just below the name instead of a fixed 33vh */
  .bh{font-size:min(22vw,16vh)}
  .ld-line{top:calc(15vh + 1.75 * min(22vw,16vh) + 10px)}
}