/* instrument.com iskeleti. Tema: body[data-theme] + 0.35s geçiş, bölüm görünüme girince değişir. */
:root{
  --sans:'Instrument Sans',Helvetica,Arial,sans-serif;--serif:'Instrument Serif',Times,serif;
  --ease:cubic-bezier(.73,.24,.68,.82);--t:.35s;--radius:24px;--side:clamp(16px,2vw,32px);--gap:8px;
  --fg:#070708;--bg:#fff;--afg:#fff;--abg:#070708;--faded:rgba(7,7,8,.12);--line:rgba(7,7,8,.14);
}
body[data-theme=dark]{--fg:#e8e8e9;--bg:#070708;--afg:#070708;--abg:#e8e8e9;--faded:rgba(232,232,233,.14);--line:rgba(232,232,233,.16)}
body[data-theme=yellow]{--fg:#070708;--bg:#dbdf5e;--afg:#dbdf5e;--abg:#070708;--faded:rgba(7,7,8,.12);--line:rgba(7,7,8,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/24px var(--sans);letter-spacing:.025em;background:var(--bg);color:var(--fg);transition:background-color var(--t) ease-in-out,color var(--t) ease-in-out;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,figure{margin:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.label{font-size:12px;line-height:20px;letter-spacing:.11em;text-transform:uppercase;font-weight:500}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:3px 10px;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:500;background:var(--faded);transition:background var(--t),color var(--t)}
.pill:hover,.pill.on{background:var(--abg);color:var(--afg)}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 20px;font-size:18px;line-height:24px;letter-spacing:0;background:var(--abg);color:var(--afg);transition:transform .2s,opacity .2s}
.btn svg{width:20px;height:20px}
.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}
.side{padding:0 var(--side)}

