:root{
  --paper:#f6f4ef;
  --ink:#171717;
  --muted:#6f6b66;
  --line:rgba(23,23,23,.16);
  --lime:#d3ff43;
  --violet:#5c47ef;
  --sky:#cde5ff;
  --rail:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;width:100%;height:100%;object-fit:cover}
::selection{background:var(--lime);color:#111}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.noise{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E")}
.loader{position:fixed;inset:0;z-index:1200;background:#171717;color:#f6f4ef;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .78s cubic-bezier(.76,0,.22,1)}
.loader.done{transform:translateY(-102%)}
.loader-top,.loader-bottom{display:flex;justify-content:space-between;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.loader-word{font-size:clamp(5.5rem,17vw,17rem);font-weight:900;letter-spacing:-.105em;line-height:.72;overflow:hidden}
.loader-word span{display:block;transform:translateY(115%);animation:wordIn .62s .08s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes wordIn{to{transform:none}}
.rail{position:fixed;top:0;bottom:0;width:var(--rail);z-index:94;border-color:var(--line);background:rgba(246,244,239,.66);backdrop-filter:blur(14px);pointer-events:none}
.rail-left{left:0;border-right:1px solid var(--line)}
.rail-right{right:0;border-left:1px solid var(--line)}
.rail-logo{position:absolute;top:17px;left:50%;transform:translateX(-50%);font-size:1.05rem;font-weight:900;letter-spacing:-.06em;pointer-events:auto}
.rail-section{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#706c66}
.rail-index{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:700}
.rail-actions{pointer-events:auto;position:absolute;left:50%;top:16px;transform:translateX(-50%);display:grid;gap:8px}
.rail-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--ink);background:rgba(246,244,239,.82);display:grid;place-items:center;font-size:.8rem}
.rail-mail{pointer-events:auto;position:absolute;left:50%;bottom:18px;transform:translateX(-50%);writing-mode:vertical-rl;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.gridlines{position:fixed;left:var(--rail);right:var(--rail);top:0;bottom:0;z-index:0;pointer-events:none;display:grid;grid-template-columns:repeat(12,1fr);opacity:.24}
.gridlines i{border-right:1px solid rgba(23,23,23,.06)}
.gridlines i:first-child{border-left:1px solid rgba(23,23,23,.06)}
.page{margin:0 var(--rail);position:relative;z-index:2}
.bottom-nav{position:fixed;left:50%;bottom:17px;z-index:96;transform:translateX(-50%);padding:6px;display:flex;align-items:center;border-radius:999px;background:rgba(27,27,27,.87);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.17)}
.bottom-nav .signal{width:8px;height:8px;border-radius:50%;background:var(--lime);margin:0 6px;padding:0;flex:0 0 8px}
.bottom-nav a{height:34px;padding:0 13px;border-radius:999px;display:flex;align-items:center;color:#bbb;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:.22s}
.bottom-nav a.active,.bottom-nav a:hover{background:#fff;color:#111}
@media(hover:none) and (pointer:coarse){.cursor{display:none!important}}
.cursor{width:13px;height:13px;border-radius:50%;position:fixed;z-index:1001;background:#fff;mix-blend-mode:difference;left:-30px;top:-30px;pointer-events:none;transform:translate(-50%,-50%);transition:width .18s,height .18s}
.cursor.big{width:58px;height:58px}
.micro{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.display{margin:0;font-size:clamp(4.2rem,9.4vw,10rem);line-height:.95;letter-spacing:-.05em;font-weight:900;overflow-wrap:break-word}
.page-hero{min-height:100svh;padding:10vh 3vw 7vh;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at calc(72% + var(--mx,0)*3%) calc(25% + var(--my,0)*3%),rgba(196,216,255,.82),transparent 28%),radial-gradient(circle at 42% 48%,rgba(220,204,255,.6),transparent 24%),radial-gradient(circle at 70% 70%,rgba(211,255,67,.26),transparent 22%),var(--paper)}
.page-hero h1{position:relative;z-index:2;margin:.1em 0 0;font-size:clamp(5rem,16vw,16rem);line-height:.86;letter-spacing:-.055em;font-weight:900;overflow-wrap:break-word}
.page-hero .lead{position:relative;z-index:2;align-self:flex-end;width:min(46rem,60vw);font-size:clamp(1.35rem,2.7vw,2.65rem);line-height:1.02;letter-spacing:-.045em;margin:0}
.page-hero .lead b{color:var(--violet)}
.hero-orb{position:absolute;width:min(48vw,680px);aspect-ratio:1;right:-9vw;top:7vh;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff 0 5%,#e7ff8c 20%,#bcd9ff 55%,#8f7cff 100%);filter:saturate(.92) drop-shadow(0 50px 80px rgba(64,70,136,.2));transform:translate3d(calc(var(--mx,0)*-18px),calc(var(--my,0)*-14px),0);animation:float 8s ease-in-out infinite}
.hero-orb:after{content:"";position:absolute;inset:9%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 42%);filter:blur(10px)}
@keyframes float{50%{translate:-1.2% -2.2%;scale:1.025}}
.section{padding:9rem 3vw;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;gap:3rem;align-items:flex-end;margin-bottom:4rem}
.section-head h2{margin:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.95;letter-spacing:-.085em}
.section-head p{width:min(31rem,42vw);margin:0;font-size:1.1rem;line-height:1.45;color:var(--muted)}
.project-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.filter{border:1px solid var(--ink);background:transparent;padding:.7rem 1rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}
.filter.active,.filter:hover{background:var(--ink);color:#fff}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.project-card{min-height:68vh;position:relative;border-radius:1rem;overflow:hidden;background:#222;color:#fff}
.project-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.project-card:hover img{transform:scale(1.045)}
.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 62%)}
/*
  KAPAGI OLMAYAN MARKA.

  26 markanin 8'inin (Rosalia, YoguBox, Waffice, Rosamia, Burger Atolyesi,
  Vanilya Kokusu, Kervan Gida, Rollio) eski site yedeginde hic gorseli yoktu ve
  uydurma gorsel KONMADI. Markup bu durumda .project-placeholder basiyordu ama
  bu sinifin hicbir yerde stili YOKTU: kart 68vh koyu bir dikdortgen olarak
  aciliyor, sol ustunde tek bir beyaz harf duruyordu. Kirilma sessizdi -- sayfa
  200 doner, lint'in class-CSS eslesmesini olcen bir denetimi yoktu (artik var:
  lint 34).

  Panelden kapak yuklendiginde bu dal hic calismaz.
*/
.project-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#191919,#2a2a2a 60%,#141414)}
.project-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 30% 20%,var(--accent,var(--lime)),transparent 68%);opacity:.22}
.project-placeholder span{position:relative;font-size:clamp(6rem,16vw,13rem);line-height:1;font-weight:700;letter-spacing:-.07em;text-transform:uppercase;color:var(--accent,var(--lime))}
.project-placeholder.company-cover span{font-size:clamp(5rem,13vw,10rem)}
.project-card-copy{position:absolute;z-index:2;left:1.25rem;right:1.25rem;bottom:1.2rem;display:flex;justify-content:space-between;gap:2rem;align-items:end}
.project-card h3{margin:0;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.84;letter-spacing:-.075em}
.project-card p{margin:0;text-align:right;font-size:.75rem;text-transform:uppercase;line-height:1.5;letter-spacing:.08em}
.service-stack{border-top:1px solid var(--line)}
.service-block{display:grid;grid-template-columns:5rem .85fr 1.15fr;gap:2rem;padding:3rem 0;border-bottom:1px solid var(--line)}
.service-block .num{font-size:.75rem;font-weight:700}
.service-block h3{margin:0;font-size:clamp(3rem,6vw,6.5rem);line-height:.95;letter-spacing:-.075em}
.service-detail{display:grid;gap:2rem;align-content:start}
.service-detail>p{font-size:1.2rem;line-height:1.45;margin:0;max-width:39rem}
.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}
.tag-list span{border:1px solid var(--line);padding:.58rem .75rem;border-radius:999px;font-size:.75rem;text-transform:uppercase}
.process{background:#171717;color:#f5f2ec}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}
.process-step{padding:2rem 1.25rem 5rem;border-right:1px solid rgba(255,255,255,.2)}
.process-step:last-child{border-right:0}
.process-step small{font-size:.75rem;text-transform:uppercase;color:#999}
.process-step h3{font-size:2.2rem;letter-spacing:-.055em;margin:5rem 0 1rem}
.process-step p{font-size:1rem;line-height:1.5;color:#aaa;margin:0}
.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}
.story-panel{min-height:60vh;border-radius:1rem;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;background:#dbeaff}
.story-panel.dark{background:#211a43;color:#f4f1eb}
.story-panel.lime{background:var(--lime)}
.story-panel h3{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.08em}
.story-panel p{max-width:36rem;font-size:1.15rem;line-height:1.45;margin:0}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.fact{min-height:20rem;padding:1.5rem;border:1px solid var(--line);border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between}
.fact strong{font-size:clamp(4rem,7vw,7rem);letter-spacing:-.08em}
.fact p{font-size:1rem;line-height:1.45;margin:0;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}
.contact-intro h2{margin:0;font-size:clamp(4rem,9vw,9rem);line-height:.88;letter-spacing:-.075em}
.contact-intro p{font-size:1.2rem;line-height:1.5;max-width:35rem;color:var(--muted)}
.direct-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.pill{display:inline-flex;border:1px solid var(--ink);padding:.8rem 1rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;transition:.2s}
.pill:hover{background:var(--ink);color:#fff}
.brief-form{display:grid;gap:1.4rem}
.field{display:grid;gap:.5rem}
.field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:.9rem 0;border-radius:0;font-size:1.05rem;outline:none}
.field textarea{min-height:9rem;resize:vertical}
.submit{justify-self:start;border:0;background:var(--ink);color:#fff;border-radius:999px;padding:1rem 1.3rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.form-note{font-size:.8rem;color:var(--muted);line-height:1.4}
.cta{padding:8rem 3vw 10rem;background:linear-gradient(135deg,#cfecff,#d9ccff 58%,#e8ff91);display:flex;justify-content:space-between;align-items:end;gap:3rem}
.cta h2{margin:0;font-size:clamp(4rem,10vw,10rem);line-height:.95;letter-spacing:-.08em}
.cta a{flex:0 0 auto;border:1px solid var(--ink);padding:1rem 1.2rem;border-radius:999px;text-transform:uppercase;font-size:.75rem;font-weight:700}
.footer{background:#171717;color:#eeeae3;padding:3rem 3vw 6rem;padding-left:calc(var(--rail) + 3vw);padding-right:calc(var(--rail) + 3vw);display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:2rem}
.footer-logo{font-size:3rem;font-weight:900;letter-spacing:-.07em}
.footer small{font-size:.75rem;color:#888;text-transform:uppercase}
.footer p{font-size:.9rem;line-height:1.5;color:#b3b3b3;margin:.6rem 0 0}
[data-reveal]{opacity:0;transform:translateY(30px)}
[data-reveal].visible{opacity:1;transform:none;transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}

/* page-specific motion */
body[data-page="projects"] .project-card{opacity:0;transform:translateY(55px) rotate(.7deg)}
body[data-page="projects"] .project-card.card-visible{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
body[data-page="projects"] .project-card img{transform:scale(1.08) translateY(var(--image-shift,0px))}
body[data-page="projects"] .project-card:hover img{transform:scale(1.13) translateY(var(--image-shift,0px))}
body[data-page="services"] .service-block h3{transition:transform .55s cubic-bezier(.2,.7,.2,1),color .35s}
body[data-page="services"] .service-block.motion-active h3{transform:translateX(1.5vw);color:var(--violet)}
body[data-page="services"] .service-block .num{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
body[data-page="services"] .service-block.motion-active .num{transform:rotate(360deg)}
body[data-page="studio"] .story-panel{transform-style:preserve-3d;transition:transform .2s ease-out}
body[data-page="studio"] .fact strong{display:inline-block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
body[data-page="studio"] .fact:hover strong{transform:translateY(-10px) rotate(-3deg)}
body[data-page="contact"] .field{opacity:0;transform:translateX(35px)}
body[data-page="contact"] .brief-form.visible .field{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
body[data-page="contact"] .brief-form.visible .field:nth-child(2){transition-delay:.08s}
body[data-page="contact"] .brief-form.visible .field:nth-child(3){transition-delay:.16s}
body[data-page="contact"] .brief-form.visible .field:nth-child(4){transition-delay:.24s}
body[data-page="contact"] .brief-form.visible .field:nth-child(5){transition-delay:.32s}

/* client case studies */
.case-page{--client-accent:#d3ff43;--client-soft:#dbeaff;--client-ink:#171717}
.case-hero{min-height:100svh;display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;background:var(--client-soft);position:relative}
.case-hero-copy{padding:9vh 3vw 5vh;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
.case-kicker{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700}
.case-title{margin:.2em 0 0;font-size:clamp(5rem,11vw,12rem);line-height:.72;letter-spacing:-.1em;font-weight:900;animation:caseTitleIn .9s .35s both cubic-bezier(.2,.7,.2,1)}
.case-intro{font-size:clamp(1.25rem,2.2vw,2.15rem);line-height:1.04;letter-spacing:-.04em;max-width:34rem;margin:0}
.case-hero-media{position:relative;overflow:hidden;clip-path:inset(0 0 0 100%);animation:caseImageIn 1.05s .18s forwards cubic-bezier(.76,0,.22,1)}
.case-hero-media img{transform:scale(calc(1.08 - var(--case-scroll,0)*.04)) translateY(calc(var(--case-scroll,0)*24px));will-change:transform}
.case-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,color-mix(in srgb,var(--client-accent) 38%,transparent))}
@keyframes caseImageIn{to{clip-path:inset(0)}}
@keyframes caseTitleIn{from{opacity:0;transform:translateY(55px) skewY(4deg)}to{opacity:1;transform:none}}
.case-marquee{overflow:hidden;background:var(--client-accent);color:var(--client-ink);border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15)}
.case-marquee-track{display:flex;width:max-content;animation:caseMarquee 24s linear infinite;padding:.9rem 0;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.case-marquee-track span{padding-right:4rem}
@keyframes caseMarquee{to{transform:translateX(-50%)}}
.case-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;padding:9rem 3vw}
.case-summary h2{margin:0;font-size:clamp(4rem,8vw,8rem);line-height:.8;letter-spacing:-.085em}
.case-summary-copy{display:grid;gap:2.5rem;align-content:start}
.case-summary-copy>p{margin:0;font-size:clamp(1.25rem,2.2vw,2.2rem);line-height:1.12;letter-spacing:-.035em}
.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--line);padding-top:1.25rem}
.case-meta small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.55rem}
.case-meta strong{font-size:1rem}
.case-media-wide{height:92vh;overflow:hidden;position:relative;margin:0 3vw;border-radius:1rem}
.case-media-wide img{transform:scale(1.12) translateY(calc(var(--media-progress,0)*-6%));will-change:transform}
.case-media-label{position:absolute;left:1rem;bottom:1rem;background:rgba(246,244,239,.84);backdrop-filter:blur(12px);padding:.7rem .85rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.case-gallery{padding:1rem 3vw 9rem;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:38vh 38vh;gap:1rem}
.case-gallery figure{margin:0;border-radius:1rem;overflow:hidden;position:relative;background:var(--client-soft)}
.case-gallery figure:first-child{grid-row:1/3}
.case-gallery img{transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.case-gallery figure:first-child img{object-position:28% center;transform:scale(1.12)}
.case-gallery figure:nth-child(2) img{object-position:70% 20%;transform:scale(1.35)}
.case-gallery figure:nth-child(3) img{object-position:55% 78%;transform:scale(1.45)}
.case-gallery figure:hover img{transform:scale(1.52)}
.case-gallery figcaption{position:absolute;left:.8rem;bottom:.8rem;background:rgba(23,23,23,.72);color:#fff;backdrop-filter:blur(10px);padding:.55rem .7rem;border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.case-columns{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-column{padding:5rem 2rem;min-height:28rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.case-column:last-child{border-right:0}
.case-column small{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.case-column h3{margin:0;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.86;letter-spacing:-.07em}
.case-column p{margin:1.5rem 0 0;font-size:1rem;line-height:1.5;color:var(--muted)}
.case-outcomes{padding:9rem 3vw;background:var(--client-ink);color:#f6f4ef;display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.case-outcomes h2{margin:0;font-size:clamp(4rem,8vw,8rem);line-height:.8;letter-spacing:-.085em}
.case-outcomes-list{display:grid;align-content:start}
.case-outcomes-list div{padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.22);display:flex;justify-content:space-between;gap:2rem;font-size:1rem}
.case-outcomes-list span:last-child{color:var(--client-accent)}
.case-next{min-height:55vh;padding:5rem 3vw 8rem;background:var(--client-accent);display:flex;flex-direction:column;justify-content:space-between}
.case-next a{font-size:clamp(4.5rem,11vw,11rem);font-weight:900;line-height:.75;letter-spacing:-.095em}
.case-next a span{display:inline-block;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.case-next a:hover span{transform:translateX(2vw)}
.case-pagination{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}
.case-pagination>div:last-child{text-align:right}
.case-pagination a{font-size:clamp(3.2rem,7vw,7rem)}
body[data-client="sucree"]{--client-accent:#d7ff53;--client-soft:#e8efe2;--client-ink:#193a2d}
body[data-client="fenty"]{--client-accent:#ffb44a;--client-soft:#f0d8c2;--client-ink:#211915}
body[data-client="lisiya"]{--client-accent:#ff78b5;--client-soft:#f8d8e8;--client-ink:#35182b}
body[data-client="mykonos"]{--client-accent:#87d9ff;--client-soft:#d8eff8;--client-ink:#102a42}
body[data-client="bolbowl"]{--client-accent:#b9e36d;--client-soft:#e4edd7;--client-ink:#183629}
body[data-client="welmora"]{--client-accent:#d5a6ff;--client-soft:#eadcf5;--client-ink:#2c1740}
@media(max-width:1080px){:root{--rail:0px}.rail,.gridlines{display:none}.page{margin:0}.page-hero{padding-left:1.25rem;padding-right:1.25rem}.section,.cta{padding-left:1.25rem;padding-right:1.25rem}.page-hero .lead{width:min(42rem,70vw)}.service-block{grid-template-columns:4rem .8fr 1.2fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}}
@media(max-width:720px){.cursor{display:none}.bottom-nav{width:calc(100% - 18px);justify-content:center;bottom:max(9px,env(safe-area-inset-bottom))}.bottom-nav a{font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:0 .55rem}.bottom-nav .signal{padding:0}.page-hero{min-height:92svh;padding-top:6rem}.page-hero h1{font-size:23vw}.hero-orb{width:90vw;right:-37vw;top:18vh}.page-hero .lead{width:100%;font-size:1.4rem}.section{padding-top:6rem;padding-bottom:6rem}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:2.5rem}.section-head p{width:100%}.project-grid{grid-template-columns:1fr}.project-card{min-height:65vh}.project-card-copy{align-items:start;flex-direction:column}.project-card p{text-align:left}.service-block{grid-template-columns:2.5rem 1fr;padding:2rem 0}.service-detail{grid-column:2}.process-grid{grid-template-columns:1fr}.process-step,.process-step:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.process-step:last-child{border-bottom:0}.process-step h3{margin-top:3rem}.story-grid,.contact-layout{grid-template-columns:1fr}.story-panel{min-height:28rem}.fact-grid{grid-template-columns:1fr}.fact{min-height:15rem}.cta{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr;padding-bottom:7rem}}
@media(max-width:720px){.case-hero{grid-template-columns:1fr;min-height:auto}.case-hero-copy{min-height:72svh;padding:5.5rem 1rem 2rem}.case-title{font-size:25vw}.case-hero-media{height:68svh}.case-summary{grid-template-columns:1fr;padding:6rem 1rem}.case-meta{grid-template-columns:1fr}.case-media-wide{height:70svh;margin:0 1rem}.case-gallery{padding:1rem 1rem 6rem;grid-template-columns:1fr;grid-template-rows:60vh 34vh 34vh}.case-gallery figure:first-child{grid-row:auto}.case-columns{grid-template-columns:1fr}.case-column{min-height:22rem;border-right:0;border-bottom:1px solid var(--line);padding:3rem 1rem}.case-column:last-child{border-bottom:0}.case-outcomes{grid-template-columns:1fr;padding:6rem 1rem}.case-next{padding:4rem 1rem 7rem;min-height:45vh}.case-pagination{grid-template-columns:1fr}.case-pagination>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Honeypot: ekranda gorunmez, sekme sirasinda ve ekran okuyucuda yok.
   display:none yerine ekran disina tasiniyor — bazi botlar display:none alanlari atlar. */
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}