:root{--bg: #08090b;--surface: #101116;--surface-2: #171920;--ink: #f0eee7;--muted: #92939b;--accent: #c6b487;--cool: #6b829a;--line: rgba(240, 238, 231, .09);--line-strong: rgba(240, 238, 231, .16);--font-display: "Instrument Serif", "Times New Roman", serif;--font-body: "Inter", -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--pad-x: clamp(20px, 6vw, 96px);--content-max: 1440px;--badge-w: 224px;--badge-h: 336px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg)}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100svh}::selection{background:#c6b48747;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:400}.mono--accent{color:var(--accent)}.serif-display{font-family:var(--font-display);font-weight:400;color:var(--ink);line-height:.94;letter-spacing:.01em}.section{position:relative;padding:clamp(96px,14vh,180px) var(--pad-x);max-width:var(--content-max);margin:0 auto}.section-head{display:flex;align-items:baseline;gap:24px;margin-bottom:clamp(40px,7vh,88px)}.section-head__rule{flex:1;height:1px;background:var(--line);transform-origin:left center}.section-head__title{font-family:var(--font-display);font-size:clamp(15px,1.6vw,20px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:400;white-space:nowrap}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.section-head__rule{transform:none!important}}.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:10px 16px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:4px;font-family:var(--font-mono);font-size:12px;color:var(--ink);transform:translateY(-200%);transition:transform .2s ease}.skip-link:focus-visible{transform:none}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:300;pointer-events:none;border-radius:50%;will-change:transform;opacity:0}.cursor-dot{width:5px;height:5px;background:var(--accent)}.cursor-ring{width:30px;height:30px;border:1px solid rgba(198,180,135,.55);transition:width .25s var(--ease-soft),height .25s var(--ease-soft),border-color .25s ease}.cursor-ring.is-active{width:48px;height:48px;border-color:#c6b487e6}@media (hover: none),(pointer: coarse),(prefers-reduced-motion: reduce){.cursor-dot,.cursor-ring{display:none}}.hands-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hands-source{position:absolute;top:0;left:0;width:2px;height:2px;opacity:0;pointer-events:none}.hero{position:relative;min-height:100svh;max-width:var(--content-max);margin:0 auto;padding:0 var(--pad-x);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero__grid{position:relative;z-index:2;width:100%;padding-top:clamp(8px,4vh,48px)}.hero__eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:clamp(16px,3vh,36px)}.hero__eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}.hero__title{font-size:clamp(64px,15.5vw,248px);line-height:.9;letter-spacing:.02em;text-transform:uppercase;position:relative;width:fit-content}.hero__title-echo{position:absolute;left:.04em;top:.06em;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(240,238,231,.07);pointer-events:none;-webkit-user-select:none;user-select:none}.hero__title .t-accent{font-style:italic;color:var(--accent)}.hero__sub{margin-top:clamp(20px,4vh,44px);display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;max-width:520px}.hero__sub-name{font-family:var(--font-display);font-size:clamp(22px,2.6vw,34px);color:var(--ink)}.hero__sub-role{color:var(--muted);font-size:clamp(13px,1.2vw,15px);letter-spacing:.02em}.hero__hud{position:absolute;z-index:2;pointer-events:none}.hero__hud--tl{top:max(20px,env(safe-area-inset-top));left:var(--pad-x)}.hero__hud--tr{top:max(20px,env(safe-area-inset-top));right:var(--pad-x);text-align:right}.hero__hud--bl{bottom:max(22px,env(safe-area-inset-bottom));left:var(--pad-x);display:flex;align-items:center;gap:10px}.hero__scroll-line{width:1px;height:34px;background:var(--line-strong);overflow:hidden;position:relative}.hero__scroll-line:after{content:"";position:absolute;left:0;top:-50%;width:100%;height:50%;background:var(--accent);animation:scrollHint 2.2s var(--ease-soft) infinite}@keyframes scrollHint{0%{top:-50%}60%,to{top:110%}}@media (prefers-reduced-motion: reduce){.hero__scroll-line:after{animation:none;top:25%}}.hero__glow{position:absolute;z-index:0;border-radius:50%;filter:blur(90px);pointer-events:none;will-change:transform}.hero__glow--cool{width:46vw;height:46vw;right:-12vw;top:-14vw;background:radial-gradient(circle,rgba(107,130,154,.16),transparent 65%)}.hero__glow--warm{width:30vw;height:30vw;right:6vw;bottom:-8vw;background:radial-gradient(circle,rgba(198,180,135,.08),transparent 60%)}.badge-stage{position:fixed;z-index:100;top:0;left:0;width:100%;height:100svh;pointer-events:none}.badge-anchor{position:absolute}.lanyard-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.badge-wrap{position:absolute;top:0;left:0;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform}.badge-wrap.is-dragging{cursor:grabbing}.badge-wrap.is-compact{pointer-events:none;cursor:default}.lace-clip{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:15px;height:28px;border-radius:3.5px;background:linear-gradient(165deg,#262a33,#171a21 55%,#101216);border:1px solid rgba(90,96,114,.5);box-shadow:0 2px 7px #0000008c,inset 0 1px 1px #ffffff1f;z-index:3}.lace-clip__pin{position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:5px;height:8px;border-radius:2px;background:#0b0c10;box-shadow:inset 0 1px 2px #000000e6}.lace-text{font-family:var(--font-display);font-size:10px;font-weight:400;letter-spacing:.22em;fill:none;stroke:#ece7dad1;stroke-width:.55;paint-order:stroke;-webkit-user-select:none;user-select:none;pointer-events:none}.badge-card{width:var(--badge-w);height:var(--badge-h);position:relative;user-select:none;-webkit-user-select:none}.badge-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(168deg,#f4f2ea,#e9e6dc 78%,#dfdccf);box-shadow:0 1px #ffffffa6 inset,0 -2px 6px #5e563c2e inset,0 24px 48px -16px #0000009e,0 6px 18px #00000073;display:flex;flex-direction:column;color:#191a1e;padding:16px;overflow:hidden}.badge-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(115deg,#ffffff42,#fff0 36%,#c6b4870d 64%,#ffffff1f);pointer-events:none}.badge-face--front{background:radial-gradient(130% 80% at 82% -8%,rgba(198,180,135,.16),transparent 55%),linear-gradient(172deg,#12131a,#0b0c10 68%,#08090c);color:#d6d1c2}.badge-face--front:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(198,180,135,.24);border-radius:10px;pointer-events:none}.badge-face--front .badge-card__photo{border:1px solid rgba(198,180,135,.35);background:#171922}.badge-face--front .badge-card__name{color:#e8dfc8}.badge-face--front .badge-card__name:before{content:"◆ ";font-size:.42em;vertical-align:.18em;color:#c05242;letter-spacing:0}.badge-face--front .badge-card__role{color:#a5a192}.badge-face--front .badge-card__meta{border-top:1px solid rgba(198,180,135,.24)}.badge-face--front .badge-card__id{color:#c6b487c7}.badge-face--back{display:none}.badge-wrap.show-back .badge-face--back{display:flex}.badge-wrap.show-back .badge-face--front{display:none}.badge-card__punch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:34px;height:12px;border-radius:8px;background:#0b0c10;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffff80}.badge-card__photo{margin-top:24px;width:100%;flex:1 1 auto;min-height:0;object-fit:cover;border-radius:8px;background:#d8d5c8;filter:saturate(.82) contrast(1.04)}.badge-card__name{margin-top:12px;font-family:var(--font-display);font-size:28px;line-height:1;letter-spacing:.045em;text-transform:uppercase;color:#15161a;flex:none}.badge-card__role{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.14em;line-height:1.7;text-transform:uppercase;color:#6f6a58;margin-top:6px;flex:none}.badge-card__meta{margin-top:10px;padding-top:10px;border-top:1px solid rgba(25,26,30,.14);display:flex;justify-content:space-between;align-items:center;gap:8px;flex:none}.badge-card__id{font-family:var(--font-mono);font-size:7px;letter-spacing:.1em;color:#6f6a58;white-space:nowrap}.badge-card__chip{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#d8c28c,#8f7b4e 58%,#5c4e30);box-shadow:0 1px 2px #00000059,inset 0 1px 1px #fff6;flex:none}.badge-back__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:14px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.badge-hint{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:.85}.identity-chip{position:fixed;top:max(14px,env(safe-area-inset-top));right:calc(var(--pad-x) - clamp(6px,1vw,18px));z-index:90;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#101116b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.identity-chip.is-visible{opacity:1;transform:none;pointer-events:auto}.identity-chip__photo{width:34px;height:34px;border-radius:50%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.identity-chip__name{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.identity-chip__sub{font-family:var(--font-mono);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:2px}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none}.intro-overlay__black{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:#000;opacity:1;will-change:opacity}.intro-flash{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff,#fff 26%,#fdf8ecfa,#f3e9d2b8,#c6b48747 74%,#c6b48700 82%);opacity:0;transform:scale(0);transform-origin:50% 50%;will-change:transform,opacity;pointer-events:none}.intro-flash:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:2.5px solid rgba(255,255,255,.85);box-shadow:0 0 46px #fffaeb8c,inset 0 0 70px #ffffff73}.badge-stage--intro{z-index:220}@media (prefers-reduced-motion: reduce){.intro-overlay{display:none}}.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}.about-photo-wrap{position:relative}.about-photo{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:4px;filter:saturate(.9) contrast(1.02)}.about-photo-frame{position:absolute;top:14px;right:-14px;bottom:-14px;left:14px;border:1px solid var(--line-strong);border-radius:4px;pointer-events:none}.about-name{font-family:var(--font-display);font-size:clamp(56px,7vw,104px);line-height:.9;text-transform:uppercase;letter-spacing:.02em;margin-bottom:clamp(20px,3vh,36px)}.about-name em{font-style:italic;color:var(--accent)}.about-copy{font-size:clamp(15px,1.35vw,17.5px);line-height:1.75;color:#c9c7bf;max-width:60ch}.about-copy strong{color:var(--ink);font-weight:500}.about-education{margin-top:clamp(36px,5vh,56px);display:grid;grid-template-columns:92px 1fr;gap:18px 28px;border-top:1px solid var(--line);padding-top:28px}.about-education__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);padding-top:3px}.about-education__school{font-family:var(--font-display);font-size:clamp(19px,1.9vw,24px);line-height:1.15}.about-education__detail{margin-top:8px;font-size:13.5px;line-height:1.65;color:var(--muted);max-width:52ch}.skillfan{margin-top:clamp(40px,6vh,72px)}.skillfan__hint{margin-top:18px;color:var(--accent);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.skillfan__label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.skillfan__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);perspective:1400px}.skillcard{position:relative;aspect-ratio:3 / 4.1;background:transparent;border:0;padding:0;cursor:pointer;will-change:transform,opacity}.skillcard:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.skillcard__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.24,1.35,.36,1)}.skillcard.is-flipped .skillcard__inner{transform:rotateY(180deg)}.skillcard__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--line-strong);box-shadow:0 24px 48px -20px #0009,0 6px 18px #00000059;transition:border-color .3s ease,box-shadow .3s ease}.skillcard:hover .skillcard__face{border-color:#c6b4878c;box-shadow:0 30px 60px -22px #000000ad,0 8px 22px #0006}.skillcard__face--cover img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.92)}.skillcard:hover .skillcard__face--cover img{filter:brightness(1.02)}.skillcard__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#050608b8,#05060800 42%)}.skillcard__idx{position:absolute;top:12px;left:14px;font-size:10px;letter-spacing:.22em;color:#f0eee7e6;text-shadow:0 1px 4px rgba(0,0,0,.8)}.skillcard__cover-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;color:#f0eee7d1}.skillcard__face--info{transform:rotateY(180deg);background:radial-gradient(130% 80% at 82% -8%,rgba(198,180,135,.16),transparent 55%),radial-gradient(120% 70% at 8% 112%,rgba(198,180,135,.07),transparent 60%),linear-gradient(172deg,#12131a,#0b0c10 68%,#08090c);color:#d6d1c2;border-color:#c6b48766;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px 14px}.skillcard__face--info:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(198,180,135,.22);border-radius:8px;pointer-events:none}.skillcard__ghost{position:absolute;right:6px;bottom:-10px;font-size:96px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(198,180,135,.16);pointer-events:none;-webkit-user-select:none;user-select:none}.skillcard__kicker{font-size:8px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.skillcard__kicker:before{content:"◆ ";color:#c05242}.skillcard__title{width:100%;text-align:center;font-size:clamp(17px,1.6vw,23px);line-height:1.12;color:#e8dfc8;border:1px solid rgba(198,180,135,.38);background:#c6b4870f;padding:9px 8px}.skillcard__note{font-size:11px;line-height:1.58;color:#a5a192}.skillcard__tools{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px;width:100%}.skillcard__tool{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#cfcaba;border:1px solid rgba(198,180,135,.32);background:#c6b4870d;border-radius:999px;padding:4px 9px}.skillcard__flip-hint{margin-top:4px;padding-top:9px;border-top:1px solid rgba(198,180,135,.18);width:100%;font-size:7.5px;letter-spacing:.26em;text-transform:uppercase;color:#c6b4878c}@media (prefers-reduced-motion: reduce){.skillcard__inner{transition:none}}@media (max-width: 719px){.skillfan__row{grid-template-columns:repeat(2,minmax(0,1fr))}.skillcard{aspect-ratio:3 / 4.3}.skillcard__note{font-size:10px;line-height:1.45}.skillcard__tool{font-size:7px;padding:3px 7px}.skillcard__flip-hint{display:none}}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2.2vw,28px)}.project-card{position:relative;border-radius:6px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transform-style:preserve-3d;will-change:transform;transition:border-color .3s ease;text-align:left;padding:0;display:block;width:100%}.project-card:hover,.project-card:focus-visible{border-color:var(--line-strong)}.project-card--wide{grid-column:span 12}.project-card--tall{grid-column:span 5}.project-card--normal{grid-column:span 7}.project-card__media{display:block;position:relative;overflow:hidden}.project-card--wide .project-card__media{aspect-ratio:21 / 9}.project-card--tall .project-card__media{aspect-ratio:4 / 4.6}.project-card--normal .project-card__media{aspect-ratio:16 / 10}.project-card__img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .7s var(--ease-out)}.project-card:hover .project-card__img{transform:scale(1.06)}.project-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease;background:radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%),rgba(198,180,135,.14),transparent 62%);pointer-events:none}.project-card:hover .project-card__glow{opacity:1}.project-card__index{position:absolute;top:14px;left:16px;z-index:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:#f0eee7d9;text-shadow:0 1px 4px rgba(0,0,0,.8)}.project-card__body{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 18px 20px;border-top:1px solid var(--line)}.project-card__title{font-family:var(--font-display);font-size:clamp(19px,1.8vw,24px);line-height:1.05}.project-card__cat{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.project-card__arrow{font-family:var(--font-display);font-size:20px;color:var(--muted);transition:color .25s ease,transform .35s var(--ease-out)}.project-card:hover .project-card__arrow{color:var(--accent);transform:translate(3px,-3px)}.labcard{position:relative;grid-column:span 6;border-radius:6px;border:1px dashed rgba(198,180,135,.4);background:radial-gradient(90% 70% at 80% 0%,rgba(198,180,135,.06),transparent 60%),linear-gradient(175deg,#0e0f13,#0a0b0e);padding:22px 20px 18px;min-height:210px;display:flex;flex-direction:column}.labcard__index{font-size:10px;letter-spacing:.2em;color:var(--muted)}.labcard__stamp{position:absolute;top:18px;right:14px;transform:rotate(-7deg);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(198,180,135,.45);border-radius:3px;padding:5px 9px;opacity:.85}.labcard__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-bottom:12px;animation:labPulse 2.4s ease-in-out infinite}@keyframes labPulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.labcard__title{font-size:clamp(22px,2.4vw,32px);color:var(--ink)}.labcard__blurb{margin-top:10px;font-size:13px;line-height:1.6;color:var(--muted);max-width:44ch}.labcard__foot{margin-top:auto;padding-top:14px;font-size:8.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);opacity:.7}@media (prefers-reduced-motion: reduce){.labcard__dot{animation:none}}@media (max-width: 719px){.labcard{grid-column:span 12;min-height:170px}}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);background:#040507c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .35s ease}.detail-overlay.is-open{opacity:1;pointer-events:auto}.detail-panel{width:min(920px,100%);max-height:min(86svh,900px);overflow-y:auto;background:#101116f7;border-radius:12px;box-shadow:0 32px 80px -24px #000c;transform:translateY(22px) scale(.985);transition:transform .45s var(--ease-out)}.detail-overlay.is-open .detail-panel{transform:none}.detail-panel__head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#101116eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.detail-close{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;transition:color .25s ease,border-color .25s ease}.detail-close:hover{color:var(--accent);border-color:#c6b4878c}.detail-panel__img{width:100%;max-height:52svh;object-fit:cover;display:block}.detail-panel__embed{position:relative;width:100%;aspect-ratio:16 / 9;border:0;display:block}.detail-panel__body{padding:26px 24px 30px}.detail-panel__title{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);line-height:1.05;margin-bottom:14px}.detail-panel__text{color:#c9c7bf;font-size:15px;line-height:1.7;max-width:68ch}.detail-panel__caption{margin-top:18px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.cs__body{padding:28px 26px 36px}.cs__eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--muted)}.cs__title{font-size:clamp(34px,5vw,58px);margin:12px 0 0}.cs__chapter{margin-top:10px}.cs__statsline{margin-top:12px;color:var(--muted)}.cs__outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.cs__outcomes p{font-size:12.5px;line-height:1.6;color:var(--muted)}.cs__paragraph{margin-top:24px;color:#c9c7bf;font-size:15px;line-height:1.75;max-width:68ch}.cs__ba{margin-top:30px}.cs__ba-label{font-family:var(--font-display);font-size:clamp(20px,2.6vw,30px);line-height:1.15;color:var(--ink);text-align:center}.cs__ba-label span{color:var(--muted);font-size:.72em}.cs__ba .igpost{margin-top:16px;max-width:460px;margin-left:auto;margin-right:auto}.cs__title{font-size:clamp(38px,6vw,64px);margin:10px 0 0}.cs__title em{font-style:italic;color:#c05242}.cs__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 8px}.cs__card{background:linear-gradient(170deg,#f4f2ea,#e4e1d6);border-radius:8px;padding:18px 16px 14px;display:flex;flex-direction:column;gap:8px;color:#15161a;box-shadow:0 14px 30px -14px #0000008c}.cs__card-value{color:#15161a;font-size:clamp(30px,4vw,46px);line-height:1}.cs__card-label{color:#6f6a58;font-size:9px}.project-card__mock.project-card__mock--case{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:54px 22px 20px;background:radial-gradient(120% 90% at 85% -10%,rgba(198,180,135,.1),transparent 55%),linear-gradient(175deg,#101116,#0a0b0e);text-align:left}.pcc__eyebrow{position:absolute;top:15px;right:18px;font-size:8.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent)}.pcc__title{font-size:clamp(26px,2.4vw,38px)}.pcc__title i{font-style:italic;color:var(--accent);font-size:.72em}.pcc__intro{margin-top:10px;font-size:11.5px;line-height:1.62;color:var(--muted);max-width:46ch}.pcc__stats{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pcc__stat{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:6px;background:#f0eee706;padding:12px 12px 10px}.pcc__stat-value{font-size:clamp(20px,2vw,30px)}.pcc__stat-label{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pcc__foot{margin-top:14px;font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.cs__table{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.cs__table-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.cs__table-head,.cs__table-row{display:grid;grid-template-columns:168px 1fr 1fr;gap:18px;align-items:baseline}.cs__table-head{margin-top:16px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.cs__table-row{padding:13px 0;border-bottom:1px solid var(--line)}.cs__table-aspect{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.cs__table-before,.cs__table-after{font-size:12.5px;line-height:1.6}.cs__table-before{color:var(--muted)}.cs__table-after{color:#d6d4cb}@media (max-width: 719px){.cs__table-head{display:none}.cs__table-head,.cs__table-row{grid-template-columns:1fr;gap:6px}.cs__table-before:before,.cs__table-after:before{content:attr(data-label) " — ";font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}}.igpost{border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;margin-top:26px;background:#0b0c10}.igpost__head{display:flex;align-items:center;gap:10px;padding:12px 14px}.igpost__avatar{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#d0685a,#8a3527 60%,#4d1c12);flex:none}.igpost__handle{color:var(--ink);letter-spacing:.1em}.igpost__more{margin-left:auto;color:var(--muted);letter-spacing:.1em}.igpost__media{position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.igpost__media:active{cursor:grabbing}.igpost__track{display:flex;transition:transform .35s var(--ease-out);will-change:transform}.igpost__slide{flex:0 0 100%;aspect-ratio:4 / 5;background-color:#101216;position:relative;overflow:hidden}.igpost__slide--photo img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.igpost__slide--before .igpost__nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#08090bb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.igpost__nav:hover{color:var(--accent)}.igpost__nav--prev{left:10px}.igpost__nav--next{right:10px}.igpost__count{position:absolute;top:12px;right:12px;padding:4px 9px;border-radius:999px;background:#08090bb8;font-size:9px;color:var(--ink)}.igpost__actions{display:flex;align-items:center;gap:14px;padding:12px 14px}.igpost__icon{width:19px;height:19px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.igpost__dots{margin-left:auto;display:flex;gap:5px}.igpost__dots i{width:5px;height:5px;border-radius:50%;background:#f0eee740;transition:background .25s ease}.igpost__dots i.on{background:var(--accent)}.cs__cta{margin-top:34px;font-size:clamp(26px,4vw,40px)}.cs__link{display:inline-block;margin-top:14px;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:11px;border-bottom:1px solid rgba(198,180,135,.4);padding-bottom:4px}.cs__link:hover{border-color:var(--accent)}.project-card__mock{display:flex;align-items:flex-end;justify-content:center;gap:4%;width:100%;height:100%;background:radial-gradient(46% 60% at 50% 70%,rgba(198,180,135,.07),transparent 70%),linear-gradient(180deg,#0e0f13,#0a0b0e)}.pcm-phone{width:13%;min-width:34px;aspect-ratio:9 / 17;border-radius:10px;border:1px solid rgba(240,238,231,.16);background:linear-gradient(180deg,#16171d 12%,#0d0e12);position:relative}.pcm-phone:after{content:"";position:absolute;top:6%;left:50%;transform:translate(-50%);width:34%;height:2.5%;border-radius:3px;background:#f0eee724}.pcm-phone--tall{width:15%;min-width:40px;height:118%}.pcm-desktop{width:44%;aspect-ratio:16 / 10;border-radius:8px;border:1px solid rgba(240,238,231,.16);background:#101116;display:flex;flex-direction:column;overflow:hidden}.pcm-desktop__bar{height:14%;background:#171920;border-bottom:1px solid rgba(240,238,231,.08)}.pcm-desktop__body{flex:1;background:linear-gradient(90deg,rgba(198,180,135,.14),transparent 38%),repeating-linear-gradient(180deg,rgba(240,238,231,.045) 0 8%,transparent 8% 16%)}.detail-panel__mock{aspect-ratio:16 / 9;max-height:44svh;border-bottom:1px solid var(--line)}.showroom:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 42% at 50% 62%,rgba(198,180,135,.055),transparent 70%);pointer-events:none}.showroom__stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:68svh;margin:0 auto}.showroom__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;cursor:grab;touch-action:pan-y}.showroom__stage canvas:active{cursor:grabbing}.showroom__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:6px}.showroom__title{font-size:clamp(30px,4.6vw,60px);margin-top:10px}.showroom__title em{font-style:italic;color:var(--accent)}.showroom__hint{flex:none;padding-bottom:10px}@media (max-width: 720px){.showroom__stage{aspect-ratio:4 / 3}.showroom__foot{flex-direction:column;align-items:flex-start;gap:8px}.showroom__hint{padding-bottom:0}}.contact{text-align:center;padding-top:clamp(120px,20vh,220px);padding-bottom:clamp(120px,20vh,220px)}.contact__headline{font-family:var(--font-display);font-size:clamp(34px,6.4vw,84px);line-height:1.04;max-width:18ch;margin:0 auto}.contact__headline em{font-style:italic;color:var(--accent)}.contact__cta{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(32px,6vh,56px);padding:16px 30px;border:1px solid var(--line-strong);border-radius:999px;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);transition:border-color .3s ease,background .3s ease,color .3s ease,transform .35s var(--ease-out)}.contact__cta:hover{border-color:#c6b48799;background:#c6b48714;color:var(--accent);transform:translateY(-2px)}.footer{border-top:1px solid var(--line);padding:26px var(--pad-x) max(26px,env(safe-area-inset-bottom));max-width:var(--content-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width: 1024px){.about-grid{grid-template-columns:minmax(0,1fr)}.about-photo-wrap{max-width:420px}.tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-card--tall,.project-card--normal{grid-column:span 6}}@media (max-width: 720px){:root{--badge-w: 168px;--badge-h: 252px}.hero{justify-content:flex-start;padding-top:clamp(84px,14vh,140px)}.hero__title{font-size:clamp(58px,19.5vw,120px)}.hero__hud--tl{display:none}.hero__sub{max-width:62%}.project-card--tall,.project-card--normal,.project-card--wide{grid-column:span 12}.footer{flex-direction:column;align-items:flex-start}}@media (max-width: 420px){:root{--badge-w: 148px;--badge-h: 222px}}