/* header: sticky, aşağı scroll'da gizlenir, yukarı scroll'da küçük logoyla döner */
.hdr{position:relative;z-index:20}
.bar{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--side)}
.hdr .bar{opacity:0;transition:opacity .6s ease}
.hdr.ready .bar{opacity:1}
.bar nav{display:flex;gap:6px}
.bar nav.r{justify-content:flex-end}
.bar .mq{font-size:12px;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;overflow:hidden;max-width:52vw}
.bar .mq a{text-decoration:underline;text-underline-offset:3px}
.bar .mini{font-weight:600;font-size:22px;letter-spacing:-.05em;text-transform:uppercase;line-height:1}
/* kompakt sabit çubuk: büyük logo geçilince ve yukarı scroll'da görünür */
.top2{position:fixed;top:0;left:0;right:0;z-index:30;background:var(--bg);color:var(--fg);transform:translateY(-100%);transition:transform .2s ease-in-out,background-color var(--t),color var(--t)}
.top2.show{transform:none}
.wordmark{padding:0 var(--side);line-height:.78;font-family:var(--sans);font-weight:600;font-size:9vw;letter-spacing:-.05em;text-transform:uppercase;user-select:none;margin:10px 0 6px;white-space:nowrap;display:block}
.wordmark a{color:inherit;text-decoration:none}
.wordmark i{font-style:normal;display:inline-block;opacity:0;transform:translateY(.18em);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.hdr.ready .wordmark i{opacity:1;transform:none}
.wordmark .tag{display:inline-block;font-size:clamp(12px,1.5vw,24px);font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1;margin-left:1.4vw;vertical-align:baseline;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .8s ease 1.4s,transform .8s ease 1.4s}
.hdr.ready .wordmark .tag{opacity:1;transform:none}
@media(max-width:700px){.wordmark .tag{display:block;margin:6px 0 0;white-space:normal}}
/* intro: alt bloklar yukarı kayarak açılır */
.intro{opacity:0;transform:translateY(80px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
body.loaded .intro{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.wordmark i,.wordmark .tag,.intro,.hdr .bar{transition:none;opacity:1;transform:none}}
@media(max-width:900px){.hdr .bar{grid-template-columns:1fr auto}.hdr .mq,.hdr .mini{display:none}}

/* video feature */
.feature{margin-top:12px;height:min(56.25vw,92vh);position:relative;overflow:hidden;background:#101214;color:#e8e8e9}
.feature .reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature .track{position:absolute;inset:0;display:flex;gap:16px;align-items:center;padding:0 16px;animation:slide 40s linear infinite}
.feature .card{flex:0 0 clamp(220px,20vw,300px);height:78%;border-radius:12px;overflow:hidden;background:#1b1e21}
.feature .card img{width:100%;height:100%;object-fit:cover}
.feature .play{position:absolute;left:50%;top:50%;width:80px;height:80px;border-radius:50%;background:#070708;color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.feature .play svg{width:22px;margin-left:4px}
.feature .who{position:absolute;left:24px;top:24px;display:flex;align-items:center;gap:10px;font-weight:500}
.feature .who i{width:22px;height:22px;border-radius:50%;background:#ed4937;display:block}
@keyframes slide{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.feature .reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature .track{animation:none}}

/* text tout */
.tout{text-align:center;padding:96px var(--side)}
.tout.lg h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1.12;letter-spacing:-.02em;max-width:22ch;margin:0 auto}
.tout .btn{margin-top:32px}
.tout.sm{text-align:left;padding:120px var(--side)}
.tout.sm p{font-size:clamp(26px,2.5vw,36px);line-height:1.12;letter-spacing:-.025em;max-width:30ch}
.tout.sm .btn{margin-top:32px}

/* slogan + scroll ile aydınlanan metin */
.tout.slogan{padding:120px var(--side) 40px;text-align:left}
.tout.slogan h2{font-size:clamp(40px,6.4vw,110px);line-height:.95;letter-spacing:-.03em;max-width:none;margin:0;position:relative;display:block}
.tout.slogan h2 em{font-style:italic}
.tout.slogan .ghost{position:absolute;left:0;top:0;opacity:0;transition:opacity 1s ease .4s;white-space:nowrap}
.tout.slogan .step{display:inline-block;white-space:nowrap;transform:translateX(0);transition:transform 1.3s cubic-bezier(.65,0,.15,1) .5s}
.tout.slogan.moved .step{transform:translateX(var(--shift,40vw))}
.tout.slogan.moved .ghost{opacity:.14}
@media(prefers-reduced-motion:reduce){.tout.slogan .step{transition:none;transform:none}.tout.slogan .ghost{display:none}}
.why{padding-bottom:120px}
.scrollText{padding:56px var(--side) 0;max-width:1100px}
.scrollText p{font-size:clamp(24px,2.6vw,40px);line-height:1.2;letter-spacing:-.02em}
.scrollText p+p{margin-top:32px}
.scrollText i{font-style:normal;opacity:.18;transition:opacity .4s ease}
.scrollText i.on{opacity:1}
@supports(animation-timeline:view()){
  .scrollText i{transition:none;animation:lit linear both;animation-timeline:view();animation-range:entry 45% entry 70%}
  @keyframes lit{from{opacity:.18}to{opacity:1}}
}
.why .close{padding:64px var(--side) 0;font-family:var(--serif);font-size:clamp(28px,3.4vw,52px);line-height:1.1;letter-spacing:-.02em;max-width:26ch}
@media(prefers-reduced-motion:reduce){.scrollText i{opacity:1;animation:none}}
/* section head row */
.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--side);border-top:1px solid var(--line)}
.row .filters{display:flex;gap:6px}

/* work grid */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);padding:8px var(--side) 0}
.wcard figure{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:#ddd}
.wcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.wcard:hover img{transform:scale(1.04)}
.wcard h3{font-size:16px;font-weight:500;margin-top:14px}
.wcard span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-top:2px}
@media(max-width:900px){.grid4{grid-template-columns:1fr 1fr}}

/* festival vakası */
.festHead{padding:40px var(--side) 0;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}
.festHead h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.02em}
.festLogo{height:clamp(44px,5vw,72px);width:auto;filter:brightness(0)}
body[data-theme=dark] .festLogo{filter:none}
.festHead p{font-size:16px;line-height:24px;max-width:52ch;opacity:.85}
.posters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap);padding:40px var(--side) 0}
.posters figure{border-radius:var(--radius);overflow:hidden;background:var(--faded);aspect-ratio:4/5;position:relative}
.posters img{width:100%;height:100%;object-fit:cover}
.posters figcaption{position:absolute;left:16px;bottom:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--abg);color:var(--afg);padding:3px 10px;border-radius:999px}
.posters figure.missing img{display:none}
.posters figure.missing::before{content:"Afiş dosyası bekleniyor";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;opacity:.6}
.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);padding:8px var(--side) 0}
.roles div{border-radius:var(--radius);background:var(--abg);color:var(--afg);padding:24px;min-height:180px}
.roles h3{font-size:20px;font-weight:500;letter-spacing:-.01em}
.roles p{margin-top:10px;font-size:14px;line-height:20px;opacity:.8}
.lineup{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);padding:8px var(--side) 0}
.lineup figure{border-radius:var(--radius);overflow:hidden;background:var(--faded)}
.lineup img{width:100%;aspect-ratio:1;object-fit:cover}
.lineup figcaption{font-size:13px;line-height:18px;padding:12px 4px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);padding:8px var(--side) 0}
.stats div{border-radius:var(--radius);background:var(--abg);color:var(--afg);padding:24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
.stats b{font-size:clamp(40px,4vw,64px);line-height:.9;letter-spacing:-.04em;font-weight:500}
.stats span{font-size:14px}
@media(max-width:900px){.festHead,.roles,.stats{grid-template-columns:1fr 1fr}.posters{grid-template-columns:1fr}.lineup{grid-template-columns:1fr 1fr 1fr}}
/* logo row: tek renk siluet, sabit hücre (instrument.com mantığı) */
.logoRow{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap);padding:24px var(--side) 72px}
.logoRow div{height:120px;display:grid;place-items:center;overflow:hidden}
.logoRow img{display:block;height:52px;width:auto;max-width:80%;object-fit:contain;filter:brightness(0);opacity:.85}
.logoRow img.pad{height:120px;max-width:100%}
.logoRow img.jpg{filter:grayscale(1) invert(1) contrast(1.6);mix-blend-mode:multiply}
body[data-theme=dark] .logoRow img{filter:brightness(0) invert(1)}
body[data-theme=dark] .logoRow img.jpg{filter:grayscale(1) contrast(1.6);mix-blend-mode:screen}
@media(max-width:900px){.logoRow{grid-template-columns:repeat(3,1fr)}}

