:root{--obsidian: #050607;--obsidian-2: #0a0c0e;--panel: #0e1114;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--white: #f4f6f5;--gray: #8b9499;--gray-dim: #565f63;--accent-h: 145;--accent-s: 100%;--accent-l: 50%;--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-soft: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .14);--accent-glow: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .5);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "Space Grotesk", ui-monospace, "SF Mono", Menlo, monospace;--fs-mega: clamp(3.2rem, 14vw, 13rem);--fs-h1: clamp(2.2rem, 6vw, 4.5rem);--fs-h2: clamp(1.6rem, 3.5vw, 2.6rem);--fs-lead: clamp(1rem, 1.6vw, 1.35rem);--fs-body: 1rem;--fs-small: .82rem;--pad-x: clamp(1.25rem, 5vw, 6rem);--section-y: clamp(5rem, 12vh, 11rem);--radius: 14px;--maxw: 1400px;--ease-out: cubic-bezier(.16, 1, .3, 1);--z-bg: 0;--z-content: 10;--z-cursor: 9999;--z-overlay: 9000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{background:var(--obsidian);color:var(--white);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}@media(hover:hover)and (pointer:fine){body.custom-cursor-on,body.custom-cursor-on *{cursor:none}}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none}img,canvas{display:block;max-width:100%}::selection{background:var(--accent);color:var(--obsidian)}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:.98;letter-spacing:-.02em}.mono{font-family:var(--font-mono);letter-spacing:.04em}.accent{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}#bg-canvas{position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none}.bg-gradient{position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,var(--accent-soft),transparent 60%),radial-gradient(50% 60% at 85% 80%,rgba(0,130,255,.1),transparent 60%),var(--obsidian);animation:drift 22s var(--ease-out) infinite alternate}@keyframes drift{to{background-position:8% 6%,-6% -4%,0 0}}main{position:relative;z-index:var(--z-content)}.shell{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad-x)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:var(--z-cursor);will-change:transform;mix-blend-mode:difference;display:none}body.custom-cursor-on .cursor-dot,body.custom-cursor-on .cursor-ring{display:block}.cursor-dot{width:6px;height:6px;background:var(--accent)}.cursor-ring{width:38px;height:38px;border:1.5px solid var(--accent);transition:width .25s var(--ease-out),height .25s var(--ease-out),background .25s var(--ease-out),opacity .25s var(--ease-out)}.cursor-ring.is-hover{width:64px;height:64px;background:var(--accent-soft)}.topbar{position:fixed;inset:0 0 auto;z-index:5000;display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--pad-x);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--gray);mix-blend-mode:difference}.topbar .brand{letter-spacing:.18em;color:var(--white)}.topbar .status{display:flex;align-items:center;gap:.5rem}.topbar .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow  portrait" "name     portrait" "subtitle portrait" "lead     portrait" "scroll   portrait";align-content:center;column-gap:clamp(1.5rem,4vw,3.5rem);padding:var(--section-y) var(--pad-x) 4rem}.hero .eyebrow{grid-area:eyebrow}.hero h1{grid-area:name}.hero .subtitle{grid-area:subtitle}.hero .lead{grid-area:lead}.hero .scroll-hint{grid-area:scroll}.hero-portrait{grid-area:portrait;align-self:center;justify-self:end;width:min(42vw,540px);margin-right:clamp(0rem,5vw,5rem);position:relative}.hero-portrait img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.05);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 42%,#000 54%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 42%,#000 54%,transparent 100%)}.hero-portrait:after{content:"";position:absolute;inset:8% 6%;z-index:-1;background:radial-gradient(ellipse at 50% 45%,var(--accent-glow),transparent 70%);opacity:.35;filter:blur(28px)}.hero-portrait:before{content:"";position:absolute;left:-2px;top:20%;bottom:20%;width:2px;background:linear-gradient(transparent,var(--accent),transparent);opacity:.55}.hero .eyebrow{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:1.5rem}.hero h1{font-size:var(--fs-mega);font-weight:700;letter-spacing:-.04em}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}.hero h1 .line>span{display:block;will-change:transform}.hero .subtitle{margin-top:1.5rem;font-family:var(--font-display);font-size:var(--fs-h2);color:var(--white);font-weight:500}.hero .lead{margin-top:1.75rem;max-width:46ch;color:var(--gray);font-size:var(--fs-lead)}.scroll-hint{margin-top:3.5rem;display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--gray-dim);letter-spacing:.1em}.scroll-hint .bar{width:46px;height:1px;background:var(--gray-dim);position:relative;overflow:hidden}.scroll-hint .bar:after{content:"";position:absolute;inset:0;background:var(--accent);transform:translate(-100%);animation:sweep 2.4s var(--ease-out) infinite}@keyframes sweep{60%,to{transform:translate(100%)}}.cf-turnstile{margin:.25rem 0 1.25rem}.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:3rem}.section-head .num{font-family:var(--font-mono);color:var(--accent);font-size:var(--fs-small)}.section-head h2{font-size:var(--fs-h1)}.stack{position:relative}.stack-track-wrap{height:100vh;overflow:hidden}.stack-track{display:flex;gap:1.5rem;height:100%;align-items:center;padding-inline:var(--pad-x);width:max-content;will-change:transform}.stack-intro{flex:0 0 auto;width:min(40vw,460px);padding-right:3vw}.skill-card{flex:0 0 auto;width:min(78vw,380px);height:64vh;background:linear-gradient(160deg,var(--panel),var(--obsidian-2));border:1px solid var(--line);border-radius:var(--radius);padding:2.2rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.skill-card:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0%,var(--accent-soft),transparent 55%);opacity:0;transition:opacity .4s var(--ease-out)}.skill-card:hover:before{opacity:1}.skill-card .card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.skill-card .idx{font-size:var(--fs-small);color:var(--accent);letter-spacing:.2em}.skill-card .topo{font-size:.72rem;color:var(--gray-dim);transition:color .3s}.skill-card:hover .topo{color:var(--accent)}.skill-card .card-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}.skill-card h3{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem)}.skill-card .sub{color:var(--accent);font-size:var(--fs-small);font-family:var(--font-mono);margin-top:.45rem}.skill-card .detail{color:var(--gray);font-size:.95rem;line-height:1.65;margin-top:1rem}.skill-card.is-open .detail{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skill-card .card-foot{position:relative;z-index:1}.skill-card .deep{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}.skill-card.is-open .deep{grid-template-rows:1fr}.skill-card .deep-inner{overflow:hidden}.deep-label{display:block;color:var(--gray-dim);font-size:.7rem;letter-spacing:.12em;margin:.9rem 0 .5rem}.signals{list-style:none;display:flex;flex-direction:column;gap:.4rem}.signals li{position:relative;padding-left:1.1rem;color:var(--white);font-size:.86rem}.signals li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.chips li{font-family:var(--font-mono);font-size:.74rem;color:var(--gray);border:1px solid var(--line);border-radius:999px;padding:.3rem .65rem;transition:border-color .3s,color .3s}.skill-card:hover .chips li,.skill-card.is-open .chips li{border-color:var(--line-strong);color:var(--white)}.card-toggle{display:inline-flex;align-items:center;gap:.6rem;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--accent);font-size:.78rem;letter-spacing:.08em;cursor:pointer}.card-toggle .sign{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--accent);border-radius:6px}.projects .project{min-height:100vh;display:flex;align-items:center;padding:var(--section-y) var(--pad-x);position:relative}.project .meta{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--accent);letter-spacing:.2em;margin-bottom:1.25rem}.project h3{font-size:var(--fs-h1);max-width:18ch}.project .status{display:inline-block;margin-left:.75rem;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--gray-dim);border:1px solid var(--line);border-radius:999px;padding:.2rem .7rem;vertical-align:middle}.project .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.75rem 0}.project .tags span{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:.3rem .7rem}.project p{max-width:60ch;color:var(--gray);font-size:var(--fs-lead)}.project .big-index{position:absolute;right:var(--pad-x);top:18%;font-family:var(--font-mono);font-size:clamp(6rem,22vw,20rem);font-weight:700;color:transparent;-webkit-text-stroke:1px var(--line-strong);z-index:-1;pointer-events:none}.project-grid{width:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center}.blueprint{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;background:var(--obsidian-2);box-shadow:inset 0 0 60px #00000080}.blueprint img{width:100%;height:100%;object-fit:cover;opacity:.95}.blueprint figcaption{position:absolute;left:3.5%;bottom:4%;font-size:.82rem;letter-spacing:.15em;color:var(--accent);z-index:3;text-shadow:0 0 5px var(--obsidian),0 0 5px var(--obsidian)}.blueprint .bp-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-glow),transparent);opacity:.55;z-index:2;animation:bpscan 5s linear infinite}@keyframes bpscan{to{top:100%}}.blueprint.is-placeholder{background-color:#060b0d;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px}.blueprint.is-placeholder:before{content:"";position:absolute;inset:14%;border:1px dashed var(--accent-soft);border-radius:6px;background:radial-gradient(7px 7px at 0% 0%,var(--accent) 60%,transparent 62%),radial-gradient(7px 7px at 100% 0%,var(--accent) 60%,transparent 62%),radial-gradient(7px 7px at 0% 100%,var(--accent) 60%,transparent 62%),radial-gradient(7px 7px at 100% 100%,var(--accent) 60%,transparent 62%),radial-gradient(7px 7px at 50% 50%,var(--accent) 60%,transparent 62%);opacity:.5}.blueprint.is-placeholder:after{content:"// görsel bekleniyor — blueprint-prompts.md";position:absolute;inset:auto 0 38%;text-align:center;font-family:var(--font-mono);font-size:.66rem;color:var(--gray-dim);letter-spacing:.1em}.timeline{padding:var(--section-y) var(--pad-x)}.git-tree{position:relative;margin-left:.5rem;border-left:1px solid var(--line-strong);padding-left:2.5rem;display:flex;flex-direction:column;gap:3.5rem}.commit{position:relative;opacity:0;transform:translateY(24px)}.commit:before{content:"";position:absolute;left:calc(-2.5rem - 7px);top:.4rem;width:13px;height:13px;border-radius:50%;background:var(--obsidian);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--obsidian),0 0 14px var(--accent-glow)}.commit .hash{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--accent)}.commit .role{font-family:var(--font-display);font-size:var(--fs-h2);margin-top:.35rem}.commit .company{color:var(--white);margin-top:.25rem}.commit .loc{color:var(--gray-dim);font-size:var(--fs-small);font-family:var(--font-mono)}.commit ul{margin-top:1rem;padding-left:1.1rem;color:var(--gray);display:flex;flex-direction:column;gap:.4rem}.contact{padding:var(--section-y) var(--pad-x) 6rem}.contact h2{font-size:var(--fs-mega);font-weight:700;line-height:.9}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;margin-top:3rem}.contact form{display:flex;flex-direction:column;gap:1rem}.field label{display:block;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--gray);margin-bottom:.4rem}.field label .opt{color:var(--gray-dim);letter-spacing:0}.field input,.field textarea{width:100%;background:var(--obsidian-2);border:1px solid var(--line);border-radius:10px;color:var(--white);padding:.9rem 1rem;font:inherit;transition:border-color .25s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.contact button[type=submit]{align-self:flex-start;font-family:var(--font-mono);letter-spacing:.1em;color:var(--obsidian);background:var(--accent);border-radius:999px;padding:.9rem 1.8rem;cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s}.contact button[type=submit]:hover{box-shadow:0 0 30px var(--accent-glow)}.form-note{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--gray-dim)}.contact .direct{display:flex;flex-direction:column;gap:1.2rem}.contact .direct a{font-family:var(--font-mono);color:var(--gray);border-bottom:1px solid var(--line);padding-bottom:.6rem;transition:color .25s}.contact .direct a:hover{color:var(--accent)}footer{padding:2rem var(--pad-x) 6rem;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--gray-dim);border-top:1px solid var(--line)}.term-trigger{position:fixed;bottom:1.4rem;right:1.4rem;z-index:var(--z-content);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--accent);border:1px solid var(--line-strong);border-radius:8px;padding:.5rem .8rem;background:#05060799;backdrop-filter:blur(8px);cursor:pointer;transition:border-color .25s,box-shadow .25s}.term-trigger:hover{border-color:var(--accent);box-shadow:0 0 22px var(--accent-glow)}.terminal{position:fixed;inset:auto 1.4rem 1.4rem auto;width:min(620px,calc(100vw - 2.8rem));height:min(60vh,440px);background:#080a0ceb;backdrop-filter:blur(14px);border:1px solid var(--line-strong);border-radius:12px;z-index:var(--z-overlay);display:none;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #0009}.terminal.open{display:flex}.terminal .bar{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--gray)}.terminal .bar .lights{display:flex;gap:.5rem;align-items:center}.terminal .bar .lights i{width:12px;height:12px;border-radius:50%;position:relative}.terminal .bar .lights i:before,.terminal .bar .lights i:after{content:"";position:absolute;opacity:0;transition:opacity .15s ease}.terminal .bar .lights:hover i:before,.terminal .bar .lights:hover i:after{opacity:1}.terminal .bar .lights i.red{background:#ff5f56;box-shadow:inset 0 0 0 .5px #00000040;cursor:pointer}.terminal .bar .lights i.red:hover{background:#ff7b73}.terminal .bar .lights i.yellow{background:#febc2e}.terminal .bar .lights i.green{background:#28c840}.terminal .bar .lights i.red:before,.terminal .bar .lights i.red:after{top:50%;left:50%;width:8px;height:1.6px;border-radius:1px;background:#000000b8}.terminal .bar .lights i.red:before{transform:translate(-50%,-50%) rotate(45deg)}.terminal .bar .lights i.red:after{transform:translate(-50%,-50%) rotate(-45deg)}.terminal .bar .lights i.yellow:before{top:50%;left:50%;width:8px;height:1.6px;border-radius:1px;background:#000000b8;transform:translate(-50%,-50%)}.terminal .bar .lights i.green:before{top:2.5px;left:2.5px;border-top:4px solid rgba(0,0,0,.72);border-right:4px solid transparent}.terminal .bar .lights i.green:after{bottom:2.5px;right:2.5px;border-bottom:4px solid rgba(0,0,0,.72);border-left:4px solid transparent}.terminal .bar .title{margin-left:auto;margin-right:auto}.terminal .screen{flex:1;overflow-y:auto;padding:1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;color:var(--white);white-space:pre-wrap;word-break:break-word}.terminal .screen .accent{color:var(--accent)}.terminal .screen .muted{color:var(--gray-dim)}.terminal .inputline{display:flex;gap:.5rem;padding:.7rem 1rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem}.terminal .inputline .prompt{color:var(--accent)}.terminal .inputline input{flex:1;background:none;border:none;color:var(--white);font:inherit;outline:none}.reveal{opacity:0;transform:translateY(28px)}@keyframes glitchBurst{0%{transform:translate(0);text-shadow:none}15%{transform:translate(-2px,1px) skew(-3deg);text-shadow:2px 0 var(--accent),-2px 0 #00e5ff}35%{transform:translate(2px,-1px) skew(2deg);text-shadow:-2px 0 var(--accent),2px 0 #ff00d4}55%{transform:translate(-1px);text-shadow:1px 0 #00e5ff,-1px 0 var(--accent)}to{transform:translate(0);text-shadow:none}}.glitch-active{animation:glitchBurst .42s steps(2,end)}.crt{position:fixed;inset:0;z-index:8000;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.22) 3px,transparent 4px);animation:crtFlicker 7s steps(40) infinite;opacity:.4}@keyframes crtFlicker{0%,to{opacity:.32}50%{opacity:.46}92%{opacity:.6}}.glitch-overlay{position:fixed;inset:0;z-index:8500;pointer-events:none;opacity:0}.glitch-overlay.flash{animation:glFlash .4s steps(3,end)}@keyframes glFlash{0%{opacity:0}10%{opacity:1;transform:translate(-5px);background:linear-gradient(transparent 38%,rgba(0,255,102,.07) 40%,transparent 43%)}35%{opacity:1;transform:translate(4px);background:linear-gradient(transparent 58%,rgba(0,229,255,.07) 60%,transparent 64%)}to{opacity:0;transform:none}}@keyframes glitchHard{0%{transform:translate(0);clip-path:inset(0 0 0 0);text-shadow:none}8%{transform:translate(-7px,2px);clip-path:inset(0 0 72% 0);text-shadow:5px 0 #ff003c,-5px 0 #00e5ff}16%{transform:translate(8px,-3px);clip-path:inset(38% 0 30% 0);text-shadow:-5px 0 #00ff66,5px 0 #ff00d4}26%{transform:translate(-6px,1px);clip-path:inset(70% 0 6% 0);text-shadow:6px 0 #00e5ff,-6px 0 #ff003c}38%{transform:translate(5px,2px);clip-path:inset(18% 0 54% 0);text-shadow:-4px 0 #00ff66,4px 0 #ff00d4}52%{transform:translate(-3px,-1px);clip-path:inset(0 0 0 0);text-shadow:3px 0 #00e5ff,-3px 0 #ff003c}70%{transform:translate(2px);text-shadow:none}to{transform:translate(0);clip-path:inset(0 0 0 0);text-shadow:none}}.glitch-hard{animation:glitchHard .55s steps(2,jump-none)}.glitch-overlay.surge{animation:surge .75s steps(9,jump-none)}@keyframes surge{0%{opacity:0;transform:translate(0)}6%{opacity:1;transform:translate(-12px) skew(.6deg);background:repeating-linear-gradient(0deg,rgba(0,255,102,.12) 0 2px,transparent 2px 6px)}18%{opacity:1;transform:translate(14px);background:linear-gradient(transparent 12%,rgba(255,0,60,.12) 13%,transparent 17%),linear-gradient(transparent 46%,rgba(0,229,255,.12) 47%,transparent 52%),linear-gradient(transparent 78%,rgba(0,255,102,.12) 79%,transparent 83%)}34%{opacity:1;transform:translate(-8px) translateY(3px);background:repeating-linear-gradient(0deg,rgba(0,229,255,.1) 0 1px,transparent 1px 4px)}52%{opacity:.9;transform:translate(6px);background:linear-gradient(transparent 30%,rgba(255,0,212,.12) 31%,transparent 36%),linear-gradient(transparent 64%,rgba(0,255,102,.12) 65%,transparent 70%)}74%{opacity:.7;transform:translate(-3px);background:transparent}to{opacity:0;transform:translate(0)}}.glitch-rgb{position:fixed;inset:0;z-index:8400;pointer-events:none;opacity:0;mix-blend-mode:screen}.glitch-rgb.on{animation:rgbShake .75s steps(7,jump-none)}@keyframes rgbShake{0%{opacity:0}10%{opacity:.55;transform:translate(7px);box-shadow:inset 12px 0 #ff003c38,inset -12px 0 #00e5ff38}30%{transform:translate(-9px) translateY(2px);box-shadow:inset -16px 0 #00ff6638,inset 16px 0 #ff00d42e}55%{transform:translate(5px);box-shadow:inset 10px 0 #00e5ff33,inset -10px 0 #ff003c33}to{opacity:0;transform:translate(0);box-shadow:none}}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}.stack-track-wrap{height:auto;overflow:visible}.stack-track{flex-direction:column;width:auto;align-items:stretch;gap:1.25rem;padding-block:3rem;transform:none!important}.stack-intro,.skill-card{width:auto}.skill-card{height:auto;min-height:56vh}.project .big-index{display:none}.project-grid{grid-template-columns:1fr;gap:2rem}.blueprint figcaption{font-size:.68rem;bottom:2.5%}.topbar{mix-blend-mode:normal;background:color-mix(in srgb,var(--obsidian) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding-block:.85rem;border-bottom:1px solid rgba(255,255,255,.06)}.topbar .status{font-size:.62rem}.hero{grid-template-columns:1fr auto;grid-template-areas:"eyebrow  eyebrow" "name     portrait" "subtitle subtitle" "lead     lead" "scroll   scroll";column-gap:clamp(.75rem,3vw,1.5rem)}.hero h1{align-self:center;font-size:clamp(3.6rem,16vw,6rem)}.hero .subtitle{margin-top:1rem}.hero-portrait{align-self:center;justify-self:end;width:min(48vw,235px);margin-right:0;margin-left:0}.hero-portrait:before{display:none}.hero-portrait:after{opacity:.45}}