body{margin:0;background:#fff}
a{color:inherit}a:hover{opacity:.7}
.kp{font-family:"Inter Tight",system-ui,sans-serif;font-weight:500;font-size:16px;line-height:1.25;font-feature-settings:"liga","ss02","ss03","ss04","ss06";background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
.kp ::selection{background:var(--f10)}
.kp h1,.kp h2,.kp h3,.kp p,.kp ul{margin:0;font-weight:500}
.kp a{text-decoration:none}
.wrap{padding-left:40px;padding-right:40px;box-sizing:border-box}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}
.c-side{grid-column:1 / span 4}
.c-main{grid-column:5 / span 8;min-width:0}
.c-full{grid-column:1 / -1;min-width:0}
.display{font-size:clamp(36px,5.14vw,74px);line-height:.975;letter-spacing:-.02em;margin-left:-.07em !important}
.h2{font-size:clamp(22px,1.81vw,26px);line-height:1.16;letter-spacing:-.01em}
.title{font-size:26px;line-height:1}
.cap{font-size:13px;line-height:1.25}
.f50{color:var(--f50)}
.ul{text-decoration:underline !important;text-decoration-color:var(--f25) !important;text-decoration-thickness:2px !important;text-underline-offset:.14em}
.sec{padding-top:320px;scroll-margin-top:-84px}
#intro{scroll-margin-top:0}
.hdr{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px}
.hdr-r{display:flex;align-items:center;gap:16px}
.burger{display:none}
.rbtn{width:48px;height:48px;border-radius:24px;border:0;background:var(--f5);color:var(--fg);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font:inherit}
.rbtn:hover{background:var(--f15)}.rbtn:active{background:var(--f20)}
.nav a{display:block;padding:1px 0;color:var(--f50)}
.nav a:hover{color:var(--fg);opacity:1}
.nav a.on{color:var(--fg)}
.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-left:-10px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{background:none;border:0;padding:12px 10px;min-height:44px;font:inherit;color:var(--f50);cursor:pointer;white-space:nowrap}
.tab:hover{color:var(--fg)}
.tab.on{color:var(--fg)}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:24px;background:var(--f5);color:var(--fg);box-sizing:border-box}
.btn:hover{background:var(--f15);opacity:1}
.btn.solid{background:var(--fg);color:var(--bg)}
.btn.solid:hover{opacity:.85;background:var(--fg)}
.ph{background:var(--f5);position:relative;display:flex;align-items:flex-end;padding:16px;box-sizing:border-box;color:var(--f50);font-size:13px;line-height:1.25;width:100%}
.ph::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--f5) 1px,transparent 1px),linear-gradient(90deg,var(--f5) 1px,transparent 1px);background-size:40px 40px}
.ph span{position:relative}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:80px}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:40px}
.rule{border-top:1px solid var(--f15)}
.disc{width:96px;height:96px;border-radius:48px;background:var(--f5);display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.dot{width:8px;height:8px;border-radius:4px;background:var(--fg);position:relative;flex:none}
.dot::after{content:"";position:absolute;inset:0;border-radius:4px;background:var(--f25);animation:pulse 2s cubic-bezier(.33,0,.2,1) infinite}
@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.dot::after{animation:none}}

