:root{--bg:#121416;--bg2:#1b1f20;--ink:#e9eae6;--muted:#a8ada9;--quiet:#828985;--stroke:#313737;--accent:#baccae;--sans:'DM Sans',system-ui,sans-serif;--display:'Jost',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--pad:clamp(20px,5vw,72px);--max:1520px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;max-width:100%}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);font-weight:300;letter-spacing:-.025em;line-height:1.09}.wrap{max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.micro{font:400 11px/1.55 var(--mono);letter-spacing:.10em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--muted)}.line{border-top:1px solid var(--stroke)}
.top{border-bottom:1px solid var(--stroke)}.topin{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top .brand{font:400 16px var(--display);letter-spacing:.04em}.back{font:400 11px var(--mono);letter-spacing:.04em;border:1px solid var(--stroke);border-radius:999px;padding:11px 17px;white-space:nowrap}.back:hover{border-color:var(--accent)}
.hero{padding:clamp(60px,8vw,118px) 0 clamp(60px,8vw,120px)}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;align-items:center}.intro{grid-column:span 5}.hero-image{grid-column:span 7}.intro h1{font-size:clamp(57px,7.5vw,124px);overflow-wrap:anywhere;line-height:.96;margin:24px 0 25px}.intro .subtitle{font:300 clamp(22px,2.6vw,34px)/1.28 var(--display);margin-bottom:26px}.intro .lead{color:var(--muted);font-size:16px;max-width:47ch}.details{border-top:1px solid var(--stroke);margin-top:36px;padding-top:17px;display:flex;flex-wrap:wrap;gap:15px 26px}.details span{font:400 11px var(--mono);color:var(--muted);letter-spacing:.04em}
.hero-figure{margin:0}.media-btn{display:block;position:relative;border:0;background:var(--bg2);padding:0;cursor:zoom-in;width:100%;overflow:hidden}.media-btn img{width:100%;height:auto;object-fit:contain}.hero-figure .media-btn{min-height:220px}.hero-figure img{max-height:690px;object-fit:contain}.media-btn:after{content:'↗  EXPAND';position:absolute;right:12px;bottom:12px;font:400 10px var(--mono);color:#e9eae6;background:rgba(18,20,22,.8);padding:9px 12px;opacity:0;transition:opacity .16s}.media-btn:hover:after,.media-btn:focus-visible:after{opacity:1}.fig-meta{display:flex;justify-content:space-between;gap:15px;padding-top:11px;font:400 10px/1.5 var(--mono);letter-spacing:.025em;color:var(--quiet)}
section.content-section{padding:clamp(62px,8vw,110px) 0;border-top:1px solid var(--stroke)}.section-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 24px;margin-bottom:clamp(26px,4vw,55px);align-items:end}.section-head .micro{grid-column:span 2;align-self:start;padding-top:9px}.section-head h2{grid-column:span 6;font-size:clamp(36px,4.8vw,72px)}.section-head .section-copy{grid-column:span 4;color:var(--muted);font-size:15px;max-width:47ch}.story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 26px;margin-bottom:46px}.story .callout{grid-column:span 4;font:300 clamp(21px,2.5vw,30px)/1.4 var(--display)}.story .story-copy{grid-column:6/span 6;color:var(--muted);max-width:67ch;font-size:15px}.visual-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,3vw,38px) 24px}.visual-grid figure{margin:0;grid-column:span 6;min-width:0}.visual-grid figure.wide{grid-column:span 12}.visual-grid figure.wide .media-btn img{max-height:860px;object-fit:contain}.visual-grid figure:not(.wide) .media-btn img{height:auto;max-height:550px;object-fit:contain}.visual-grid figure:not(.wide) .media-btn{min-height:150px;display:flex;align-items:center;justify-content:center}.caption{font:400 11px/1.5 var(--mono);color:var(--quiet);padding-top:12px}
.end{background:var(--bg2);padding:clamp(48px,7vw,96px) 0}.endline{display:flex;justify-content:space-between;align-items:end;gap:28px}.end h2{font-size:clamp(36px,5vw,70px);margin-top:18px}.end .fine{max-width:42ch;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--stroke);padding:25px 0}.footrow{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:400 10px var(--mono);color:var(--quiet)}
dialog.lightbox{border:0;background:rgba(8,10,12,.98);color:var(--ink);width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;overflow:hidden}dialog.lightbox::backdrop{background:rgba(0,0,0,.92)}.lb-inner{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px clamp(17px,3vw,42px);font:400 11px var(--mono)}.lb-close{background:none;border:1px solid var(--stroke);border-radius:100px;cursor:pointer;padding:9px 15px}.lb-stage{min-height:0;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 clamp(9px,2vw,30px)}.lb-stage img{height:100%;width:auto;max-width:min(100%,calc(100vw - 130px));object-fit:contain;min-width:0}.lb-arrow{flex:0 0 auto;background:none;border:1px solid var(--stroke);cursor:pointer;border-radius:100px;width:44px;height:44px;font-size:20px}.lb-bottom{text-align:center;color:var(--muted);font:400 11px var(--mono);padding:15px}.lb-close:hover,.lb-arrow:hover{border-color:var(--accent)}
@media(max-width:980px){.intro{grid-column:span 12}.hero-image{grid-column:span 12}.intro h1{max-width:12ch}.section-head .micro{grid-column:span 12}.section-head h2{grid-column:span 7}.section-head .section-copy{grid-column:span 5}.story .callout{grid-column:span 5}.story .story-copy{grid-column:7/span 6}}@media(max-width:640px){.topin{min-height:70px}.hero{padding:57px 0 64px}.intro h1{font-size:clamp(52px,13vw,80px)}.intro .lead{font-size:15px}.hero-grid{row-gap:30px}.section-head h2,.section-head .section-copy{grid-column:span 12}.story .callout,.story .story-copy{grid-column:span 12}.story{gap:20px;margin-bottom:30px}.visual-grid figure,.visual-grid figure.wide{grid-column:span 12}.visual-grid figure:not(.wide) .media-btn img{max-height:500px}.endline{display:block}.end .fine{margin-top:22px}.lb-arrow{width:35px;height:35px}.lb-stage img{max-width:calc(100vw - 90px)}.lb-top{padding:15px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media-btn:after{transition:none}}

/* XR case-study extensions — retain TEDAŞ 12-column tokens, scales and layout. */
.xr-hero-poster{display:block;overflow:hidden;border:1px solid var(--stroke);background:var(--bg2)}
.xr-hero-poster img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.xr-hero-poster figcaption,.xr-caption{display:block;font:400 11px/1.55 var(--mono);color:var(--quiet);padding:11px 0 0}
.xr-video{aspect-ratio:16/9;width:100%;display:block;border:0;background:#0b0d0e}
.xr-video-frame{overflow:hidden;background:var(--bg2);border:1px solid var(--stroke);width:100%;aspect-ratio:16/9}
.xr-video-frame iframe{width:100%;height:100%;display:block;border:0}
.xr-video-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 0;font:400 11px/1.5 var(--mono);color:var(--muted)}
.xr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.xr-copy{max-width:72ch;color:var(--muted);font-size:15px;line-height:1.78}
.xr-chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:clamp(55px,7vw,100px) 0;border-top:1px solid var(--stroke)}
.xr-chapter .xr-index{grid-column:span 2;padding-top:12px}
.xr-chapter .xr-main{grid-column:span 10}
.xr-chapter h2{font-size:clamp(38px,5vw,76px);line-height:1.07;max-width:17ch}
.xr-chapter .xr-sub{margin:18px 0 26px;max-width:66ch;color:var(--muted);font-size:15px}
.xr-chapter .xr-two{margin:35px 0}
.xr-chapter .xr-label{margin-top:20px}
.xr-tags{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}
.xr-tags span{display:inline-block;border:1px solid var(--stroke);padding:9px 12px;font:400 10px/1.4 var(--mono);color:var(--muted);letter-spacing:.05em}
.xr-archival{padding:17px 22px;border-left:1px solid var(--accent);background:var(--bg2);color:var(--muted);font-size:13px;line-height:1.8}
.xr-inline-link{display:inline-block;margin-top:17px;text-decoration:none;border-bottom:1px solid var(--accent);font:400 11px var(--mono);letter-spacing:.06em;padding-bottom:5px}
.xr-inline-link:hover{color:var(--accent)}
.xr-grid-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:25px 0}
.xr-grid-media figure{margin:0}
.xr-grid-media img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--bg2)}
.xr-grid-media figcaption{padding-top:8px;font:400 10px var(--mono);color:var(--quiet)}
.xr-break{display:block;margin:20px 0;border-top:1px solid var(--stroke)}
@media(max-width:900px){.xr-chapter .xr-index{grid-column:span 12}.xr-chapter .xr-main{grid-column:span 12}}
@media(max-width:700px){.xr-two,.xr-grid-media{grid-template-columns:1fr}.xr-chapter{gap:16px}.xr-chapter h2{font-size:clamp(36px,10vw,62px)}.xr-chapter .xr-two{margin:22px 0}}