/* diptych */
.dip{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center;padding:96px var(--side);min-height:80vh}
.dip .txt{max-width:44ch}
.dip h3{font-size:28px;line-height:32px;letter-spacing:-.01em;font-weight:500}
.dip p{margin-top:16px;font-size:16px;line-height:24px;max-width:46ch;opacity:.85}
.dip .btn{margin-top:32px}
.dip figure{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:var(--faded)}
.dip img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.dip{grid-template-columns:1fr;gap:32px}}

/* purpose */
.purpose{padding:64px var(--side) 120px;display:grid;grid-template-columns:1fr 2fr;align-items:end;row-gap:0}
.purpose .w{font-family:var(--sans);font-weight:400;font-size:clamp(90px,15vw,240px);line-height:.86;letter-spacing:-.05em;color:var(--fg);opacity:.28;display:block}
.purpose .w.serif{font-family:var(--serif);font-style:italic;letter-spacing:-.03em}
.purpose .w1{grid-column:2;text-align:right;padding-right:6vw}
.purpose .w2{grid-column:1/-1;text-align:left}
.purpose .w3{grid-column:2;text-align:right;padding-right:2vw}
.purpose .p1,.purpose .p2{grid-column:1;max-width:34ch;font-size:16px;line-height:24px;align-self:start;padding-top:24px}
.purpose .p2 .btn{margin-top:24px;font-size:14px;padding:6px 16px}
@media(max-width:900px){.purpose{grid-template-columns:1fr}.purpose .w1,.purpose .w3,.purpose .p1,.purpose .p2{grid-column:1}.purpose .p1,.purpose .p2{margin:24px 0 40px}.purpose .w{font-size:22vw}}

/* news */
.news{padding:32px 0 0}
.news .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);padding:48px var(--side) 0}
.ncard .label{opacity:.6}
.ncard figure{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;margin-top:12px;background:var(--faded)}
.ncard img{width:100%;height:100%;object-fit:cover}
.ncard p{margin-top:14px;font-size:14px;line-height:20px}
.ncard p b{font-weight:500}
@media(max-width:900px){.news .cards{grid-template-columns:1fr 1fr}}

/* essay: iki sütun uzun metin */
.essay{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px;padding:48px var(--side) 96px}
.essay p{font-size:18px;line-height:28px;letter-spacing:.01em;max-width:52ch}
.essay p+p{margin-top:20px}
.essay b{font-weight:500}
.tout.sm em.serif{font-family:var(--serif);font-style:italic;letter-spacing:-.01em}
@media(max-width:900px){.essay{grid-template-columns:1fr;gap:20px}}