.metrics{display:flex;flex-wrap:wrap;gap:8px 32px}
.menu{position:fixed;inset:0;z-index:99;background:var(--bg);padding:96px 20px 20px;display:flex;flex-direction:column;gap:4px}
.menu a{font-size:22px;line-height:24px;padding:10px 0}
@media (max-width:1280px){.c-side{grid-column:1 / span 2}.c-main{grid-column:3 / span 10}.display{font-size:6.35vw}}
@media (max-width:1020px){.wrap{padding-left:20px;padding-right:20px}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.c-side,.c-main{grid-column:1 / -1}.c-side{margin-bottom:24px}.display{font-size:clamp(36px,7.77vw,80px)}.h2{font-size:clamp(22px,2.74vw,26px)}.title{font-size:22px;line-height:24px}.sec{padding-top:240px;scroll-margin-top:-140px}.nav-col{display:flex;flex-wrap:wrap;column-gap:16px;padding-top:0 !important}}
@media (max-width:760px){.two,.three{grid-template-columns:minmax(0,1fr)}.two{row-gap:56px}.sec{padding-top:180px;scroll-margin-top:-84px}}
@media (max-width:500px){.wrap{padding-left:16px;padding-right:16px}.grid{column-gap:16px}.display{font-size:clamp(32px,7.5vw,40px);line-height:1}.h2{font-size:22px}.metrics{gap:8px 20px}.btn{flex:1 1 auto;justify-content:center}}
.kp{transition:background-color .3s,color .3s}
.navtxt,.nav a,.tab{font-family:"Inter Tight",system-ui,sans-serif;font-size:16px;line-height:1.25;font-weight:500;letter-spacing:0}
.aside{position:fixed;left:28px;bottom:28px;z-index:100}
.opts{display:flex;flex-direction:column;gap:8px}
.opt{width:48px;height:48px;border-radius:24px;background-color:var(--f5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;padding:0;margin:0;color:var(--fg);cursor:pointer;box-sizing:border-box}
.opt:hover{background-color:var(--f15)}
.opt:active{background-color:var(--f20)}
.opt.grid-btn{display:flex;align-items:center;justify-content:center}
.opt.grid-btn.on{background-color:var(--f20)}
.opt.theme{position:relative;transition:height .3s .62s}
.opt.theme .icon-c{display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:absolute;left:0;bottom:0;transition:bottom .5s ease-in-out;pointer-events:none}
.opt.theme .slider-c{width:48px;height:48px;border-radius:24px;transform:rotate(-90deg);transform-origin:left top;position:absolute;left:0;bottom:-48px;pointer-events:none;transition:width .3s .62s}
.opt.theme .dots{position:absolute;inset:0 auto auto 0;width:100%;padding:22px;box-sizing:border-box;display:flex;justify-content:space-between;pointer-events:none}
.opt.theme .dot{display:block;width:4px;height:4px;border-radius:2px;background-color:var(--f25);transform:translateX(-16px);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}
.opt.theme .dot:nth-child(4n+1){background-color:var(--fg)}
.opt.theme .slider{-webkit-appearance:none;appearance:none;width:100%;height:48px;margin:0;padding:0;outline:none;position:absolute;left:0;top:0;background:transparent;cursor:pointer}
.opt.theme .slider::-webkit-slider-runnable-track{background:transparent;height:48px}
.opt.theme .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-shadow:none;background:transparent;width:48px;height:48px;border-radius:24px;border:0;cursor:pointer}
.opt.theme .slider::-moz-range-track{background:transparent}
.opt.theme .slider::-moz-range-thumb{background:transparent;width:48px;height:48px;border:0;border-radius:24px}
.opt.theme .slider:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:24px}
.opt.theme.open{height:328px;transition:height .3s}
.opt.theme.open .icon-c{transition:bottom .3s ease !important;transition-delay:0s !important}
.opt.theme.open .slider-c{width:328px;transition:width .3s;pointer-events:auto}
.opt.theme.open .dot{transform:none;opacity:1;transition:transform .3s,opacity .3s}
.opt.theme .dot:nth-child(1){transition-delay:.32s}.opt.theme .dot:nth-child(2){transition-delay:.3s}.opt.theme .dot:nth-child(3){transition-delay:.28s}.opt.theme .dot:nth-child(4){transition-delay:.26s}.opt.theme .dot:nth-child(5){transition-delay:.24s}.opt.theme .dot:nth-child(6){transition-delay:.22s}.opt.theme .dot:nth-child(7){transition-delay:.2s}.opt.theme .dot:nth-child(8){transition-delay:.18s}.opt.theme .dot:nth-child(9){transition-delay:.16s}.opt.theme .dot:nth-child(10){transition-delay:.14s}.opt.theme .dot:nth-child(11){transition-delay:.12s}.opt.theme .dot:nth-child(12){transition-delay:.1s}.opt.theme .dot:nth-child(13){transition-delay:.08s}.opt.theme .dot:nth-child(14){transition-delay:.06s}.opt.theme .dot:nth-child(15){transition-delay:.04s}.opt.theme .dot:nth-child(16){transition-delay:.02s}.opt.theme .dot:nth-child(17){transition-delay:0s}
.opt.theme.open .dot:nth-child(1){transition-delay:0s}.opt.theme.open .dot:nth-child(2){transition-delay:.02s}.opt.theme.open .dot:nth-child(3){transition-delay:.04s}.opt.theme.open .dot:nth-child(4){transition-delay:.06s}.opt.theme.open .dot:nth-child(5){transition-delay:.08s}.opt.theme.open .dot:nth-child(6){transition-delay:.1s}.opt.theme.open .dot:nth-child(7){transition-delay:.12s}.opt.theme.open .dot:nth-child(8){transition-delay:.14s}.opt.theme.open .dot:nth-child(9){transition-delay:.16s}.opt.theme.open .dot:nth-child(10){transition-delay:.18s}.opt.theme.open .dot:nth-child(11){transition-delay:.2s}.opt.theme.open .dot:nth-child(12){transition-delay:.22s}.opt.theme.open .dot:nth-child(13){transition-delay:.24s}.opt.theme.open .dot:nth-child(14){transition-delay:.26s}.opt.theme.open .dot:nth-child(15){transition-delay:.28s}.opt.theme.open .dot:nth-child(16){transition-delay:.3s}.opt.theme.open .dot:nth-child(17){transition-delay:.32s}
.gov{position:fixed;inset:0;z-index:101;pointer-events:none;padding:0 40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}
.gov div{background-color:var(--f5);border-left:1px solid var(--f15);border-right:1px solid var(--f15)}
@media (prefers-reduced-motion:reduce){.kp,.opt.theme,.opt.theme *{transition:none !important}}
@media (max-width:1020px){.aside{left:8px;bottom:8px}.gov{padding:0 20px;grid-template-columns:repeat(6,minmax(0,1fr))}.gov div:nth-child(n+7){display:none}}
@media (max-width:760px){.gov{grid-template-columns:repeat(3,minmax(0,1fr))}.gov div:nth-child(n+4){display:none}}
@media (max-width:500px){.aside{left:4px;bottom:4px}.gov{padding:0 16px;column-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.gov div:nth-child(n+3){display:none}}
.slab{font-size:clamp(22px,1.81vw,26px);line-height:1.16;letter-spacing:-.01em;color:var(--fg)}
@media (max-width:1020px){.slab{font-size:22px}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.nav a{transition:color .3s}
@media (min-width:1021px){.nav-col{position:fixed;top:224px;left:40px;z-index:90}}
.pj{display:flex;flex-direction:column;color:var(--fg)}
.pj:hover{opacity:1}
.pj-top{display:flex;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid var(--f15);color:var(--f50);margin-bottom:40px}
.pj-title{transition:opacity .3s}
.pj-sum{color:var(--f50);margin-top:20px !important;max-width:24em}
.pj-media{overflow:hidden;margin-top:48px;background-color:var(--f5)}
.tile .pj-media{margin-top:0}
.pj-media img{display:block;width:100%;height:auto;object-fit:cover;transform:scale(1.001);transition:transform 1.2s cubic-bezier(.33,0,.2,1)}
.pj:hover .pj-media img,.tile:hover .pj-media img{transform:scale(1.04)}
.pj-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:24px;margin-top:32px}
.pj-stats>div{display:flex;flex-direction:column;gap:6px}
.pj-cta{margin-top:40px;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;min-height:44px}
.pj-arrow{display:inline-block;transition:transform .3s cubic-bezier(.33,0,.2,1)}
.pj:hover .pj-arrow{transform:translateX(8px)}
.soon{display:flex;flex-direction:column}
.soon-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px;padding:24px 0;border-bottom:1px solid var(--f15);color:var(--f33)}
.soon-row .display{color:var(--f33)}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:80px}
.tile{display:flex;flex-direction:column;gap:10px;color:var(--fg)}
.tile:hover{opacity:1}
.tile-meta{display:flex;justify-content:space-between;gap:20px;margin-top:10px}
.tile-soon{background-color:var(--f5);display:flex;align-items:flex-end;padding:16px;box-sizing:border-box}
@media (max-width:760px){.pj-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:minmax(0,1fr);row-gap:56px}.pj-top{margin-bottom:24px}.pj-media{margin-top:32px}}
@media (prefers-reduced-motion:reduce){.pj-media img,.pj-arrow{transition:none}}
.pl{border-top:1px solid var(--f15)}
.pl-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px 20px;padding:32px 0 36px;border-bottom:1px solid var(--f15);color:var(--f50);cursor:default}
a.pl-row[href]{cursor:pointer}
.pl-row:hover{opacity:1}
.pl-title{color:var(--f50);transition:color .3s}
.pl-meta{color:var(--f50);padding-bottom:.3em;transition:color .3s}
.pl-row.on .pl-title{color:var(--fg)}
.pl-row.on .pl-meta{color:var(--fg)}
.pl.is-hov .pl-row:not(.on) .pl-title{color:var(--f33)}
.pl-thumb{display:none}
.pv-wrap{position:fixed;left:0;top:0;width:280px;height:210px;margin:-105px 0 0 -140px;border-radius:16px;overflow:hidden;pointer-events:none;z-index:80;transition:transform .45s cubic-bezier(.33,0,.2,1)}
.pv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;opacity:0;transform:scale(.92);transition:opacity .3s,transform .45s cubic-bezier(.33,0,.2,1)}
.pv.on{opacity:1;transform:scale(1)}
@media (hover:none),(max-width:760px){.pv-wrap{display:none}.pl-thumb{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:16px;order:3;flex-basis:100%;margin-top:16px}.pl-title{color:var(--fg)}}
@media (prefers-reduced-motion:reduce){.pv-wrap,.pv{transition:opacity .2s}}
.pv-wrap.hide{display:none}
.pl.side{border-top:0}
.pl.side .pl-row:first-child{border-top:1px solid var(--f15)}
.pl.side .pl-row{position:relative;overflow:hidden;margin:0 -24px;padding-left:24px;padding-right:24px}
.pl.side .pl-row>*{position:relative;z-index:1}
.pl.side .pl-row::before{content:"";position:absolute;inset:0;border-radius:16px;background-color:var(--f5);transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.33,0,.2,1);z-index:0}
.pl.side .pl-row.on::before{transform:scaleX(1)}
.pl.side .pl-row::after{content:"";position:absolute;top:-60%;left:-25%;width:55%;height:220%;background:radial-gradient(closest-side,var(--f10),transparent);opacity:0;transition:opacity .5s;z-index:0;pointer-events:none}
.pl.side .pl-row.on::after{opacity:1;animation:pl-drift 3.6s ease-in-out infinite alternate}
@keyframes pl-drift{0%{transform:translate(0,0)}50%{transform:translate(90%,-6%)}100%{transform:translate(180%,4%)}}
.pl.side .pl-title{display:inline-block;transition:color .3s,transform .6s cubic-bezier(.33,0,.2,1)}
.pl.side .pl-row.on .pl-title{transform:translateX(12px)}
@media (hover:hover) and (min-width:761px){
.pl.side .pl-row{flex-wrap:nowrap}
.pl.side .pl-title{white-space:nowrap}
.pl.side .pl-meta{white-space:nowrap;transition:color .3s,opacity .3s,transform .6s cubic-bezier(.33,0,.2,1)}
.pl.side .pl-row.on .pl-meta{opacity:0;transform:translateX(-24px)}
.pl.side .pl-thumb{display:block;position:absolute;z-index:1;right:0;top:0;width:32%;max-width:380px;height:100%;object-fit:cover;border-radius:16px;opacity:0;transform:translateX(40px);transition:opacity .4s,transform .6s cubic-bezier(.33,0,.2,1);pointer-events:none}
.pl.side .pl-row.on .pl-thumb{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.pl.side .pl-row.on::after{animation:none}.pl.side .pl-row::before,.pl.side .pl-title,.pl.side .pl-thumb,.pl.side .pl-meta{transition:opacity .2s}}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;grid-auto-rows:minmax(0,auto)}
.bn{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:0;background-color:var(--f5);color:var(--fg);box-sizing:border-box;isolation:isolate;transition:transform .5s cubic-bezier(.33,0,.2,1),background-color .4s}
.bn:hover{opacity:1}
.bn::before{content:"";position:absolute;z-index:0;width:70%;aspect-ratio:1;left:-20%;top:-30%;border-radius:50%;background:radial-gradient(closest-side,var(--f10),transparent);opacity:0;transition:opacity .5s;pointer-events:none}
a.bn:hover{transform:translateY(-6px);background-color:var(--f10)}
a.bn:hover::before{opacity:1;animation:bn-drift 5s ease-in-out infinite alternate}
@keyframes bn-drift{0%{transform:translate(0,0)}50%{transform:translate(70%,40%)}100%{transform:translate(120%,90%)}}
.bn-a,.bn-b,.bn-c,.bn-d{grid-column:span 3;aspect-ratio:10 / 11}
.bn-wide{grid-column:span 6;aspect-ratio:16 / 8}
.bn{padding:28px;justify-content:space-between}
.bn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 28%,transparent 52%,rgba(0,0,0,.82) 100%)}
.bn-top,.bn-foot{position:relative;z-index:1}
.bn-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bn-tag{color:var(--fg)}
.bn-go{width:44px;height:44px;border-radius:22px;background-color:color-mix(in srgb,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex:none;transition:transform .5s cubic-bezier(.33,0,.2,1),background-color .3s,color .3s}
a.bn:hover .bn-go{background-color:var(--fg);color:var(--bg);transform:rotate(45deg)}
.bn-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:18px;background-color:color-mix(in srgb,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);font-size:13px}
.bn-media{position:absolute;inset:0;z-index:-2;border-radius:inherit;overflow:hidden;background-color:var(--f5)}
.bn-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.2s cubic-bezier(.33,0,.2,1)}
a.bn:hover .bn-media img{transform:scale(1.05)}
.bn-soon .bn-media img{filter:grayscale(.35) brightness(.85)}
.bn-foot{display:flex;flex-direction:column;gap:6px}
.bn-title{font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-.02em}
.bn-foot .f50{color:var(--fg);opacity:.8}
@media (max-width:760px){.bento{grid-template-columns:minmax(0,1fr);gap:16px}.bn-a,.bn-b,.bn-c,.bn-d,.bn-wide{grid-column:auto;aspect-ratio:4 / 5}.bn{border-radius:0;padding:20px}}
@media (prefers-reduced-motion:reduce){.bn,.bn-go,.bn-media img{transition:none}a.bn:hover::before{animation:none}a.bn:hover{transform:none}}
.ct-photo{display:block;width:200px;height:250px;object-fit:cover;object-position:center top;filter:grayscale(1);transition:filter 1s cubic-bezier(.4,0,.2,1)}
.ct-photo:hover{filter:grayscale(0)}
@media (hover:none){.ct-photo{filter:none}}
.ct-status{display:flex;align-items:center;gap:10px;margin-top:32px;color:var(--f50);font-size:16px;line-height:24px;letter-spacing:-.025em}
.ct-dot{position:relative;width:6px;height:6px;border-radius:3px;background:#00bc7d;flex:none;animation:ct-blink 1.6s ease-in-out infinite}
.ct-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#00bc7d;animation:ct-ring 1.6s cubic-bezier(.33,0,.2,1) infinite}
@keyframes ct-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes ct-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.ct-dot,.ct-dot::after{animation:none}}
.ct-title{margin:26px 0 0 0 !important;font-size:96px;line-height:.9;letter-spacing:-.05em;font-weight:700 !important}
.ct-accent{color:#00bc7d}
.ct-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:32px;font-size:16px;line-height:24px;letter-spacing:-.025em;font-weight:500}
.ct-links a{color:var(--f50);transition:color .2s}
.ct-links a:hover{color:var(--fg);opacity:1}
.ct-status,.ct-status span,.ct-links,.ct-links a,.ct-foot,.ct-foot span{font-family:"Inter Tight",system-ui,sans-serif !important;font-weight:500 !important;font-size:16px !important;line-height:24px !important;letter-spacing:-.025em !important;-webkit-font-smoothing:antialiased}
.ct-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:32px;padding-top:32px;border-top:1px solid var(--f15);color:var(--f50);font-size:16px;line-height:24px;letter-spacing:-.025em;font-weight:500}
@media (max-width:760px){.ct-title{font-size:48px}}
.opt.lang{position:relative;overflow:hidden;width:48px;height:48px;transition:height .3s .62s,background-color .2s}
.opt.lang.open{height:100px;transition:height .3s,background-color .2s}
.lang-row{position:absolute;left:0;bottom:0;width:48px;display:flex;flex-direction:column-reverse;gap:4px;transition:transform .3s .62s}
.opt.lang.open .lang-row{transform:none !important;transition:transform .3s}
.lang-o{all:unset;position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:"Inter Tight",system-ui,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;color:var(--f50);cursor:pointer;border-radius:24px;transition:color .3s}
.lang-o:hover{color:var(--fg)}
.lang-o.on{color:var(--fg)}
.lang-o:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
@media (prefers-reduced-motion:reduce){.opt.lang,.lang-row{transition:none !important}}
.bn{color:#ffffff}
.bn .bn-tag,.bn .bn-title,.bn .bn-foot .f50{color:#ffffff}
.bn-go,.bn-pill{background-color:rgba(0,0,0,.45) !important;color:#ffffff !important}
a.bn:hover .bn-go{background-color:#ffffff !important;color:#000000 !important}
.hdr{position:fixed !important;top:0;left:0;right:0;pointer-events:none}
.hdr a,.hdr button{pointer-events:auto}
.tabs{padding-top:30px;margin-top:-30px}
.tab{position:relative}
.tab-ic{position:absolute;left:50%;top:-12px;width:22px;height:22px;transform:translate(-50%,8px) scale(.7);opacity:0;transition:opacity .25s,transform .45s cubic-bezier(.33,0,.2,1);pointer-events:none;color:var(--fg)}
.tab:hover .tab-ic,.tab:focus-visible .tab-ic{opacity:1;transform:translate(-50%,0) scale(1)}
@media (prefers-reduced-motion:reduce){.tab-ic{transition:opacity .2s}}
.swap{display:inline-grid;overflow:hidden;vertical-align:top}
/* every link takes the width of its own label, so the gaps stay equal; the hover text may run past it */
.ct-links .swap{overflow:visible;clip-path:inset(0 -20em 0 -2px)}
.ct-links .swap:not([data-ct="cv"]) .sw-b{position:absolute;left:0;top:0;white-space:nowrap}
.ct-links .swap{position:relative}
.swap>span{grid-area:1 / 1;transition:transform .35s cubic-bezier(.33,0,.2,1),opacity .35s}
.swap .sw-b{transform:translateY(100%);opacity:0;color:var(--fg)}
/* only CV: its label is short, so it opens up on hover and nudges the phone number right */
.swap[data-ct="cv"] .sw-b{display:block;white-space:nowrap;overflow:hidden;max-width:0}
.swap[data-ct="cv"]>span{transition:transform .35s cubic-bezier(.33,0,.2,1),opacity .35s,max-width .35s cubic-bezier(.33,0,.2,1)}
.swap[data-ct="cv"]:hover .sw-b,.swap[data-ct="cv"]:focus-visible .sw-b{max-width:16em}
.swap:hover .sw-a,.swap:focus-visible .sw-a{transform:translateY(-100%);opacity:0}
.swap:hover .sw-b,.swap:focus-visible .sw-b{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.swap>span{transition:opacity .2s}}
.ct-pwrap{position:relative;width:200px;height:250px;overflow:hidden}
.ct-pwrap .ct-photo{transition:filter 1s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.33,0,.2,1)}
.ct-pwrap.on .ct-photo{filter:grayscale(0);transform:scale(1.06)}
.ct-badge{position:absolute;right:12px;bottom:12px;width:52px;height:52px;border-radius:26px;background:#00bc7d;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(16px) scale(.6) rotate(-12deg);transition:opacity .3s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.ct-badge svg{width:26px;height:26px}
.ct-pwrap.on .ct-badge{opacity:1;transform:none}
.ct-pwrap.on.mail .ct-badge svg{animation:ct-fly 1.4s ease-in-out infinite}
.ct-pwrap.on.tel .ct-badge svg{animation:ct-ring2 .9s ease-in-out infinite}
@keyframes ct-fly{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(2px,-3px) rotate(-8deg)}}
@keyframes ct-ring2{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.ct-badge,.ct-pwrap .ct-photo{transition:opacity .2s}.ct-badge svg{animation:none !important}}
.xp-list{border-top:1px solid var(--f15)}
.xp{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,1.3fr);column-gap:20px;row-gap:8px;padding:32px 0;border-bottom:1px solid var(--f15);align-items:baseline}
.xp-year{color:var(--f50);font-variant-numeric:tabular-nums}
.xp-main{display:flex;flex-direction:column;gap:6px}
.xp-desc{color:var(--f50);transition:color .3s}
.xp:hover .xp-desc{color:var(--fg)}
@media (max-width:1020px){.xp{grid-template-columns:120px minmax(0,1fr)}.xp-desc{grid-column:2}}
@media (max-width:500px){.xp{grid-template-columns:minmax(0,1fr)}.xp-desc{grid-column:auto}}
.tl{display:flex;flex-direction:column}
.tl-item{display:grid;grid-template-columns:120px 12px minmax(0,1fr);column-gap:32px}
.tl-year{display:flex;flex-direction:column;gap:4px;padding-bottom:72px}
.tl-rail{position:relative;display:flex;justify-content:center}
.tl-rail::before{content:"";position:absolute;top:12px;bottom:-12px;left:50%;width:1px;background:var(--f15);transform:translateX(-50%)}
.tl-item:last-child .tl-rail::before{display:none}
.tl-dot{position:relative;z-index:1;margin-top:9px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--fg);box-sizing:border-box;transition:background-color .3s,transform .3s}
.tl-item:first-child .tl-dot{background:var(--fg)}
.tl-item:hover .tl-dot{background:var(--fg);transform:scale(1.25)}
.tl-body{display:flex;flex-direction:column;gap:6px;padding-bottom:72px;max-width:40em}
.tl-desc{color:var(--f50);margin-top:10px !important;transition:color .3s}
.tl-item:hover .tl-desc{color:var(--fg)}
@media (max-width:760px){.tl-item{grid-template-columns:12px minmax(0,1fr);column-gap:20px}.tl-year{grid-column:2;grid-row:1;flex-direction:row;gap:8px;padding-bottom:8px}.tl-rail{grid-column:1;grid-row:1 / span 2}.tl-body{grid-column:2;padding-bottom:48px}.tl-year .f50::before{content:"— "}}
.acc{border-top:1px solid var(--f15)}
.ac{border-bottom:1px solid var(--f15)}
.ac summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;column-gap:24px;padding:28px 0;min-height:44px}
.ac summary::-webkit-details-marker{display:none}
.ac-name{font-size:clamp(32px,3.6vw,52px);line-height:1;letter-spacing:-.02em;color:var(--f50);transition:color .3s}
.ac[open] .ac-name,.ac summary:hover .ac-name{color:var(--fg)}
.ac-yr{color:var(--f50);font-variant-numeric:tabular-nums;white-space:nowrap}
.ac-ic{position:relative;width:16px;height:16px;justify-self:end}
.ac-ic::before,.ac-ic::after{content:"";position:absolute;left:0;top:7.5px;width:16px;height:1.25px;background:var(--fg);transition:transform .3s cubic-bezier(.33,0,.2,1)}
.ac-ic::after{transform:rotate(90deg)}
.ac[open] .ac-ic::after{transform:rotate(0)}
.ac-body{display:flex;flex-direction:column;gap:10px;padding:0 52px 32px 0;max-width:40em;animation:ac-in .45s cubic-bezier(.33,0,.2,1)}
@keyframes ac-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ac summary:focus-visible{outline:2px solid var(--fg);outline-offset:4px}
@media (max-width:500px){.ac summary{grid-template-columns:minmax(0,1fr) 20px;row-gap:6px}.ac-yr{grid-column:1;grid-row:2}.ac-ic{grid-column:2;grid-row:1}.ac-body{padding-right:0}}
@media (prefers-reduced-motion:reduce){.ac-body{animation:none}}
.gt{position:relative;display:flex;flex-direction:column;gap:56px;padding-top:8px}
.gt::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to right,var(--f10) 0,var(--f10) 1px,transparent 1px,transparent 10%);}
.gt-axis{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));font-size:13px;color:var(--f50);font-variant-numeric:tabular-nums}
.gt-axis span{padding-left:8px}
.gt-row{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));row-gap:16px}
.gt-line{grid-row:1;height:6px;background:var(--fg);border-radius:3px;transform-origin:left center;transition:transform .4s cubic-bezier(.33,0,.2,1)}
.gt-row.now .gt-line{background:linear-gradient(to right,var(--fg) 85%,var(--f25))}
.gt-label{grid-row:2;display:flex;flex-direction:column;gap:6px;max-width:34em;padding-left:8px}
.gt-co{font-size:clamp(22px,1.81vw,26px);line-height:1.16;letter-spacing:-.01em}
.gt-desc{color:var(--f50);margin-top:6px !important;transition:color .3s}
.gt-row:hover .gt-desc{color:var(--fg)}
@media (max-width:760px){.gt-axis span:nth-child(even){visibility:hidden}.gt-label{grid-column:1 / -1 !important;padding-left:0}}
.gt{overflow:hidden;isolation:isolate}
.gt-row{transition:opacity .35s}
.gt:hover .gt-row:not(:hover){opacity:.35}
.gt-line{position:relative;align-self:center;transition:height .3s cubic-bezier(.33,0,.2,1)}
.gt-line::before{content:"";position:absolute;left:0;right:0;top:-4000px;bottom:-4000px;z-index:-1;background:var(--f5);opacity:0;transition:opacity .35s;pointer-events:none}
.gt-line::after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:inherit;background:var(--fg);transform-origin:left center}
.gt-row:hover .gt-line{background:transparent}
.gt-line::before{display:none !important}
.gt-row:hover .gt-line::after{animation:gt-fill 1s cubic-bezier(.33,0,.2,1) both}
@keyframes gt-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gt-dur{position:absolute;left:100%;top:50%;margin-left:12px;transform:translate(-6px,-50%);white-space:nowrap;font-size:13px;line-height:1;color:var(--fg);opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.33,0,.2,1)}
.gt-row:hover .gt-dur{opacity:1;transform:translate(0,-50%);transition-delay:.8s}
.gt-row.now .gt-dur{left:auto;right:0;top:-18px;margin:0;transform:translateY(4px)}
.gt-row.now:hover .gt-dur{transform:none}
.gt-axis span{transition:color .25s;position:relative}
.gt-axis span.on{color:var(--fg)}
.gt-axis span::after{content:"";position:absolute;left:8px;right:12px;bottom:-6px;height:2px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .3s;transition-delay:inherit}
.gt-axis span.on::after{transform:scaleX(1)}
.gt-row:hover .gt-label{animation:gt-up .5s .1s cubic-bezier(.33,0,.2,1) both}
@keyframes gt-up{from{transform:translateY(6px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.gt-row:hover .gt-line::after,.gt-row:hover .gt-label{animation:none}.gt-axis span,.gt-axis span::after{transition:none}}
/* --- site build additions --- */
body{background:var(--bg)}
html[data-ui-lang="tr"] [data-l="en"],html:not([data-ui-lang="tr"]) [data-l="tr"]{display:none !important}
.ct-badge svg{display:none}
.ct-pwrap.mail .ct-badge .b-mail,.ct-pwrap.li .ct-badge .b-li,.ct-pwrap.tel .ct-badge .b-tel,.ct-pwrap.cv .ct-badge .b-cv{display:block}
/* --- audience review round --- */
.who{margin:0 0 28px !important;font-size:clamp(20px,1.81vw,26px);line-height:1.16;letter-spacing:-.01em;font-weight:500}
.who-name{color:var(--fg)}
.seclabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#work{padding-top:200px}
.soon-line{grid-column:1 / -1;margin-top:8px !important;font-size:16px;line-height:1.4}
.bn-wide .bn-media img{object-position:50% 50%}
.bn:focus-visible{outline:3px solid var(--fg);outline-offset:4px}
.gt-row:focus-visible{outline:2px solid var(--fg);outline-offset:6px}
@media (max-width:1020px){
  #work{padding-top:140px}
}
@media (max-width:760px){
  .tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;margin-left:-10px;margin-right:-20px;padding-right:20px;scroll-padding-left:0;-webkit-overflow-scrolling:touch}
  .tab{flex:0 0 auto;scroll-snap-align:start}
  .bn-wide .bn-media img{object-position:50% 50%}
  #work{padding-top:100px}
}
.ct-meta{margin:10px 0 0 !important;font-size:16px;line-height:24px;letter-spacing:-.025em}

/* mobilde bölüm menüsü sağ üstte; girişteki boşluk kısaldı */
@media (max-width:760px){#intro{padding-top:140px !important}}

/* sayfa geçişi: destekleyen tarayıcıda yumuşak geçiş, diğerlerinde sayfa hafifçe belirir */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ke-vt-out .22s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:ke-vt-in .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes ke-vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes ke-vt-in{from{opacity:0;transform:translateY(18px)}}
@supports not (view-transition-name:none){body{animation:ke-page-in .45s cubic-bezier(.2,.7,.2,1) both}}
@keyframes ke-page-in{from{opacity:0}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),body{animation:none !important}}