:root{--bg: #0a0a0a;--bg-elevated: #101010;--surface: #141414;--surface-hover: #1a1a1a;--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .16);--text: #f5f5f4;--muted: rgba(245, 245, 244, .56);--faint: rgba(245, 245, 244, .32);--accent: #89aacc;--grad-text: linear-gradient( 180deg, #ffffff 0%, #f2f1ef 38%, rgba(245, 245, 244, .58) 100% );--grad-text-dim: linear-gradient( 180deg, rgba(245, 245, 244, .56) 0%, rgba(245, 245, 244, .3) 100% );--live: #4ade80;--wip: #fbbf24;--font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Instrument Serif", Georgia, serif;--radius: 14px;--radius-lg: 24px;--ease: cubic-bezier(.16, 1, .3, 1);--fast: .2s;--base: .4s;--slow: .8s;--gutter: clamp(1.25rem, 5vw, 4rem);--max: 1200px;font-family:var(--font-body);line-height:1.55;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);overflow-x:hidden}#root{width:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--text);color:var(--bg)}:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:4px}img{max-width:100%;display:block}h1,h2,h3{font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:0}.display{font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:-.01em}.grad-text{color:var(--text)}.grad-text-dim{color:var(--faint)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.grad-text,.grad-text-dim{background-image:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-inline:.14em;padding-bottom:.16em;margin-inline:-.14em;margin-bottom:-.16em}.grad-text-dim{background-image:var(--grad-text-dim)}.grad-text::selection,.grad-text-dim::selection,.grad-text ::selection,.grad-text-dim ::selection{-webkit-text-fill-color:var(--bg)}}@media (forced-colors: active){.grad-text,.grad-text-dim{background-image:none;-webkit-text-fill-color:currentColor}}.eyebrow{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);font-weight:500}.lede{color:var(--muted);font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.7}.section{padding:clamp(4rem,10vw,8rem) var(--gutter)}.shell{max-width:var(--max);margin:0 auto}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.section-head h2{font-size:clamp(2rem,5vw,3.25rem);margin-top:.6rem}.section-head .lede{max-width:34ch}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.particle{position:absolute;bottom:-10px;border-radius:50%;background:#ffffff80;opacity:0;animation-name:particle-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes particle-rise{0%{transform:translateY(0);opacity:0}12%{opacity:.24}88%{opacity:.1}to{transform:translateY(-100vh);opacity:0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease)}.reveal-visible{opacity:1;transform:translateY(0)}.confetti-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-40px;font-size:1.6rem;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{to{top:110%}}.confetti-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);font-size:1.05rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--stroke-strong);padding:.9rem 1.6rem;border-radius:var(--radius);opacity:0;animation:confetti-message-pop .4s var(--ease) forwards,confetti-message-fade .4s ease 3s forwards;white-space:nowrap}@keyframes confetti-message-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes confetti-message-fade{to{opacity:0}}.lab-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--muted);font-size:.9rem}.lab-spinner{width:26px;height:26px;border:2px solid var(--stroke);border-top-color:var(--text);border-radius:50%;animation:lab-spin .8s linear infinite}@keyframes lab-spin{to{transform:rotate(360deg)}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:var(--bg);display:grid;grid-template-rows:auto 1fr auto;padding:var(--gutter);transition:opacity .6s var(--ease),visibility .6s}.preloader.is-leaving{opacity:0;visibility:hidden}.preloader-tag{align-self:start}.preloader-words{position:relative;align-self:center;justify-self:center;display:grid;place-items:center;min-height:1.4em}.preloader-word{grid-area:1 / 1;font-family:var(--font-display);font-style:italic;font-size:clamp(2.25rem,8vw,4.5rem);color:var(--muted);opacity:0;transform:translateY(14px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.preloader-word.is-on{opacity:1;transform:translateY(0)}.preloader-bar{align-self:end;height:2px;background:var(--stroke)}.preloader-bar span{display:block;height:100%;background:var(--text);transform-origin:left;transition:transform .1s linear}.nav{position:fixed;inset:0 0 auto;z-index:900;display:flex;justify-content:center;padding:1rem var(--gutter);pointer-events:none}.nav-pill{pointer-events:auto;display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .75rem;border:1px solid var(--stroke);border-radius:999px;background:#0a0a0a99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background var(--base) var(--ease),border-color var(--base) var(--ease);max-width:100%}.nav.is-scrolled .nav-pill{background:#0a0a0adb;border-color:var(--stroke-strong)}.nav-brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--text);text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap}.nav-logo{width:26px;height:26px;border-radius:8px;object-fit:cover}.nav-divider{width:1px;height:20px;background:var(--stroke);flex:none}.nav-links{display:flex;align-items:center;gap:.15rem}.nav-links a{color:var(--muted);text-decoration:none;font-size:.82rem;padding:.45rem .7rem;border-radius:999px;white-space:nowrap;transition:color var(--fast) ease,background var(--fast) ease}.nav-links a:hover{color:var(--text);background:#ffffff0f}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:0 9px;border:none;border-radius:999px;background:#ffffff0f;cursor:pointer}.hamburger span{display:block;height:1.5px;background:var(--text);transition:transform .35s var(--ease),opacity .25s ease}.hamburger.is-open span:first-child{transform:translateY(3.25px) rotate(45deg)}.hamburger.is-open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.nav-backdrop.is-visible{opacity:1;visibility:visible}.nav-sheet{position:fixed;top:0;right:0;width:min(82%,320px);height:100dvh;padding:5.5rem 2rem 2rem;background:var(--bg-elevated);border-left:1px solid var(--stroke);display:flex;flex-direction:column;gap:.35rem;transform:translate(100%);transition:transform .5s var(--ease);pointer-events:auto}.nav-sheet.is-open{transform:translate(0)}.nav-sheet a{color:var(--text);text-decoration:none;font-family:var(--font-display);font-style:italic;font-size:1.7rem;padding:.4rem 0;opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.nav-sheet.is-open a{opacity:1;transform:translateY(0)}.language-switcher-v2{flex:none}.switch-track{position:relative;display:flex;align-items:center;width:150px;height:48px;background:#0f111a80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:inset 0 4px 10px #0006,0 8px 20px #0000004d;overflow:hidden}.switch-handle{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(180deg,#ffffff1f,#ffffff05);border:1px solid rgba(255,255,255,.2);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease;z-index:1}.lang-option-v2{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:100%;cursor:pointer;color:#ffffff59;font-weight:800;font-size:.8rem;letter-spacing:.04em;transition:color .3s ease,text-shadow .3s ease;-webkit-user-select:none;user-select:none}.language-switcher-v2.lang-tr .switch-handle{transform:translate(0);box-shadow:inset 0 0 10px #ff2a4d40,0 0 15px #ff2a4d33}.language-switcher-v2.lang-en .switch-handle{transform:translate(100%);box-shadow:inset 0 0 10px #2a7fff40,0 0 15px #2a7fff33}.lang-option-v2.turkish.active{color:#fff;text-shadow:0 0 8px rgba(255,42,77,.8)}.lang-option-v2.english.active{color:#fff;text-shadow:0 0 8px rgba(42,127,255,.8)}.crystal-flag{display:inline-block;width:20px;height:20px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.25;transition:opacity .3s ease,filter .3s ease,transform .3s ease}.lang-option-v2.active .crystal-flag{opacity:1;transform:scale(1.08)}.lang-option-v2.turkish.active .crystal-flag{filter:drop-shadow(0 0 6px rgba(255,42,77,.7))}.lang-option-v2.english.active .crystal-flag{filter:drop-shadow(0 0 6px rgba(42,127,255,.7))}.tr-flag{background-image:url(/tr-crystal.png)}.en-flag{background-image:url(/en-crystal.png)}.nav-pill .switch-track{width:112px;height:36px}.nav-pill .lang-option-v2{font-size:.7rem;gap:4px}.nav-pill .crystal-flag{width:15px;height:15px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:999px;font-size:.86rem;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background var(--fast) ease,color var(--fast) ease,border-color var(--fast) ease}.btn-solid{background:var(--text);color:var(--bg)}.btn-solid:hover{background:#fff}.btn-ghost{border-color:var(--stroke-strong);color:var(--text)}.btn-ghost:hover{background:#ffffff0f}.page{position:relative;z-index:1}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:8rem var(--gutter) 6rem}.hero-inner{width:100%}.hero-anim{opacity:0;animation:hero-in .9s var(--ease) forwards}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-name{font-size:clamp(3.5rem,13vw,9rem);line-height:.92;margin:1rem 0 .5rem}@supports ((-webkit-background-clip: text) or (background-clip: text)){.hero-name.grad-text{margin-inline:-.14em;margin-bottom:calc(.5rem - .16em)}.hero-name.grad-text{background-image:radial-gradient(16rem 16rem at var(--mx, 50%) var(--my, 34%),rgba(255,255,255,.92),rgba(255,255,255,0) 58%),var(--grad-text);background-attachment:fixed,scroll}@media (pointer: coarse),(prefers-reduced-motion: reduce){.hero-name.grad-text{background-image:var(--grad-text);background-attachment:scroll}}}.hero-role{font-size:clamp(1.05rem,2.6vw,1.6rem);color:var(--muted);margin:0 0 1.25rem}.hero-role-word{color:var(--text);display:inline-block;animation:role-in .45s var(--ease)}@keyframes role-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-lede{max-width:46ch;margin:0 0 2.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-scroll{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem}.hero-scroll-line{width:1px;height:42px;background:linear-gradient(var(--stroke-strong),transparent);position:relative;overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;inset:0 auto auto 0;width:1px;height:40%;background:var(--text);animation:scroll-hint 1.8s ease-in-out infinite}@media (max-width: 900px),(max-height: 640px){.hero-scroll{display:none}}@keyframes scroll-hint{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.status{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--muted)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.status-live{color:var(--live)}.status-wip{color:var(--wip)}.status-source,.status-restricted{color:var(--faint)}.project-cat:before,.project-plat:before{content:"·";margin-right:.5rem}.tech{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0}.tech li{font-size:.7rem;color:var(--muted);border:1px solid var(--stroke);border-radius:999px;padding:.2rem .6rem;white-space:nowrap}.project-links{display:flex;flex-wrap:wrap;gap:.5rem}.project-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;text-decoration:none;color:var(--muted);border:1px solid var(--stroke);border-radius:999px;padding:.42rem .85rem;transition:color var(--fast) ease,border-color var(--fast) ease,background var(--fast) ease}.project-link:hover{color:var(--text);border-color:var(--stroke-strong);background:#ffffff0d}.project-link.is-primary{color:var(--text);border-color:var(--stroke-strong)}.project-links.is-compact .project-link{font-size:.75rem;padding:.3rem .7rem}@media (max-width: 859px),(pointer: coarse){.project-link{min-height:44px;justify-content:center}}.project-restricted{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--faint);margin:0}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.bento-card{grid-column:span 12;display:flex;flex-direction:column;border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;transition:border-color var(--base) ease,background var(--base) ease}.bento-card:hover{border-color:var(--stroke-strong);background:var(--surface-hover)}.bento-media{aspect-ratio:16 / 9;background:var(--bg-elevated);display:grid;place-items:center;overflow:hidden}.bento-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.bento-card:hover .bento-media img{transform:scale(1.04)}.bento-media.is-artwork{flex:none}.bento-media.is-artwork img{object-fit:contain}.bento-card:hover .bento-media.is-artwork img{transform:none}.bento-placeholder{font-size:4rem;color:var(--stroke-strong)}.bento-body{display:flex;flex-direction:column;gap:.85rem;padding:1.5rem}.bento-title{font-size:clamp(1.4rem,3vw,2rem)}.bento-body .lede{flex:1}@media (min-width: 860px){.bento-card.span-7{grid-column:span 7}.bento-card.span-6{grid-column:span 6}.bento-card.span-5{grid-column:span 5}.bento-card.span-4{grid-column:span 4}.bento-card.span-4 .bento-body{padding:1.25rem}.bento-card.span-4 .bento-title{font-size:clamp(1.25rem,1.9vw,1.6rem)}}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;align-items:start}.gallery-col{display:flex;flex-direction:column;gap:1.25rem;will-change:transform}.gallery-col:last-child{margin-top:clamp(1.5rem,6vw,5rem)}.gallery-grid.is-pair .gallery-col:last-child{margin-top:0}.gallery-item{margin:0;border:1px solid var(--stroke);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.gallery-item img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .6s var(--ease)}.gallery-item:hover img{transform:scale(1.04)}.gallery-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;font-size:1rem}.gallery-item figcaption .display{font-style:italic}.gallery-item.is-link{position:relative;transition:border-color var(--base) ease}.gallery-item.is-link:hover{border-color:var(--stroke-strong)}.gallery-link{display:inline-flex;align-items:center;gap:.4rem;color:inherit;text-decoration:none}.gallery-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--radius-lg) - 1px)}.gallery-link:focus-visible{outline:none}.gallery-link:focus-visible:after{outline:2px solid var(--text);outline-offset:-3px}.gallery-link .icon{color:var(--muted);transition:transform var(--fast) ease,color var(--fast) ease}.gallery-item.is-link:hover .icon,.gallery-link:focus-visible .icon{color:var(--text);transform:translate(2px,-2px)}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.filters button{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.8rem;color:var(--muted);background:transparent;border:1px solid var(--stroke);border-radius:999px;padding:.42rem .9rem;cursor:pointer;transition:color var(--fast) ease,border-color var(--fast) ease,background var(--fast) ease}.filters button span{font-size:.7rem;color:var(--faint)}.filters button:hover{color:var(--text);border-color:var(--stroke-strong)}.filters button.is-on{color:var(--bg);background:var(--text);border-color:var(--text)}.filters button.is-on span{color:#0a0a0a8c}.year{display:grid;grid-template-columns:1fr;gap:1rem;padding:2rem 0;border-top:1px solid var(--stroke)}.year-label{font-size:clamp(2rem,6vw,3.5rem);color:var(--faint);font-variant-numeric:tabular-nums}.year-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.75rem}.entry-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:.4rem}.entry-title{font-size:clamp(1.15rem,2.4vw,1.5rem)}.entry-desc{max-width:68ch;margin:0 0 .85rem}.entry-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}@media (min-width: 860px){.year{grid-template-columns:8rem 1fr;gap:2.5rem}.year-label{position:sticky;top:6rem;align-self:start}}.about-grid{display:grid;gap:2rem;margin-bottom:clamp(2.5rem,6vw,4rem)}.about-portrait img{width:100%;height:auto;max-width:300px;border-radius:var(--radius-lg);border:1px solid var(--stroke);aspect-ratio:4 / 5;object-fit:cover}@media (max-width: 859px){.about-portrait img{max-width:240px}}@media (max-width: 420px){.about-portrait img{max-width:200px}}.about-copy{display:flex;flex-direction:column;gap:1rem}.about-copy .lede{max-width:68ch;margin:0}.about-philosophy{color:var(--text);font-family:var(--font-display);font-style:italic;font-size:1.25rem;line-height:1.5;padding-left:1.1rem;border-left:1px solid var(--stroke-strong)}.about-cols{display:grid;gap:2.5rem}.about-block-title{display:flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-weight:500;margin:2rem 0 1rem}.about-block>.about-block-title:first-child{margin-top:0}.cv-list,.plain-list{list-style:none;margin:0;padding:0}.cv-list li{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.6rem 0;border-top:1px solid var(--stroke);font-size:.9rem}.cv-year{color:var(--faint);font-variant-numeric:tabular-nums}.cv-role{color:var(--text)}.skill-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem}.skill-label{font-size:.78rem;color:var(--faint);min-width:9rem}.plain-list li{font-size:.88rem;color:var(--muted);padding:.3rem 0 .3rem 1rem;position:relative}.plain-list li:before{content:"";position:absolute;left:0;top:.95em;width:5px;height:1px;background:var(--stroke-strong)}.hobbies{color:var(--muted)}.about-copy a,.about-block a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--stroke-strong)}.about-copy a:hover,.about-block a:hover{text-decoration-color:var(--text)}@media (min-width: 860px){.about-grid{grid-template-columns:300px 1fr;gap:3rem}.about-cols{grid-template-columns:1fr 1fr;gap:4rem}}.footer{position:relative;z-index:1;border-top:1px solid var(--stroke);padding-bottom:2rem;background:var(--bg)}.marquee{overflow:hidden;padding:1.5rem 0;border-bottom:1px solid var(--stroke)}.marquee-track{display:flex;width:max-content;animation:marquee 42s linear infinite}.marquee-track span{font-family:var(--font-display);font-style:italic;font-size:clamp(1.75rem,6vw,3.5rem);color:var(--stroke-strong);white-space:nowrap;padding-right:1rem}@keyframes marquee{to{transform:translate(-50%)}}.footer-inner{display:grid;gap:2.5rem;padding:clamp(3rem,8vw,5rem) var(--gutter) 2rem}.footer-title{font-size:clamp(2rem,6vw,3.5rem);margin:.6rem 0 .75rem}@supports ((-webkit-background-clip: text) or (background-clip: text)){.footer-title.grad-text{margin-inline:-.14em;margin-bottom:calc(.75rem - .16em)}}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.contact-list li{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--stroke);color:var(--faint)}.contact-list a{color:var(--muted);text-decoration:none;font-size:.92rem;transition:color var(--fast) ease}.contact-list a:hover{color:var(--text)}.footer-tip{padding:0 var(--gutter) 2rem;max-width:var(--max)}.footer-tip p{color:var(--muted);font-family:var(--font-display);font-style:italic;font-size:1.1rem;margin:.4rem 0 0;max-width:60ch}.footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem var(--gutter) 0;border-top:1px solid var(--stroke);font-size:.8rem;color:var(--faint)}.footer-base a{color:var(--faint);text-decoration:none}.footer-base a:hover{color:var(--text)}.footer-thanks{cursor:pointer;margin:0}@media (min-width: 860px){.footer-inner{grid-template-columns:1fr 1fr;align-items:end}}@media (max-width: 900px){.nav-links,.nav-divider{display:none}.hamburger{display:flex}.nav-pill{width:100%;justify-content:space-between}}@media (max-width: 620px){.gallery-grid{grid-template-columns:1fr}.gallery-col:last-child{margin-top:0}.gallery-col{transform:none!important}.cv-list li{grid-template-columns:1fr;gap:.15rem}.skill-label{min-width:0;width:100%}}.btn-cv{position:relative;overflow:hidden;isolation:isolate}.btn-cv:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.14) 50%,transparent 64%);transform:translate(-130%);transition:transform .75s var(--ease);pointer-events:none}.btn-cv:hover:after,.btn-cv:focus-visible:after{transform:translate(130%)}.btn-cv .icon{transition:transform .28s var(--ease)}.btn-cv:hover .icon,.btn-cv:focus-visible .icon{transform:translateY(2px)}@media (prefers-reduced-motion: reduce){.btn-cv:after{display:none}.btn-cv .icon{transition:none}}.ct-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:clamp(1.75rem,4.5vw,3rem);max-width:52rem}.ct-title{font-size:clamp(1.5rem,3.8vw,2.4rem);line-height:1.12;margin:.55rem 0 0}.ct-quote{font-style:italic;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.5;color:var(--muted);margin:1.25rem 0 0;padding-left:1rem;border-left:2px solid var(--stroke-strong);max-width:44rem}.ct-metrics{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:clamp(1.5rem,4vw,2.25rem) 0 0;padding:1.5rem 0 0;border-top:1px solid var(--stroke)}.ct-metrics b{display:block;font-style:italic;font-weight:400;font-size:clamp(1.4rem,3.4vw,1.9rem);line-height:1;color:var(--text);margin-bottom:.4rem}.ct-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:clamp(1.5rem,3.5vw,2rem);font-size:.92rem;color:var(--text);text-decoration:none;border-bottom:1px solid var(--stroke-strong);padding-bottom:.3rem;transition:border-color var(--fast) ease,gap var(--fast) ease}.ct-link:hover{border-color:var(--text);gap:.75rem}.skip-link{position:fixed;top:0;left:50%;z-index:1200;transform:translate(-50%,-140%);padding:.65rem 1.1rem;background:var(--text);color:var(--bg);font-size:.85rem;font-weight:500;text-decoration:none;border-radius:0 0 var(--radius) var(--radius);transition:transform var(--fast) var(--ease)}.skip-link:focus-visible{transform:translate(-50%);outline-offset:-4px}.hero-stats{display:flex;margin:2.75rem 0 0;padding:0;border-top:1px solid var(--stroke);max-width:26rem}.hero-stat{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1.25rem 1rem 0}.hero-stat:first-child{padding-left:0}.hero-stat+.hero-stat{border-left:1px solid var(--stroke)}.hero-stat dt{font-family:var(--font-display);font-style:italic;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1;color:var(--text)}.hero-stat dd{margin:0}.nav-links a.is-current{color:var(--text)}.nav-links a.is-current:after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:.18rem;height:1px;background:currentColor;opacity:.55}.nav-links a{position:relative}.nav-sheet a.is-current{color:var(--text)}.contact-list li{position:relative}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stroke);background:transparent;color:var(--faint);font:inherit;font-size:.7rem;line-height:1;padding:.3rem .55rem;margin-left:.6rem;border-radius:999px;cursor:pointer;opacity:0;transition:opacity var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.contact-list li:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--text);border-color:var(--stroke-strong)}@media (hover: none){.copy-btn{opacity:1}}.to-top{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:800;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--stroke);border-radius:999px;background:#0a0a0ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--muted);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--base) var(--ease),transform var(--base) var(--ease),visibility var(--base),color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.to-top.is-on{opacity:1;visibility:visible;transform:translateY(0)}.to-top:hover{color:var(--text);border-color:var(--stroke-strong)}.not-found{min-height:100vh;display:grid;place-items:center;text-align:center}.nf-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:6rem 0}.nf-code{font-family:var(--font-display);font-style:italic;font-size:clamp(5rem,20vw,11rem);line-height:.9;color:var(--faint);font-variant-numeric:tabular-nums}.nf-title{font-size:clamp(1.5rem,4vw,2.25rem);font-style:italic}.not-found .lede{max-width:34ch}.not-found .btn{margin-top:.75rem}.skill-row{padding:.55rem 0;border-top:1px solid var(--stroke);margin-bottom:0;align-items:baseline}.skill-row:first-of-type{border-top:none}.skill-label{min-width:10.5rem}@media (max-width: 720px){.skill-label{min-width:0;width:100%}.hero-stat{padding:1rem .75rem 0}}.pp{padding-top:7rem;padding-bottom:4rem}.pp-hero{max-width:40rem;margin-bottom:clamp(2.5rem,6vw,4rem)}.pp-hero h1{font-size:clamp(2.25rem,6vw,4rem);margin:.55rem 0 .75rem}.pp-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;color:var(--muted);font-size:.82rem}.pp-meta strong{display:block;color:var(--faint);font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}.pp-layout{display:grid;grid-template-columns:220px 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}.pp-toc{position:sticky;top:6rem}.pp-toc-label{margin:0 0 .85rem}.pp-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.15rem}.pp-toc a{display:block;padding:.4rem 0;color:var(--muted);text-decoration:none;font-size:.84rem;border-bottom:1px solid transparent;transition:color var(--fast) ease}.pp-toc a:hover{color:var(--text)}.pp-main{min-width:0}.pp-section{padding:2rem 0;border-top:1px solid var(--stroke);scroll-margin-top:6rem}.pp-section:first-child{padding-top:0;border-top:none}.pp-section h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin:0 0 .85rem}.pp-section p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.7;max-width:68ch}.pp-section p+p{margin-top:.85rem}.pp-note{font-size:.88rem!important;color:var(--faint)!important}.pp-callout{margin-top:1.5rem;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--stroke-strong);border-radius:var(--radius-lg);background:var(--surface)}.pp-callout>h2{font-size:clamp(1.5rem,3vw,2rem)}.pp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1.35rem}.pp-fact{padding:1rem 1.05rem;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--bg-elevated)}.pp-fact h3{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:500}.pp-fact p{font-size:.88rem!important;max-width:none}.pp-games-group+.pp-games-group{margin-top:1.75rem}.pp-group-label{margin:1.15rem 0 0;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.pp-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.pp-game{padding:1rem 1.05rem;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color var(--fast) ease,background var(--fast) ease}.pp-game:hover{border-color:var(--stroke-strong);background:var(--surface-hover)}.pp-game-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem}.pp-game-mark{width:3.25rem;height:3.25rem;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f4f4f2;border:1px solid var(--stroke);display:grid;place-items:center}.pp-game-mark img{width:100%;height:100%;object-fit:cover}.pp-game-initial{font-family:var(--font-display);font-style:italic;font-size:1.15rem;color:var(--text);line-height:1}.pp-game h3{margin:0;font-size:.95rem;font-weight:500}.pp-game-tag{display:block;margin-top:.15rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.pp-game p{font-size:.82rem!important;max-width:none}.pp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1.15rem}.pp-card{padding:1rem 1.05rem;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--bg-elevated)}.pp-card h3{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:500}.pp-card p{font-size:.88rem!important;max-width:none}.pp-pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.pp-pill{padding:.4rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;border:1px solid var(--stroke);color:var(--muted)}.pp-list{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;max-width:68ch}.pp-list li{position:relative;padding-left:1.1rem;font-size:.94rem;color:var(--muted);line-height:1.55}.pp-list li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--text)}.pp-contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1.15rem}.pp-contact{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.05rem;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--bg-elevated);text-decoration:none;transition:border-color var(--fast) ease,background var(--fast) ease}.pp-contact:hover{border-color:var(--stroke-strong);background:var(--surface-hover)}.pp-contact-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:500}.pp-contact-val{font-size:.92rem;color:var(--text)}@media (max-width: 900px){.pp{padding-top:6rem}.pp-layout{grid-template-columns:1fr;gap:1.5rem}.pp-toc{position:static}.pp-toc ol{flex-direction:row;flex-wrap:wrap;gap:.35rem 1rem}.pp-toc a{padding:.2rem 0;font-size:.78rem}}.case-page{padding:clamp(6rem,12vh,9rem) 0 clamp(4rem,10vh,7rem)}.case-shell{max-width:54rem}.case-back{display:inline-block;font-size:.88rem;color:var(--muted);text-decoration:none;margin-bottom:clamp(2rem,5vh,3rem);transition:color .2s var(--ease)}.case-back:hover{color:var(--text)}.case-title{font-size:clamp(2rem,5.6vw,3.4rem);line-height:1.08;letter-spacing:-.01em;margin:.6rem 0 0}.case-lede{margin:1.25rem 0 0;max-width:44rem}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem 2rem;margin:clamp(2rem,5vh,2.75rem) 0 0;padding-top:1.5rem;border-top:1px solid var(--stroke)}.case-meta dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem}.case-meta dd{margin:0;font-size:.92rem;color:var(--text)}.case-metrics{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin:clamp(2.5rem,6vh,3.5rem) 0;padding:0}.case-metrics li{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg, 14px);padding:1.15rem 1.25rem}.case-metrics b{display:block;font-style:italic;font-weight:400;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1;color:var(--text);margin-bottom:.5rem}.case-section{padding-top:clamp(2.25rem,5vh,3rem);margin-top:clamp(2.25rem,5vh,3rem);border-top:1px solid var(--stroke)}.case-section:first-child{border-top:0;margin-top:0;padding-top:0}.case-section h2{display:flex;align-items:baseline;gap:.85rem;font-size:clamp(1.25rem,3vw,1.6rem);margin:0 0 1.1rem;color:var(--text)}.case-num{font-style:italic;font-weight:400;color:var(--faint);font-size:.85em}.case-section p{margin:0 0 1rem;max-width:68ch;color:var(--muted);line-height:1.75}.case-section p strong{color:var(--text);font-weight:600}.case-section code{font-family:var(--font-mono);font-size:.88em;background:var(--surface);border:1px solid var(--stroke);border-radius:5px;padding:.1em .38em;color:var(--text)}.case-code{margin:1.4rem 0 1.5rem;padding:1.1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--stroke);border-left:2px solid var(--accent, #89aacc);border-radius:var(--radius-lg, 14px);overflow-x:auto}.case-code code{font-family:var(--font-mono);font-size:.82rem;line-height:1.65;color:var(--text);background:none;border:0;padding:0;white-space:pre}.case-cta{margin-top:clamp(3rem,7vh,4.5rem);padding:clamp(1.75rem,4vw,2.5rem);background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg, 14px);text-align:center}.case-cta h2{font-style:italic;font-weight:400;font-size:clamp(1.4rem,3.4vw,1.9rem);margin:0 0 .5rem;color:var(--text)}.case-cta p{margin:0 0 1.4rem;color:var(--muted)}@media (max-width: 640px){.case-code{padding:.9rem 1rem}.case-code code{font-size:.76rem}}.studio-section{padding:5.5rem 1.5rem 6rem;text-align:center;border-top:1px solid var(--stroke)}.studio-inner{max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.studio-eyebrow{display:inline-block;padding:5px 14px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;background:transparent;color:var(--faint);border:1px solid var(--stroke);opacity:0}.reveal-visible .studio-eyebrow{animation:studio-fade-up var(--slow) var(--ease) forwards;animation-delay:.05s}.studio-kickoff{position:relative;width:140px;height:112px;margin-top:1.75rem;opacity:0}.reveal-visible .studio-kickoff{animation:studio-fade-up var(--slow) var(--ease) forwards;animation-delay:.18s}.studio-pitch-line{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:92px;height:1px;background:var(--stroke-strong)}.studio-shadow{position:absolute;bottom:11px;left:50%;width:32px;height:7px;margin-left:-16px;border-radius:50%;background:#00000080;filter:blur(1.5px);animation:studio-shadow-pulse 1.2s cubic-bezier(.5,0,.5,1) infinite}.studio-ball{position:absolute;bottom:12px;left:50%;width:40px;height:40px;margin-left:-20px;display:block;transform-origin:bottom center;animation:studio-ball-bounce 1.2s cubic-bezier(.5,0,.5,1) infinite}.studio-ball svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}@keyframes studio-ball-bounce{0%,to{transform:translateY(0) scaleX(1) scaleY(1)}8%{transform:translateY(0) scaleX(1.22) scaleY(.78)}45%{transform:translateY(-58px) scaleX(.97) scaleY(1.03)}50%{transform:translateY(-60px) scaleX(.95) scaleY(1.05)}55%{transform:translateY(-58px) scaleX(.97) scaleY(1.03)}92%{transform:translateY(0) scaleX(1.22) scaleY(.78)}}@keyframes studio-shadow-pulse{0%,to{transform:scaleX(1);opacity:.5}8%{transform:scaleX(1.15);opacity:.55}50%{transform:scaleX(.4);opacity:.16}92%{transform:scaleX(1.15);opacity:.55}}.studio-logo-wrap{margin-top:1.5rem;opacity:0}.reveal-visible .studio-logo-wrap{animation:studio-fade-up var(--slow) var(--ease) forwards;animation-delay:.26s}.studio-logo{display:block;width:auto;height:auto;max-width:240px;max-height:120px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));will-change:transform}.reveal-visible .studio-logo{animation:studio-logo-float 4.5s ease-in-out infinite;animation-delay:1s}@keyframes studio-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.studio-heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-tagline{margin:1.75rem 0 0;max-width:460px;font-size:1.02rem;line-height:1.65;color:var(--muted);opacity:0}.reveal-visible .studio-tagline{animation:studio-fade-up var(--slow) var(--ease) forwards;animation-delay:.46s}@keyframes studio-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.studio-cta{position:relative;display:inline-flex;align-items:center;gap:.55rem;margin-top:2rem;padding:.85rem 1.9rem;border-radius:999px;background:var(--text);color:var(--bg);font-weight:500;font-size:.9rem;text-decoration:none;opacity:0;transition:transform var(--fast) ease,background var(--fast) ease}.reveal-visible .studio-cta{animation:studio-fade-up var(--slow) var(--ease) forwards;animation-delay:.6s}.studio-cta:hover{transform:translateY(-2px);background:#fff}.studio-cta-arrow{transition:transform var(--fast) ease}.studio-cta:hover .studio-cta-arrow{transform:translate(5px)}@media (max-width: 640px){.studio-section{padding:4rem 1.25rem 4.5rem}.studio-logo{max-width:160px;max-height:84px}.studio-tagline{font-size:.95rem}}@media (prefers-reduced-motion: reduce){.studio-eyebrow,.studio-kickoff,.studio-logo-wrap,.studio-tagline,.studio-cta{animation:none;opacity:1;transform:none}.studio-logo,.studio-ball,.studio-shadow{animation:none}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg);--bd-accent: var(--accent, #89aacc)}.backdrop>*{position:absolute;top:0;right:0;bottom:0;left:0}.bd-spot{background:radial-gradient(10rem 10rem at var(--mx, 50%) var(--my, 34%),color-mix(in srgb,var(--bd-accent) 24%,transparent),color-mix(in srgb,var(--bd-accent) 8%,transparent) 46%,transparent 70%),radial-gradient(30rem 30rem at var(--mx, 50%) var(--my, 34%),color-mix(in srgb,var(--bd-accent) 17%,transparent),color-mix(in srgb,var(--bd-accent) 5%,transparent) 42%,transparent 68%)}@media (pointer: coarse){.bd-spot{display:none}}.bd-blob{border-radius:50%;filter:blur(90px);will-change:transform,translate}.bd-blob-a{inset:auto auto 38% -12%;width:62vw;height:62vw;background:radial-gradient(circle,color-mix(in srgb,var(--bd-accent) 30%,transparent),transparent 68%);translate:calc(var(--px, 0) * 34px) calc(var(--py, 0) * 26px);animation:bd-drift-a 34s ease-in-out infinite alternate}.bd-blob-b{inset:-20% -14% auto auto;width:56vw;height:56vw;background:radial-gradient(circle,color-mix(in srgb,var(--bd-accent) 22%,transparent),transparent 66%);translate:calc(var(--px, 0) * -22px) calc(var(--py, 0) * -16px);animation:bd-drift-b 42s ease-in-out infinite alternate}.bd-blob-c{inset:auto 18% -30% auto;width:50vw;height:50vw;background:radial-gradient(circle,rgba(245,245,244,.1),transparent 64%);translate:calc(var(--px, 0) * 14px) calc(var(--py, 0) * 10px);animation:bd-drift-c 50s ease-in-out infinite alternate}@keyframes bd-drift-a{to{transform:translate3d(13vw,-7vh,0) scale(1.14)}}@keyframes bd-drift-b{to{transform:translate3d(-10vw,9vh,0) scale(.9)}}@keyframes bd-drift-c{to{transform:translate3d(8vw,-5vh,0) scale(1.1)}}.bd-beams-field{background:repeating-linear-gradient(104deg,transparent 0 108px,color-mix(in srgb,var(--bd-accent) 20%,transparent) 108px 110px,transparent 110px 236px);-webkit-mask-image:radial-gradient(34rem 40rem at var(--mx, 50%) var(--my, 34%),#000 0%,rgba(0,0,0,.35) 40%,transparent 72%);mask-image:radial-gradient(34rem 40rem at var(--mx, 50%) var(--my, 34%),#000 0%,rgba(0,0,0,.35) 40%,transparent 72%)}.bd-beams-glow{background:radial-gradient(54% 46% at 58% -4%,color-mix(in srgb,var(--bd-accent) 13%,transparent),transparent 72%)}@media (pointer: coarse){.bd-beams-field{display:none}}.bd-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.045}.bd-fade{background:linear-gradient(to bottom,transparent 58%,var(--bg) 100%)}@media (prefers-reduced-motion: reduce){.bd-blob{animation:none;translate:none}}@media (max-width: 640px){.bd-blob{filter:blur(64px)}.bd-blob-a{width:108vw;height:108vw}.bd-blob-b{width:96vw;height:96vw}.bd-blob-c{width:86vw;height:86vw}}.bd-field{width:100%;height:100%;display:block;filter:blur(14px) saturate(1.15);transform:scale(1.12);translate:calc(var(--px, 0) * 26px) calc(var(--py, 0) * 20px);will-change:translate}.bd-drift-glow{background:radial-gradient(58% 42% at 50% -6%,color-mix(in srgb,var(--bd-accent) 12%,transparent),transparent 70%)}@media (prefers-reduced-motion: reduce){.bd-field{translate:none}}@media (max-width: 640px){.bd-field{filter:blur(10px) saturate(1.15)}}