:root{--paper:#f4efe6;--paper-2:#efe8db;--card:#faf6ee;--ink:#211c17;--ink-2:#4a4239;--ink-3:#8a8073;--line:#ddd4c4;--line-2:#cabfab;--accent:#b5451f;--accent-2:#1f5e57;--accent-rgb:181,69,31;--paper-rgb:244,239,230;--max:1180px;--gutter:clamp(1.25rem,5vw,4rem);--serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Geist","Geist Variable",system-ui,sans-serif;--mono:"Geist Mono","Geist Mono Variable",ui-monospace,"SF Mono",Menlo,monospace;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:light}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"ss01","cv01"}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;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='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");mix-blend-mode:multiply}a{color:inherit;text-decoration:none}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:0;background:transparent}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem 1rem;border-radius:6px}.skip:focus{left:1rem;top:1rem}.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter);position:relative;z-index:1}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.serif{font-family:var(--serif)}#bar{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:60;transition:width .1s linear,opacity .25s var(--ease)}nav.site{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--gutter);background:transparent;transition:background .3s var(--ease),border-color .3s,padding .3s,opacity .25s var(--ease);border-bottom:1px solid transparent}html.lb-open nav.site,html.lb-open #bar{opacity:0;pointer-events:none}nav.site.solid{background:rgba(var(--paper-rgb),.82);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-color:var(--line);padding-block:.7rem}nav.site .brand{font-family:var(--serif);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.6rem}nav.site .brand b{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent)}nav.site .links{display:flex;align-items:center;gap:1.8rem}nav.site .links a{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);transition:color .2s}nav.site .links a:hover{color:var(--accent)}nav.site .links .cta{border:1px solid var(--line-2);padding:.5rem .85rem;border-radius:999px;color:var(--ink)}nav.site .links .cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media(max-width:720px){nav.site .links a:not(.cta){display:none}}.rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}header.hero{padding-top:clamp(7rem,16vh,11rem);padding-bottom:clamp(3rem,7vh,5rem);position:relative}.hero .tag{display:flex;align-items:center;gap:.6rem;color:var(--ink-3)}.hero .tag .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-2)}@keyframes pulse{0%{box-shadow:0 0 #1f5e5773}70%{box-shadow:0 0 0 7px #1f5e5700}to{box-shadow:0 0 #1f5e5700}}.hero h1{font-family:var(--serif);font-weight:340;font-size:clamp(2.9rem,9vw,7.4rem);line-height:.97;letter-spacing:-.025em;margin-top:1.4rem;font-optical-sizing:auto}.hero h1 .em{font-style:italic;color:var(--accent)}.hero h1 .word{display:inline-block;opacity:0;transform:translateY(40%);animation:rise .95s var(--ease) forwards}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero h1 .word{animation:none;opacity:1;transform:none}}.hero .lede{max-width:38rem;margin-top:1.8rem;font-size:clamp(1.05rem,1.7vw,1.3rem);color:var(--ink-2);line-height:1.5}.hero .lede b{color:var(--ink);font-weight:500}.hero .actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.2rem}.btn{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 1.3rem;border-radius:999px;border:1px solid var(--line-2);transition:.22s var(--ease);display:inline-flex;align-items:center;gap:.5rem}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.btn.ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.hero .meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3.6rem;border-top:1px solid var(--line);padding-top:1.5rem}.hero .meta .k{color:var(--ink-3)}.hero .meta .v{margin-top:.4rem;font-size:.92rem;color:var(--ink)}@media(max-width:640px){.hero .meta{grid-template-columns:repeat(2,1fr);gap:1.2rem 1rem}}.proof{border-block:1px solid var(--line);background:var(--paper-2);overflow:hidden;margin-top:1rem;position:relative;z-index:1}.proof .track{display:flex;width:max-content;animation:scroll 38s linear infinite;will-change:transform}.proof:hover .track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.proof .track{animation:none}}.proof .item{display:flex;align-items:baseline;gap:.8rem;padding:1.15rem 2.2rem;border-right:1px solid var(--line);white-space:nowrap}.proof .num{font-family:var(--serif);font-size:1.7rem;font-weight:500;color:var(--accent)}.proof .lbl{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}section{padding-block:clamp(4rem,9vh,7rem);position:relative}.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);padding-bottom:1.1rem;margin-bottom:3rem}.shead .idx{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.shead h2{font-family:var(--serif);font-weight:380;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.02em;line-height:1;margin-top:.5rem}.shead .cap{max-width:24rem;color:var(--ink-2);font-size:.92rem;text-align:right}@media(max-width:680px){.shead{flex-direction:column;align-items:flex-start}.shead .cap{text-align:left}}.work-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding-block:2.6rem;border-bottom:1px solid var(--line);position:relative}.work-item:first-child{padding-top:0}.work-item .left .topline{display:flex;align-items:center;gap:1rem;color:var(--ink-3)}.work-item .left .topline .n{font-family:var(--mono);color:var(--accent)}.work-item h3{font-family:var(--serif);font-weight:420;font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.02em;line-height:1.02;margin-top:.7rem;transition:color .25s}.work-item h3 a:hover{color:var(--accent)}.work-item h3 .arr{font-family:var(--sans);font-size:1rem;color:var(--ink-3);display:inline-block;transition:transform .25s,color .25s;vertical-align:middle;margin-left:.4rem}.work-item:hover h3 .arr{transform:translate(4px,-4px);color:var(--accent)}.work-item .role{margin-top:.9rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.work-item .summary{margin-top:1.1rem;color:var(--ink-2);font-size:1rem;max-width:34rem}.work-item .metrics{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:1.6rem}.work-item .metrics .m .mv{font-family:var(--serif);font-size:1.55rem;font-weight:500}.work-item .metrics .m .ml{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:.15rem}.work-item .stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.work-item .stack span{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;padding:.32rem .6rem;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-2)}.viz-stage{width:100%;perspective:1000px}.viz-stage.zoomed{z-index:5}.work-item .viz{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;min-height:248px;position:relative;display:flex;flex-direction:column;will-change:transform;box-shadow:0 1px 2px #211c170a}.viz.accent{background:linear-gradient(150deg,var(--card),var(--paper-2))}.viz-sheen{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.7;mix-blend-mode:soft-light}.viz .vhead{display:flex;align-items:center;gap:.45rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);color:var(--ink-3);position:relative;z-index:4}.viz .vhead .dot{width:11px;height:11px;padding:0;border-radius:50%;display:grid;place-items:center;line-height:0;transition:transform .15s var(--ease)}.viz .vhead .dot i{width:11px;height:11px;border-radius:50%;background:var(--line-2);transition:filter .15s}.viz .vhead .dot.red i{background:#e0695a}.viz .vhead .dot.yellow i{background:#e6bd5c}.viz .vhead .dot.green i{background:#7fc08a}.viz .vhead .dot:hover{transform:scale(1.22)}.viz .vhead .dot:hover i{filter:brightness(1.08) saturate(1.3)}.viz .vlabel{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--ink-3);margin-left:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz .vbody-wrap{position:relative;z-index:2;overflow:hidden}.viz .vbody{padding:1.05rem 1.1rem 1.15rem;font-family:var(--mono);font-size:.74rem;color:var(--ink-2);line-height:1.7;display:flex;flex-direction:column;gap:.7rem}.viz .vlines{display:flex;flex-direction:column;gap:.5rem}.viz .line{display:flex;flex-direction:column;gap:.35rem}.viz .line-main{display:flex;gap:.55rem;align-items:baseline;flex-wrap:wrap}.viz .k{color:var(--accent-2);flex-shrink:0}.viz .t{color:var(--ink-2)}.viz .pct,.viz .tag{color:var(--accent);margin-left:auto}.viz .dim{color:var(--ink-3);margin-left:auto}.viz .bar{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent),transparent)}.viz .score-track{display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.viz .score-track.wide{margin:.1rem 0}.viz .score-fill{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.viz .prompt{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);padding:.5rem .65rem}.viz .prompt:focus-within{border-color:var(--accent)}.viz .vinput{flex:1;font-family:var(--mono);font-size:.74rem;color:var(--ink);background:none;border:none;outline:none;caret-color:var(--accent);min-width:0}.viz .chips{display:flex;flex-wrap:wrap;gap:.4rem}.viz .chip{font-family:var(--mono);font-size:.64rem;letter-spacing:.03em;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:.28rem .6rem;transition:.18s var(--ease)}.viz .chip:hover{color:var(--paper);background:var(--accent);border-color:var(--accent)}.viz .run-btn{align-self:flex-start;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--paper-2);border:1px solid var(--line-2);border-radius:7px;padding:.45rem .8rem;transition:.18s var(--ease)}.viz .run-btn:hover{color:var(--paper);background:var(--accent-2);border-color:var(--accent-2)}.viz .run-btn.busy{opacity:.75;color:var(--accent-2)}.viz .run-out{display:flex;flex-direction:column;gap:.6rem}.viz .gauge{display:flex;align-items:baseline;gap:.6rem;border-top:1px dashed var(--line);padding-top:.7rem}.viz .gauge-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.viz .gauge-value{font-family:var(--serif);font-size:1.7rem;font-weight:500;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}.viz .gauge-value em{font-style:normal;font-family:var(--mono);font-size:.7rem;color:var(--ink-3);margin-left:.15rem}.viz .segmented{display:inline-flex;gap:.2rem;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:.2rem;align-self:flex-start}.viz .seg{font-family:var(--mono);font-size:.64rem;letter-spacing:.04em;color:var(--ink-2);border-radius:6px;padding:.32rem .6rem;transition:.16s var(--ease);text-transform:lowercase}.viz .seg.on{color:var(--paper);background:var(--accent)}.viz .seg:not(.on):hover{color:var(--ink)}.viz .metrics{display:flex;flex-direction:column;gap:.5rem;border-top:1px dashed var(--line);padding-top:.7rem}.viz .metric{display:flex;align-items:center;gap:.7rem}.viz .metric .k{width:2.6rem}.viz .spark{display:flex;align-items:flex-end;gap:2px;height:16px;flex:1}.viz .spark i{flex:1;min-width:2px;border-radius:1px;background:linear-gradient(180deg,var(--accent-2),var(--line-2));transition:height .4s var(--ease)}.viz .mval{font-variant-numeric:tabular-nums;color:var(--ink);min-width:3.4rem;text-align:right}.viz .mval em{font-style:normal;color:var(--ink-3);font-size:.62rem;margin-left:.1rem}.viz .live-tag{display:flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.viz .live-dot{width:6px;height:6px;border-radius:50%;background:var(--line-2)}.viz .live-dot.on{background:var(--accent-2);animation:livepulse 1.6s var(--ease) infinite}@keyframes livepulse{0%{box-shadow:0 0 #1f5e5780}70%{box-shadow:0 0 0 5px #1f5e5700}to{box-shadow:0 0 #1f5e5700}}@media(max-width:820px){.work-item{grid-template-columns:1fr}.work-item .viz-stage{order:-1}.work-item .viz{min-height:200px}}@media(prefers-reduced-motion:reduce){.viz .spark i{transition:none}.viz .live-dot.on{animation:none}}.exp-row{display:grid;grid-template-columns:170px 1fr;gap:1.5rem;padding-block:1.6rem;border-bottom:1px solid var(--line);align-items:start;transition:padding-left .3s var(--ease)}.exp-row:hover{padding-left:.8rem}.exp-row .when{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--ink-3);padding-top:.3rem}.exp-row .erole{font-family:var(--serif);font-size:1.3rem;font-weight:460}.exp-row .org{color:var(--accent);font-size:.92rem;margin-top:.1rem}.exp-row .desc{color:var(--ink-2);font-size:.92rem;margin-top:.6rem;max-width:46rem}@media(max-width:640px){.exp-row{grid-template-columns:1fr;gap:.4rem}}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,6vw,5rem)}.about-grid p{font-size:1.12rem;color:var(--ink-2);margin-bottom:1.2rem;max-width:40rem}.about-grid p.big{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:380;line-height:1.3;color:var(--ink)}.about-grid p b{color:var(--ink);font-weight:500}.about-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:1.6rem;align-self:start}.about-card .row{display:flex;justify-content:space-between;gap:1rem;padding-block:.7rem;border-bottom:1px dashed var(--line)}.about-card .row:last-child{border-bottom:none}.about-card .row .k{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.about-card .row .v{font-size:.9rem;text-align:right;color:var(--ink)}@media(max-width:780px){.about-grid{grid-template-columns:1fr}}.skills{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.skills .cell{padding:1.6rem 1.7rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.skills .cell:nth-child(2n){border-right:none}.skills .cell .h{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}.skills .cell .items{display:flex;flex-wrap:wrap;gap:.5rem}.skills .cell .items span{font-size:.86rem;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:.3rem .6rem}@media(max-width:680px){.skills{grid-template-columns:1fr}.skills .cell{border-right:none}}.direction{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.direction .dcell{padding:1.8rem 1.7rem;border-right:1px solid var(--line)}.direction .dcell:last-child{border-right:none}.direction .dcell .dh{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.direction .dcell .dbody{font-size:.95rem;line-height:1.6;color:var(--ink-2);margin-bottom:1.2rem}.direction .dcell .dtags{display:flex;flex-wrap:wrap;gap:.5rem}.direction .dcell .dtags span{font-size:.78rem;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:.28rem .55rem}@media(max-width:880px){.direction{grid-template-columns:1fr}.direction .dcell{border-right:none;border-bottom:1px solid var(--line)}.direction .dcell:last-child{border-bottom:none}}.contact{text-align:center;padding-block:clamp(5rem,12vh,9rem)}.contact .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.contact h2{font-family:var(--serif);font-weight:360;font-size:clamp(2.4rem,7vw,5rem);letter-spacing:-.025em;line-height:1.02;margin-top:1rem}.contact h2 .em{font-style:italic;color:var(--accent)}.contact .mail{display:inline-block;margin-top:2rem;font-family:var(--serif);font-size:clamp(1.1rem,2.6vw,1.7rem);border-bottom:1px solid var(--line-2);padding-bottom:.2rem;transition:.25s}.contact .mail:hover{color:var(--accent);border-color:var(--accent)}.contact .links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.8rem;margin-top:2.4rem}.contact .links a{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);transition:.2s}.contact .links a:hover{color:var(--accent)}footer.site{border-top:1px solid var(--line);padding:2rem var(--gutter);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--ink-3);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}.friends-hero{padding-bottom:clamp(2rem,5vh,3.5rem)}.friends-hero h1{font-size:clamp(2.6rem,8vw,6rem)}.friends-hero .lede{max-width:42rem}.friends-sec{padding-top:clamp(1rem,3vh,2rem)}.fw{position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,var(--card),var(--paper-2));padding:clamp(1rem,3vw,2.2rem);overflow:hidden}.fw-glow{position:absolute;inset:0;z-index:0;pointer-events:none}.fw-grid{position:relative;z-index:1;display:flex;align-items:flex-start;gap:clamp(.7rem,1.6vw,1.2rem)}.fw-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(.7rem,1.6vw,1.2rem)}.fw-card{perspective:1000px;transition:opacity .35s var(--ease),filter .35s var(--ease)}.fw-grid:has(.fw-card:hover) .fw-card:not(:hover){opacity:.62;filter:saturate(.85)}.fw-tilt{position:relative;border-radius:12px;overflow:hidden;transform-style:preserve-3d;box-shadow:0 1px 3px #211c1714;transition:box-shadow .3s var(--ease)}.fw-tilt:hover{box-shadow:0 20px 44px -14px #211c1780}.fw-frame{position:relative;width:100%;background:var(--paper-2);overflow:hidden}.fw-img{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;opacity:0;transition:opacity .6s var(--ease),transform .6s var(--ease)}.fw-img.on{opacity:1}.fw-tilt:hover .fw-img{transform:scale(1.06)}.fw-cap{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .8rem .7rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;color:#fff;background:linear-gradient(transparent,#000000b8);opacity:0;transform:translateY(8px);transition:.3s var(--ease);pointer-events:none}.fw-tilt:hover .fw-cap{opacity:1;transform:none}.fw-tilt{cursor:zoom-in}.fw-lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);background:#000000d6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fw-lb-fig{position:relative;display:flex;flex-direction:column;gap:.9rem;max-width:min(1100px,92vw);max-height:90vh}.fw-lb-img{max-width:100%;max-height:78vh;width:auto;height:auto;margin:0 auto;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px -20px #000000d9}.fw-lb-bar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.fw-lb-cap{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:#fffc;margin-right:auto}.fw-lb-btn{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.55rem 1.1rem;transition:.18s var(--ease);cursor:pointer}.fw-lb-btn:hover{filter:brightness(1.08)}.fw-lb-btn.ghost{background:transparent;border-color:#ffffff59;color:#ffffffd9}.fw-lb-btn.ghost:hover{border-color:#fff;color:#fff;filter:none}.fw-lb-x{position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);font-size:.95rem;transition:.18s var(--ease)}.fw-lb-x:hover{background:#fff3}.fw-empty{padding:clamp(3rem,10vh,6rem) 1.5rem;text-align:center;border:1px dashed var(--line-2);border-radius:18px;background:var(--card)}.fw-empty .mono{display:block;color:var(--accent);margin-bottom:.8rem}.fw-empty p{color:var(--ink-2);max-width:26rem;margin:0 auto}@media(prefers-reduced-motion:reduce){.fw-tilt:hover .fw-img{transform:none}.fw-grid:has(.fw-card:hover) .fw-card:not(:hover){opacity:1;filter:none}}.qr-hero{padding-bottom:clamp(2rem,5vh,3.5rem)}.qr-hero h1{font-size:clamp(2.6rem,8vw,6rem)}.qr-sec{padding-top:clamp(1rem,3vh,2rem)}.qr-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}@media(max-width:860px){.qr-app{grid-template-columns:1fr}}.qr-panel{display:flex;flex-direction:column;gap:1.4rem;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:clamp(1.3rem,3vw,1.9rem)}.qr-field{display:flex;flex-direction:column;gap:.6rem}.qr-flabel{color:var(--ink-3)}.qr-input{font-family:var(--mono);font-size:.86rem;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:9px;padding:.8rem .9rem;resize:vertical;line-height:1.5;transition:border-color .2s var(--ease)}.qr-input:focus{outline:none;border-color:var(--accent)}.qr-input::placeholder{color:var(--ink-3)}.qr-samples{display:flex;flex-wrap:wrap;gap:.5rem}.qr-chip{font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:.32rem .7rem;transition:.18s var(--ease)}.qr-chip:hover{color:var(--paper);background:var(--accent);border-color:var(--accent)}.qr-row{display:flex;flex-direction:column;gap:.6rem}.qr-seg{display:inline-flex;flex-wrap:wrap;gap:.2rem;background:var(--paper-2);border:1px solid var(--line);border-radius:9px;padding:.25rem;align-self:flex-start}.qr-segbtn{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-2);border-radius:6px;padding:.4rem .7rem;transition:.16s var(--ease);display:inline-flex;align-items:center;gap:.4rem}.qr-segbtn.on{color:var(--paper);background:var(--accent)}.qr-segbtn:not(.on):hover{color:var(--ink)}.qr-segbtn.swatch i{width:10px;height:10px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.15)}.qr-preview{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:5.5rem}@media(max-width:860px){.qr-preview{position:static}}.qr-stage{border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,var(--card),var(--paper-2));padding:clamp(1.4rem,4vw,2.4rem);display:flex;align-items:center;justify-content:center;min-height:300px;box-shadow:0 1px 2px #211c170a}.qr-stage.err{border-style:dashed;border-color:var(--accent)}.qr-svg{width:100%;max-width:340px;aspect-ratio:1}.qr-svg svg{width:100%;height:100%;border-radius:10px;box-shadow:0 14px 36px -16px #211c1766}.qr-msg{color:var(--ink-3);max-width:22rem;text-align:center;line-height:1.7;text-transform:none;letter-spacing:.02em}.qr-stage.err .qr-msg{color:var(--accent)}.qr-actions{display:flex;flex-wrap:wrap;gap:.7rem}.qr-actions .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.qr-note{color:var(--ink-3);text-transform:none;letter-spacing:.03em}.nf{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.2rem;padding:var(--gutter)}.nf h1{font-family:var(--serif);font-size:clamp(4rem,18vw,11rem);font-weight:340;line-height:.9;letter-spacing:-.03em}.nf h1 .em{font-style:italic;color:var(--accent)}.nf p{color:var(--ink-2);max-width:30rem}