:root{--blue:#3B9EE8;--blue-dark:#186DB0;--gold:#C9A96A;--gold-dark:#7A5F26;--warm:#E8DCC8;--sage:#4E8F86;--sage-dark:#3A6B62;--navy:#08111D;--ivory:#F5F1EA;--r-sm:4px;--r-md:10px;--r-lg:20px;--gutter:clamp(20px,5vw,64px);--max:1200px;--ease:cubic-bezier(.2,.8,.2,1)}.band-dark{--bg:#08111D;--surface:#101A28;--ink:#F4EFE5;--muted:rgba(232,220,200,.66);--line:rgba(232,220,200,.14);--edge:rgba(201,169,106,.55);--accent:var(--gold);--accent-ink:#08111D;--soft:rgba(201,169,106,.10);--live:var(--sage);background:var(--bg);color:var(--ink)}.band-light{--bg:#F5F1EA;--surface:#FFFFFF;--ink:#0B1829;--muted:#4A5568;--line:#DED6C6;--edge:#9A8B6E;--accent:var(--gold-dark);--accent-ink:#FFFFFF;--soft:rgba(122,95,38,.08);--live:var(--sage-dark);background:var(--bg);color:var(--ink)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:17px;line-height:1.7;letter-spacing:-.003em;background:#08111D;color:#F4EFE5;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}ul{list-style:none}:focus-visible{outline:2px solid var(--accent,#C9A96A);outline-offset:3px;border-radius:var(--r-sm)}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.dsp{font-family:'Bricolage Grotesque','Inter',sans-serif}.skip,.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--gold);color:#08111D;padding:12px 20px;border-radius:0 0 var(--r-md) 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;text-decoration:none}.skip:focus,.skip-link:focus{left:0}.reveal-on .reveal{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal-on .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}}.nav-outer{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(8,17,29,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,220,200,.14);--ink:#F4EFE5;--muted:rgba(232,220,200,.66);--accent:var(--gold);--accent-ink:#08111D;--edge:rgba(201,169,106,.55)}main{display:block;margin-top:82px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0}.nav-logo{height:64px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;line-height:1;color:var(--ink);padding:9px 12px;border-radius:var(--r-sm);transition:opacity .2s var(--ease),color .2s var(--ease);display:inline-flex;align-items:center}.nav-links a:hover{opacity:.72}.nav-links a.on{color:var(--accent);opacity:1}.nav-badge-pill{font-size:9.5px;padding:2px 6px;border-radius:10px;background:rgba(59,158,232,0.2);color:var(--blue);border:1px solid rgba(59,158,232,0.4);margin-left:6px;letter-spacing:0.05em;text-transform:uppercase}.nav-right{display:flex;align-items:center;gap:12px}.lang{display:flex;border:1px solid var(--edge);border-radius:var(--r-sm);overflow:hidden}.lang button{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:11px;letter-spacing:.08em;padding:7px 10px;background:transparent;color:var(--muted);border:0;cursor:pointer;transition:all .2s var(--ease)}.lang button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}.nav-cta{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:13.5px;color:var(--accent-ink);background:var(--accent);padding:11px 20px;border-radius:var(--r-md);text-decoration:none;white-space:nowrap;transition:opacity .2s var(--ease)}.nav-cta:hover{opacity:.86}.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}.burger span{display:block;width:22px;height:1.5px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}.burger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.burger[aria-expanded="true"] span:nth-child(2){opacity:0}.burger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}.mob{display:none;flex-direction:column;border-top:1px solid var(--line);padding:8px 0 18px}.mob.open{display:flex}.mob a{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:15px;color:var(--muted);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line)}.mob a:last-child{border-bottom:0}@media (max-width:1024px){.nav-links{display:none}.burger{display:flex}.nav-logo{height:56px}.nav-cta{display:none}.lang button{padding:6px 8px;font-size:10px}}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,5vw,68px);align-items:center;padding:clamp(52px,7vw,100px) 0 clamp(52px,7vw,92px)}@media (max-width:920px){.hero{grid-template-columns:1fr;gap:42px}}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:11px;letter-spacing:.20em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.eyebrow::before{content:'';width:30px;height:1px;background:var(--accent)}h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(38px,5.4vw,72px);line-height:1.04;letter-spacing:-.022em;margin-bottom:14px}h1 em,h2 em{font-style:normal;color:var(--accent)}.sub{font-family:'Bricolage Grotesque',sans-serif;font-weight:400;font-size:clamp(16px,1.7vw,21px);color:var(--muted);letter-spacing:-.01em;margin-bottom:26px}.lede{font-size:16px;line-height:1.8;color:var(--muted);max-width:470px;margin-bottom:34px;padding-left:18px;border-left:2px solid var(--accent)}.lede b{color:var(--ink);font-weight:600}.stats{display:flex;gap:clamp(20px,3.5vw,40px);flex-wrap:wrap;margin-bottom:32px}.stat{padding-top:13px;border-top:1px solid var(--edge);min-width:88px}.stat-n{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(28px,3.2vw,40px);line-height:1;letter-spacing:-.02em}.stat-l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:9px}.btns{display:flex;gap:12px;flex-wrap:wrap}.btn-p,.btn-g{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:14px;padding:13px 26px;border-radius:var(--r-md);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.btn-p{background:var(--accent);color:var(--accent-ink)}.btn-p:hover{opacity:.86;transform:translateY(-1px)}.btn-g{border:1px solid var(--edge);color:var(--ink)}.btn-g:hover{background:var(--soft);transform:translateY(-1px)}.photo{position:relative}.photo-frame{background:#0B1829;border:1px solid var(--edge);border-radius:var(--r-lg);overflow:hidden;aspect-ratio:650/707}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:top center}.badge{position:absolute;left:-14px;bottom:26px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);padding:13px 18px;display:flex;align-items:center;gap:13px;box-shadow:0 10px 30px rgba(0,0,0,.4)}@media (max-width:920px){.badge{left:12px;bottom:16px}.photo-frame{aspect-ratio:4 / 4.2}.photo-frame img{object-position:center 20%}.hero{padding-bottom:clamp(36px,6vw,60px)}}.badge-mark{width:2px;height:34px;background:var(--accent);border-radius:2px}.badge-n{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;line-height:1;letter-spacing:-.01em}.badge-l{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:4px;text-transform:uppercase}.sec{padding:clamp(58px,7.5vw,104px) 0;scroll-margin-top:82px}.sec+.sec{border-top:1px solid var(--line)}.lbl{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:11px;letter-spacing:.20em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:11px;margin-bottom:16px}.lbl::before{content:'';width:22px;height:1px;background:var(--accent)}h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(28px,3.5vw,46px);line-height:1.08;letter-spacing:-.022em;margin-bottom:12px}h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.018em}.sec-p{color:var(--muted);max-width:560px;font-size:16px;margin-bottom:44px}.subsec{margin-top:clamp(48px,6vw,72px);padding-top:clamp(40px,5vw,56px);border-top:1px solid var(--line)}.subsec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}.subsec-head h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.015em}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:820px){.learn-grid{grid-template-columns:1fr}}.learn-mini{display:block;border:1px solid var(--line);border-radius:var(--r-md);padding:18px;text-decoration:none;color:inherit;transition:border-color .2s var(--ease),transform .2s var(--ease)}.learn-mini:hover{border-color:var(--accent);transform:translateY(-2px)}.learn-mini-tag{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}.learn-mini-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:15px;letter-spacing:-.01em}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:start}@media (max-width:900px){.split{grid-template-columns:1fr;gap:40px}}.about-p{color:var(--muted);font-size:16px;margin-bottom:16px}.about-p b{color:var(--ink);font-weight:600}.pull{margin-top:24px;padding-left:20px;border-left:2px solid var(--accent);font-family:'Bricolage Grotesque',sans-serif;font-size:17px;line-height:1.6;color:var(--ink)}.idx{border-top:1px solid var(--line)}.idx-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line);transition:padding-left .25s var(--ease)}.idx-row:hover{padding-left:10px}.idx-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:16px;letter-spacing:-.01em}.idx-cat{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.idx-st{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-width:100px;justify-content:flex-end}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.live{background:var(--live)}.dot.wip{background:var(--accent)}.link-a{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:13px;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px;display:inline-block;transition:opacity .2s var(--ease)}.link-a:hover{opacity:.8}.idx-more{margin-top:24px}@media (max-width:560px){.idx-cat{display:none}}.frame{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--bg)}.frame-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line)}.fdot{width:7px;height:7px;border-radius:50%;background:var(--edge);opacity:.6}.furl{margin-left:8px;font-size:11px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.frame-img{aspect-ratio:16 / 10;background:linear-gradient(160deg,var(--soft),transparent 72%)}.frame-img img{width:100%;height:100%;object-fit:cover;object-position:top center}.hero-prod{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,52px);align-items:center;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);margin-bottom:24px}@media (max-width:880px){.hero-prod{grid-template-columns:1fr}}.tag{display:inline-block;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid var(--edge);padding:5px 11px;border-radius:var(--r-sm);margin-bottom:14px}.hero-prod h3{font-size:clamp(24px,2.8vw,34px);margin-bottom:10px}.hero-prod p{color:var(--muted);font-size:15px;margin-bottom:18px}.feats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.feat{font-size:12px;letter-spacing:.02em;color:var(--muted);border:1px solid var(--line);padding:5px 11px;border-radius:var(--r-sm)}.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:820px){.prod-grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,26px);transition:transform .3s var(--ease),border-color .3s var(--ease)}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card .frame{margin-bottom:20px}.card h3{font-size:clamp(19px,2.1vw,24px);margin-bottom:9px}.card p{color:var(--muted);font-size:15px;margin-bottom:18px}.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media (max-width:860px){.ecosystem-grid{grid-template-columns:1fr}}.eco-card{background:linear-gradient(145deg,#101E31 0%,#0B1626 100%);border:1px solid rgba(201,169,106,.45);border-radius:var(--r-lg);padding:clamp(24px,3.5vw,36px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.eco-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px rgba(0,0,0,.4)}.eco-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--blue))}.eco-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.eco-badge{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:rgba(201,169,106,.12);border:1px solid rgba(201,169,106,.35);padding:4px 10px;border-radius:var(--r-sm)}.eco-card h3{font-size:clamp(22px,2.5vw,30px);line-height:1.15;margin-bottom:12px;color:#F4EFE5}.eco-card p{font-size:15px;line-height:1.75;color:rgba(232,220,200,.75);margin-bottom:24px}.eco-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.eco-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-sm);background:rgba(255,255,255,.06);border:1px solid rgba(232,220,200,.15);color:var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px)}@media (max-width:820px){.work-grid{grid-template-columns:1fr}}.work-item .frame{margin-bottom:18px;border-color:var(--line)}.work-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:8px}.work-item h3{font-size:clamp(20px,2.2vw,26px)}.work-year{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.work-item p{color:var(--muted);font-size:15px;margin-bottom:14px}.case{border-top:1px solid var(--line);padding:clamp(28px,4vw,44px) 0;display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,54px)}@media (max-width:820px){.case{grid-template-columns:1fr;gap:20px}}.case-no{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(30px,3.4vw,44px);color:var(--accent);line-height:1;letter-spacing:-.02em;opacity:.75}.case-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.case h3{font-size:clamp(22px,2.6vw,30px)}.case-when{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pbr{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,32px);margin-bottom:24px}@media (max-width:820px){.pbr{grid-template-columns:1fr;gap:18px}}.pbr h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}.pbr p{color:var(--muted);font-size:14.5px;line-height:1.72}.stack{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.chip{font-size:11.5px;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);padding:5px 10px;border-radius:var(--r-sm)}.chip.note{border-style:dashed;color:var(--muted);opacity:.85}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}@media (max-width:960px){.testi-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.testi-grid{grid-template-columns:1fr}}.testi{padding-left:18px;border-left:2px solid var(--edge)}.testi q{quotes:none;display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:400;font-size:16px;line-height:1.6;letter-spacing:-.008em;margin-bottom:16px}.testi-n{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:14px}.testi-r{font-size:13px;color:var(--muted);margin-top:2px}.cta{text-align:center;padding:clamp(58px,7.5vw,104px) 0;scroll-margin-top:82px}.signoff{text-align:center;padding:clamp(40px,5.5vw,64px) 0}.signoff-a{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(21px,2.6vw,32px);line-height:1.28;letter-spacing:-.015em;max-width:38ch;margin:0 auto 14px}.signoff-b{font-size:14px;color:var(--muted);letter-spacing:.01em}.cta h2{margin-inline:auto;max-width:15ch}.cta .sec-p{margin-inline:auto;margin-bottom:32px}.cta .btns{justify-content:center}.foot{background:#060C15;border-top:1px solid var(--line);padding:clamp(48px,6vw,72px) 0 32px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:clamp(28px,4vw,56px);margin-bottom:48px}@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}.foot-mark{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.02em;margin-bottom:8px}.foot-mark em{font-style:normal;color:var(--accent)}.foot-tag{font-size:14px;color:var(--muted);margin-bottom:14px}.foot-loc{font-size:12.5px;letter-spacing:.03em;color:var(--muted);margin-bottom:22px}.socials{display:flex;gap:9px}.soc{width:38px;height:38px;border:1px solid var(--edge);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;transition:all .2s var(--ease)}.soc:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.soc svg{width:17px;height:17px}.foot h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.foot li{margin-bottom:11px}.foot li a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s var(--ease)}.foot li a:hover{color:var(--ink)}.foot-bot{border-top:1px solid var(--line);padding-top:26px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px;color:var(--muted)}.foot-bot em{font-style:normal;color:var(--accent)}.pagehead{padding:clamp(52px,7vw,88px) 0 clamp(40px,5vw,56px);text-align:center}.pagehead .eyebrow{justify-content:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid{grid-template-columns:1fr}}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px}.card-icon{width:44px;height:44px;border-radius:var(--r-md);background:var(--soft);border:1px solid var(--edge);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon svg{width:20px;height:20px;color:var(--accent)}.card-tag{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:var(--accent);border:1px solid var(--edge);padding:5px 11px;border-radius:var(--r-sm);white-space:nowrap}.card h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.012em;margin-bottom:9px}.card p{font-size:13.5px;line-height:1.7;color:var(--muted);flex:1;margin-bottom:18px}.card-link{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:13px;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px;align-self:flex-start;margin-top:auto}.card .link-a{margin-top:auto}.pill-btn{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;padding:7px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .2s var(--ease)}.pill-btn:hover{border-color:var(--accent);color:var(--ink)}.pill-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.learn-filter-wrap{display:flex;flex-direction:column;gap:18px;margin-bottom:36px;max-width:800px;margin-inline:auto}.filter-search-box{position:relative;display:flex;align-items:center;width:100%}.filter-search-box svg{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}.filter-search-box input{width:100%;padding:12px 16px 12px 42px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:14.5px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.filter-search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}.filter-search-box input::placeholder{color:var(--muted);opacity:.7}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.filter-count{font-size:13px;color:var(--muted);text-align:center;font-family:'Bricolage Grotesque',sans-serif}.guide-empty{text-align:center;padding:48px 20px;grid-column:1/-1;border:1px dashed var(--line);border-radius:var(--r-md);color:var(--muted);font-size:15px}.pagehead .eyebrow{justify-content:center;display:inline-flex;align-items:center;gap:12px}.pagehead .eyebrow::after{content:'';width:28px;height:1px;background:var(--accent);display:inline-block}.pagehead .lede{margin-inline:auto;text-align:center;border-left:none;padding-left:0;max-width:620px}a.card{text-decoration:none !important;color:inherit}a.card *{text-decoration:none !important}a.card:hover h2{color:var(--accent)}.port-hero{text-align:center;padding:clamp(54px,7vw,92px) 0 clamp(36px,5vw,52px)}.port-hero .eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.port-hero .eyebrow::before,.port-hero .eyebrow::after{content:'';width:28px;height:1px;background:var(--accent);display:inline-block}.port-hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(40px,5.6vw,74px);line-height:1.04;letter-spacing:-.025em;margin-bottom:18px;text-align:center}.port-hero .lede{font-size:16.5px;line-height:1.8;color:var(--muted);max-width:680px;margin-inline:auto;margin-bottom:34px;padding-left:0;border-left:none;text-align:center}.port-stats-bar{display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,36px);flex-wrap:wrap;margin-bottom:40px;padding:16px 26px;background:rgba(16,26,40,0.65);border:1px solid rgba(201,169,106,0.25);border-radius:var(--r-lg);max-width:860px;margin-inline:auto}.port-stat-item{display:flex;align-items:center;gap:10px}.port-stat-val{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:22px;color:var(--accent);letter-spacing:-.02em}.port-stat-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.port-stat-div{width:1px;height:24px;background:rgba(232,220,200,0.15)}.port-filter-wrap{display:flex;flex-direction:column;gap:18px;max-width:860px;margin-inline:auto;margin-bottom:48px;text-align:center}.port-section{margin-bottom:clamp(52px,6.5vw,78px)}.port-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(232,220,200,0.14)}.port-sec-head h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.018em;color:#F4EFE5;display:flex;align-items:center;gap:12px}.port-sec-head h2::before{content:'';width:10px;height:10px;background:var(--accent);border-radius:2px;display:inline-block}.port-sec-sub{font-size:14.5px;color:var(--muted);margin-bottom:24px;max-width:680px}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:1080px){.build-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.build-grid{grid-template-columns:1fr}}.build-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid rgba(201,169,106,0.32);border-radius:var(--r-lg);overflow:hidden;text-decoration:none !important;color:inherit;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);position:relative;box-shadow:0 6px 20px rgba(0,0,0,0.22)}.build-card *{text-decoration:none !important}.build-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 18px 40px rgba(0,0,0,0.42),0 0 20px rgba(201,169,106,0.15)}.build-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(6,12,21,0.7);border-bottom:1px solid rgba(232,220,200,0.12)}.build-dots{display:flex;align-items:center;gap:6px}.bdot{width:8px;height:8px;border-radius:50%;display:inline-block}.bdot.r{background:#FF5F56;opacity:.85}.bdot.y{background:#FFBD2E;opacity:.85}.bdot.g{background:#27C93F;opacity:.85}.build-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:rgba(232,220,200,0.6);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin-left:4px}.build-badge{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.badge-live-client{background:rgba(78,143,134,0.18);color:#68d2c4;border:1px solid rgba(78,143,134,0.45)}.badge-live-product{background:rgba(201,169,106,0.16);color:var(--accent);border:1px solid rgba(201,169,106,0.4)}.badge-iteration{background:rgba(59,158,232,0.15);color:#70bbf5;border:1px solid rgba(59,158,232,0.35)}.badge-template{background:rgba(168,130,255,0.14);color:#c5adff;border:1px solid rgba(168,130,255,0.35)}.badge-experiment{background:rgba(245,158,11,0.15);color:#fbbd23;border:1px solid rgba(245,158,11,0.35)}.badge-concept{background:rgba(148,163,184,0.15);color:#cbd5e1;border:1px solid rgba(148,163,184,0.3)}.badge-archived{background:rgba(100,116,139,0.15);color:#94a3b8;border:1px solid rgba(100,116,139,0.25)}.build-body{padding:20px 22px 18px;display:flex;flex-direction:column;flex:1}.build-cat{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.build-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.015em;line-height:1.25;color:var(--ink);margin-bottom:10px;transition:color .2s var(--ease)}.build-card:hover .build-title{color:var(--accent)}.build-desc{font-size:13.5px;line-height:1.7;color:var(--muted);margin-bottom:18px;flex:1}.build-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.tech-tag{font-size:11px;letter-spacing:.02em;color:rgba(232,220,200,0.65);background:rgba(255,255,255,0.04);border:1px solid rgba(232,220,200,0.12);padding:3px 8px;border-radius:var(--r-sm)}.build-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(232,220,200,0.12);margin-top:auto}.build-link-text{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.02em;color:var(--accent);display:inline-flex;align-items:center;gap:6px;transition:transform .2s var(--ease)}.build-card:hover .build-link-text{transform:translateX(3px)}.build-arrow{transition:transform .2s var(--ease)}.build-card:hover .build-arrow{transform:translateX(2px) translateY(-1px)}.feat-banner{background:linear-gradient(145deg,#101E31 0%,#0B1626 100%);border:1px solid rgba(201,169,106,0.45);border-radius:var(--r-lg);padding:clamp(24px,3.5vw,36px);position:relative;overflow:hidden;margin-bottom:clamp(52px,6.5vw,78px);box-shadow:0 12px 32px rgba(0,0,0,0.3)}.feat-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--blue))}.feat-banner-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.feat-badge{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:rgba(201,169,106,0.12);border:1px solid rgba(201,169,106,0.35);padding:4px 10px;border-radius:var(--r-sm)}.feat-banner h2{font-size:clamp(22px,2.6vw,32px);line-height:1.2;margin-bottom:12px;color:#F4EFE5}.feat-banner p{font-size:15px;line-height:1.75;color:rgba(232,220,200,0.75);margin-bottom:20px;max-width:760px}.feat-banner p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.feat-links{display:flex;gap:14px;flex-wrap:wrap}.build-empty{text-align:center;padding:56px 20px;border:1px dashed rgba(201,169,106,0.3);border-radius:var(--r-lg);color:var(--muted);font-size:15px;margin:32px 0;background:rgba(16,26,40,0.4)}.entries{display:flex;flex-direction:column;gap:12px}.entry{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 20px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);text-decoration:none !important;color:inherit;transition:all .2s var(--ease)}.entry:hover{border-color:var(--accent);transform:translateX(4px)}.entry-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:16px;color:var(--ink)}.entry-note{font-size:13.5px;color:var(--muted);margin-top:2px}.entry-status{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:12px;background:rgba(201,169,106,0.12);color:var(--accent);border:1px solid rgba(201,169,106,0.3)}.entry-status.live{background:rgba(78,143,134,0.15);color:#5ec4b7;border-color:rgba(78,143,134,0.4)}.entry-arrow{color:var(--accent);font-weight:700}.group-note{font-size:14.5px;color:var(--muted);margin-bottom:20px}.port-hero-band{background:#08111D;color:#F4EFE5;padding:clamp(54px,7vw,92px) 0 clamp(40px,5vw,60px);border-bottom:1px solid rgba(232,220,200,0.12)}.port-band{width:100%;padding:clamp(56px,6.8vw,88px) 0;transition:opacity .3s var(--ease);scroll-margin-top:82px}.port-band.band-dark{background:#08111D;color:#F4EFE5;border-top:1px solid rgba(232,220,200,0.10)}.port-band.band-dark .port-sec-head{border-bottom:1px solid rgba(232,220,200,0.14)}.port-band.band-dark .port-sec-head h2{color:#F4EFE5}.port-band.band-dark .port-sec-head h2::before{background:var(--gold)}.port-band.band-dark .port-sec-sub{color:rgba(232,220,200,0.68)}.port-band.band-dark .tech-tag{background:rgba(255,255,255,0.04);border:1px solid rgba(232,220,200,0.14);color:rgba(232,220,200,0.7)}.port-band.band-dark .build-card{background:#101A28;border:1px solid rgba(201,169,106,0.32);box-shadow:0 6px 20px rgba(0,0,0,0.25)}.port-band.band-dark .build-card:hover{border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,0.45),0 0 20px rgba(201,169,106,0.18)}.port-band.band-dark .build-bar{background:rgba(6,12,21,0.75);border-bottom:1px solid rgba(232,220,200,0.12)}.port-band.band-dark .build-url{color:rgba(232,220,200,0.6)}.port-band.band-dark .build-title{color:#F4EFE5}.port-band.band-dark .build-card:hover .build-title{color:var(--gold)}.port-band.band-dark .build-desc{color:rgba(232,220,200,0.68)}.port-band.band-dark .build-tech .tech-tag{background:rgba(255,255,255,0.04);border:1px solid rgba(232,220,200,0.12);color:rgba(232,220,200,0.65)}.port-band.band-dark .build-foot{border-top:1px solid rgba(232,220,200,0.12)}.port-band.band-dark .build-link-text{color:var(--gold)}.port-band.band-light{background:#F5F1EA;color:#0B1829;border-top:1px solid #DED6C6}.port-band.band-light .port-sec-head{border-bottom:1px solid #DED6C6}.port-band.band-light .port-sec-head h2{color:#0B1829}.port-band.band-light .port-sec-head h2::before{background:var(--gold-dark)}.port-band.band-light .port-sec-sub{color:#4A5568}.port-band.band-light .tech-tag{background:#EBE3D3;border:1px solid #D6CCA8;color:#4A5568}.port-band.band-light .build-card{background:#FFFFFF;border:1px solid rgba(154,139,110,0.36);box-shadow:0 4px 18px rgba(11,24,41,0.06)}.port-band.band-light .build-card:hover{border-color:var(--gold-dark);box-shadow:0 16px 36px rgba(11,24,41,0.12),0 0 16px rgba(122,95,38,0.12)}.port-band.band-light .build-bar{background:#FAF6F0;border-bottom:1px solid #E6DDC8}.port-band.band-light .build-url{color:#64748B}.port-band.band-light .build-title{color:#0B1829}.port-band.band-light .build-card:hover .build-title{color:var(--gold-dark)}.port-band.band-light .build-desc{color:#4A5568}.port-band.band-light .build-tech .tech-tag{background:#F4EFE6;border:1px solid #DED6C6;color:#4A5568}.port-band.band-light .build-foot{border-top:1px solid #EBE4D5}.port-band.band-light .build-link-text{color:var(--gold-dark)}.port-band.band-light .badge-live-client{background:rgba(58,107,98,0.12);color:#23584e;border:1px solid rgba(58,107,98,0.35)}.port-band.band-light .badge-live-product{background:rgba(122,95,38,0.12);color:#7A5F26;border:1px solid rgba(122,95,38,0.35)}.port-band.band-light .badge-iteration{background:rgba(24,109,176,0.12);color:#186DB0;border:1px solid rgba(24,109,176,0.3)}.port-band.band-light .badge-template{background:rgba(109,40,217,0.10);color:#6d28d9;border:1px solid rgba(109,40,217,0.25)}.port-band.band-light .badge-experiment{background:rgba(217,119,6,0.12);color:#b45309;border:1px solid rgba(217,119,6,0.3)}.port-band.band-light .badge-concept{background:rgba(100,116,139,0.12);color:#475569;border:1px solid rgba(100,116,139,0.25)}.port-band.band-light .badge-archived{background:rgba(148,163,184,0.15);color:#64748b;border:1px solid rgba(148,163,184,0.3)}.port-feat-band{background:#08111D;color:#F4EFE5;padding:clamp(56px,7vw,84px) 0 0;border-top:1px solid rgba(232,220,200,0.12)}