/* iletişim formu */
.contactSec{padding-bottom:96px}
.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:48px var(--side) 0;align-items:start}
.contactInfo .big{font-size:clamp(26px,2.5vw,36px);line-height:1.12;letter-spacing:-.025em;max-width:26ch}
.contactInfo .big em{font-family:var(--serif);font-style:italic;letter-spacing:-.01em}
.contactInfo dl{margin:40px 0 0;display:grid;gap:18px}
.contactInfo dt{font-size:12px;letter-spacing:.11em;text-transform:uppercase;opacity:.6}
.contactInfo dd{margin:4px 0 0;font-size:20px;letter-spacing:-.01em}
.form{display:grid;gap:18px;max-width:640px}
.form label{display:grid;gap:8px;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:500}
.form input,.form textarea{font:inherit;font-size:16px;letter-spacing:0;text-transform:none;color:var(--fg);background:var(--faded);border:1px solid var(--line);border-radius:14px;padding:14px 16px;width:100%}
.form input::placeholder,.form textarea::placeholder{color:var(--fg);opacity:.5}
.form input:focus,.form textarea:focus{outline:2px solid var(--fg);outline-offset:1px}
.form textarea{resize:vertical;min-height:150px}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .help{font-size:14px;line-height:20px;opacity:.7}
.form .btn{justify-self:start}
.form .ok{font-size:14px;color:var(--fg)}
@media(max-width:900px){.contactGrid{grid-template-columns:1fr;gap:40px}.form .two{grid-template-columns:1fr}}
/* footer */
.ftr{background:#e8e8e9;color:#070708;padding:56px var(--side) 24px}
.ftr .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ftr .nl .brandFoot{font-weight:600;font-size:22px;letter-spacing:-.05em;text-transform:uppercase;display:block}
.ftr .nl p{font-size:14px;max-width:30ch;margin-top:12px;opacity:.7}
.ftr .nl .btn{margin-top:20px;font-size:14px;padding:6px 16px;background:#070708;color:#fff}
.ftr ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px;font-size:14px}
.ftr .bottom{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;margin-top:96px;opacity:.7}
@media(max-width:900px){.ftr .top{grid-template-columns:1fr 1fr}}

/* ---- mobil ---- */
.menuBtn{display:none;width:44px;height:44px;border-radius:999px;background:var(--faded);justify-self:end;place-items:center;position:relative}
.menuBtn span{position:absolute;left:12px;right:12px;height:2px;background:currentColor;transition:transform .3s,top .3s}
.menuBtn span:first-child{top:17px}.menuBtn span:last-child{top:25px}
body.menuOpen .menuBtn span:first-child{top:21px;transform:rotate(45deg)}
body.menuOpen .menuBtn span:last-child{top:21px;transform:rotate(-45deg)}
.mobileMenu{position:fixed;inset:0;z-index:40;background:var(--bg);color:var(--fg);padding:90px var(--side) 40px;display:flex;flex-direction:column;justify-content:space-between}
.mobileMenu[hidden]{display:none}
.mobileMenu nav{display:grid;gap:6px}
.mobileMenu nav a{font-size:clamp(34px,10vw,48px);line-height:1.1;letter-spacing:-.03em;font-weight:500}
.mobileMenu p{font-size:15px;line-height:22px;opacity:.7}
body.menuOpen{overflow:hidden}
body.menuOpen .hdr,body.menuOpen .top2{z-index:50}
@media(max-width:900px){
  .bar{grid-template-columns:1fr auto;height:60px}
  .bar nav.l,.bar nav.r,.bar .mq{display:none}
  .hdr .bar{grid-template-columns:1fr auto}
  .top2.bar{grid-template-columns:1fr auto}
  .menuBtn{display:grid}
  .wordmark{font-size:14vw;margin:14px 0 8px}
  .wordmark .tag{display:block;margin:10px 0 0;font-size:12px;letter-spacing:.12em;white-space:normal;line-height:1.3}
  .feature{height:auto;aspect-ratio:16/9;margin-top:8px}
  .feature .who{left:14px;top:12px;font-size:13px}
  .row{flex-wrap:wrap;align-items:flex-start;gap:12px}
  .row .filters{flex-wrap:wrap;width:100%}
  .grid4{gap:12px}
  .tout{padding:64px var(--side)}
  .tout.slogan{padding:72px var(--side) 24px}
  .tout.slogan h2{font-size:clamp(34px,9vw,60px)}
  .scrollText p{font-size:clamp(20px,5.6vw,26px)}
  .why .close{padding-top:40px;font-size:clamp(24px,7vw,32px)}
  .purpose{padding:40px var(--side) 64px}
  .essay{padding:24px var(--side) 56px}
  .essay p{font-size:16px;line-height:24px}
  .festHead{grid-template-columns:1fr;gap:20px;padding-top:24px}
  .festHead h2 .festLogo{height:40px}
  .roles{grid-template-columns:1fr}
  .roles div{min-height:0}
  .contactGrid{padding-top:32px}
  .ftr .top{grid-template-columns:1fr 1fr;gap:28px}
  .ftr .nl{grid-column:1/-1}
}

/* ---- marka metinleri (2026-10-06) ---- */
.claim{padding:112px var(--side) 40px;text-align:center}
.claim h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5vw,76px);line-height:1.06;letter-spacing:-.02em;max-width:20ch;margin:0 auto}
.claim h2 em{font-style:italic;display:inline-block;padding-bottom:.06em}
.claim p{font-size:clamp(17px,1.4vw,20px);line-height:1.5;max-width:58ch;margin:28px auto 0;opacity:.85}
.claim .sign{font-weight:600;letter-spacing:-.01em;opacity:1;margin-top:20px}
.secHead{padding:40px var(--side) 8px;display:grid;gap:20px}
.secHead h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,54px);line-height:1.08;letter-spacing:-.02em;max-width:24ch}
.secHead h2 em{font-style:italic;display:inline-block;padding-bottom:.06em}
.secHead p{font-size:18px;line-height:28px;max-width:60ch;opacity:.85}
.svcList{list-style:none;margin:0;padding:40px var(--side) 96px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:0}
.svcList li{padding:28px 24px 32px 0;border-top:1px solid var(--line);display:grid;align-content:start;gap:10px}
.svcList .n{font-size:12px;letter-spacing:.11em;opacity:.55}
.svcList h3{font-size:22px;line-height:1.15;font-weight:600;letter-spacing:-.01em}
.svcList p{font-size:15px;line-height:22px;opacity:.82;max-width:34ch}
.stepList{list-style:none;margin:0;padding:32px var(--side) 112px;display:grid;gap:0;counter-reset:s}
.stepList li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:32px 0;border-top:1px solid var(--line)}
.stepList .n{font-family:var(--serif);font-size:clamp(48px,5vw,72px);line-height:.9;opacity:.9}
.stepList h3{font-size:clamp(22px,2vw,28px);line-height:1.15;font-weight:600;letter-spacing:-.015em}
.stepList p{font-size:17px;line-height:27px;max-width:64ch;margin-top:10px;opacity:.85}
.stepList .out{display:flex;gap:12px;align-items:baseline;margin-top:14px;opacity:1;font-size:15px}
.stepList .out b{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--abg);color:var(--afg)}
.contactInfo .sub{font-size:17px;line-height:26px;max-width:46ch;margin-top:20px;opacity:.8}
.storyEnd{padding:8px var(--side) 120px;max-width:1100px}
.storyEnd p{font-size:clamp(26px,2.8vw,42px);line-height:1.15;letter-spacing:-.02em}
.storyEnd p em,.mani .end em{font-family:var(--serif);font-style:italic}
.sign{display:inline-block;margin-top:24px;font-weight:600;font-size:15px;letter-spacing:.02em}
.mani{padding-bottom:120px}
.maniBody{padding:56px var(--side) 0;max-width:900px}
.maniBody h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.4vw,84px);line-height:1;letter-spacing:-.02em;margin-bottom:40px}
.maniBody p{font-size:clamp(19px,1.6vw,23px);line-height:1.5;max-width:46ch}
.maniBody p+p{margin-top:22px}
.maniBody .end{font-size:clamp(26px,2.8vw,40px);line-height:1.15;letter-spacing:-.02em;margin-top:48px}
@media(max-width:900px){
  .claim{padding:72px var(--side) 24px;text-align:left}.claim h2,.claim p{margin-left:0}
  .svcList{grid-template-columns:1fr 1fr;padding-bottom:64px}
  .stepList li{grid-template-columns:1fr;gap:8px}
}
@media(max-width:560px){.svcList{grid-template-columns:1fr}}

/* ---- logo videosu (2026-10-06): wordmark harflerinin yerine ---- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wordmark a{display:inline-flex;align-items:flex-end;gap:0}
.wordmark .logoVid{display:block;height:clamp(96px,12vw,200px);aspect-ratio:1032/408;width:auto;border-radius:clamp(10px,1vw,16px);background:#9b00dc;opacity:0;transform:translateY(14px);transition:opacity .9s ease .3s,transform .9s cubic-bezier(.16,1,.3,1) .3s}
.hdr.ready .wordmark .logoVid{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.wordmark .logoVid{transition:none;opacity:1;transform:none}}
@media(max-width:900px){.wordmark a{display:block}.wordmark .logoVid{height:auto;width:min(78vw,420px)}}