@charset "UTF-8";
:root{--bg:#111b22;--panel:#17252d;--ink:#eef2ed;--muted:#b4c1bb;--accent:#83e1c5;--line:#32433d;--soft:#22322e;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:95px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.skip{position:fixed;z-index:20;top:10px;left:10px;transform:translateY(-200%);padding:15px;background:var(--ink);color:var(--bg)}.skip:focus{transform:none}.nav{width:min(1320px,calc(100% - 80px));margin:auto;height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:600}.monogram{width:38px;height:38px;display:grid;place-items:center;border:1px solid #657a70;border-radius:50%;color:var(--accent);font-size:13px;letter-spacing:.05em}.nav nav{display:flex;gap:30px;align-items:center;font-size:13px}.contact-link{padding:11px 15px;border:1px solid #52685c;border-radius:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:93px;padding-bottom:74px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:var(--accent);line-height:1.7;margin:0 0 22px}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.2vw,62px);font-weight:550;letter-spacing:-.06em;line-height:1.08;margin-bottom:26px}h1 em{font-weight:400;font-family:Georgia,serif;color:var(--accent);font-size:.93em}p{line-height:1.75;color:var(--muted);font-size:15px}.intro{font-size:18px;max-width:520px;line-height:1.7}.hero-note{font-size:13px;max-width:440px;color:#92a79b}.actions{display:flex;gap:14px;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:26px;font-size:13px;font-weight:600;padding:15px 19px;border-radius:4px}.primary{background:var(--accent);color:var(--bg)}.primary:hover{color:var(--bg);background:#aceedc}.secondary{border:1px solid #4c6257}.hero-art{display:block;border:1px solid #3d564b;background:#0b1218;border-radius:10px;overflow:hidden;box-shadow:0 25px 65px #0003;transform:rotate(1deg)}.window-bar{display:flex;align-items:center;gap:8px;padding:13px;font-size:10px;color:#b7c9bf;border-bottom:1px solid var(--line)}.window-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.window-side{margin-left:auto;font-family:Consolas,monospace;font-size:10px}.hero-art img{width:100%;height:auto;display:block;aspect-ratio:1.44;object-fit:contain;object-position:center top}.image-caption{display:flex;justify-content:space-between;padding:14px 17px;color:var(--ink);font-size:11px;line-height:1.6;background:#172721}.specialties{display:flex;justify-content:space-between;padding:25px 0;border-block:1px solid var(--line);font-size:12px;color:#a4b8ac;letter-spacing:.03em}.work{padding-top:105px;padding-bottom:50px}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-heading>p{max-width:365px;font-size:13px;margin-bottom:5px}h2{font-size:42px;font-weight:500;line-height:1.15;letter-spacing:-.05em;margin-bottom:0}.case{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:57px 0;border-top:1px solid var(--line);align-items:center}.case.reverse .case-visual{order:2}.case-visual{position:relative;background:#0e181e;border:1px solid #31483d;border-radius:7px;overflow:hidden}.case-visual img{display:block;width:100%;height:auto;aspect-ratio:1.51;object-fit:contain;object-position:left top}.visual-label{display:block;padding:15px 18px;font-size:10px;color:#b7cbbf;background:#1c2d25;border-top:1px solid var(--line);letter-spacing:.025em}.case-top{display:flex;align-items:center;gap:15px;margin-bottom:17px}.index{font-size:13px;color:#87a796;font-family:Consolas,monospace}.pill{padding:6px 9px;border:1px solid #456052;border-radius:3px;font-size:10px;color:#b0cdbc;letter-spacing:.035em}h3{font-size:31px;font-weight:500;letter-spacing:-.045em;margin-bottom:6px;line-height:1.2}.project-name{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.case-copy>p:not(.project-name){font-size:14px;line-height:1.7}.case dl{margin:22px 0}.case dl>div{display:grid;grid-template-columns:112px 1fr;gap:15px;padding:10px 0;border-top:1px solid #2a3b32}.case dt{font-size:10px;color:#9ab5a5;text-transform:uppercase;letter-spacing:.045em;padding-top:2px}.case dd{margin:0;font-size:11px;line-height:1.65;color:#bdcfc2}.case-links{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:var(--accent)}.text-link{padding:0;border:0;background:none;color:var(--accent);font-size:inherit;text-align:left}.approach{background:#192922;border-block:1px solid #3c5344;padding:74px 0;margin:35px 0 100px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.approach-lead{font-size:20px;color:var(--ink);line-height:1.6}.approach-grid p:not(.eyebrow):not(.approach-lead){font-size:13px}.approach-tags{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.approach-tags span{font-size:10px;border:1px solid #4d6757;padding:6px 9px;border-radius:3px}.approach .text-link{font-size:12px}.catalog-toolbar{display:flex;align-items:center;gap:20px;padding:20px 0;border-block:1px solid var(--line)}.catalog-toolbar label{font-size:12px;font-weight:600}.catalog-toolbar input{background:#19282f;border:1px solid #4d6357;color:var(--ink);padding:12px 15px;border-radius:4px;flex:1;max-width:460px;font-size:12px}.catalog-toolbar input::placeholder{color:#a0b4a8}#result-count{margin-left:auto;font-size:11px;color:#a2b9aa}.repo-row{display:grid;grid-template-columns:1fr 1.65fr auto;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.repo-row h3{font-size:16px;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 7px}.repo-category{font-size:10px;color:#87a997}.repo-row p{font-size:11px;line-height:1.65;margin:0}.repo-meta{display:flex;align-items:flex-end;flex-direction:column;gap:15px;min-width:130px}.repo-status{color:#a9cec0;font-size:9px;background:#1d342a;padding:6px 8px;border-radius:3px}.repo-meta a{font-size:11px;color:var(--accent)}.catalog-note{font-size:11px;color:#91ab9b;padding-top:25px;max-width:780px}.contact{padding-top:110px;padding-bottom:80px}.contact h2{font-size:58px;line-height:1.1;margin-bottom:25px}.contact>p:not(.eyebrow){font-size:13px}.contact-email{font-size:23px;letter-spacing:-.02em;border-bottom:1px solid #5f8270;padding-bottom:12px;display:inline-block;margin:18px 0 30px;color:var(--accent)}.contact-email span{margin-left:30px}.contact-small{display:flex;gap:35px;font-size:12px;color:#a7c4b3}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0;font-size:10px;color:#8aa895}dialog{width:min(1100px,calc(100% - 40px));max-height:95vh;padding:24px;background:var(--bg);border:1px solid #698475;color:var(--ink);border-radius:9px;overflow:auto}dialog::backdrop{background:#050c10e8}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start}.dialog-header .eyebrow{margin:0 0 5px}.dialog-header h2{font-size:25px}.close{border:1px solid #4c6b58;background:#243a2f;color:var(--ink);width:38px;height:38px;border-radius:5px;font-size:25px}.dialog-note{font-size:11px;margin:18px 0}.dialog-footer{display:flex;justify-content:space-between;font-size:10px;color:#9ec5ad;gap:15px;padding-top:14px}iframe{width:100%;height:68vh;border:1px solid var(--line);background:#090e1a}body:has(dialog[open]){overflow:hidden}@media(max-width:1000px){.wrap,.nav{width:calc(100% - 48px)}.hero{gap:35px;padding-top:60px}.hero h1{font-size:43px}.intro{font-size:16px}.case{gap:35px}.case dl>div{grid-template-columns:92px 1fr}.nav nav{gap:18px}.repo-row{grid-template-columns:1fr 1.4fr}.repo-meta{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;margin-top:-10px}.approach-grid{gap:40px}}@media(max-width:680px){:root{scroll-padding-top:25px}.wrap,.nav{width:calc(100% - 36px)}.nav{height:78px}.nav nav{gap:14px}.nav nav>a:not(.contact-link){display:none}.brand{font-size:14px;gap:9px}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:38px;gap:36px}.hero h1{font-size:45px}.eyebrow{font-size:10px}.hero-art{transform:none}.hero-art img{aspect-ratio:1.32}.specialties{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;padding:23px 0}.work{padding-top:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;max-width:none}h2{font-size:35px}.case{grid-template-columns:1fr;gap:29px;padding:36px 0}.case.reverse .case-visual{order:0}.case-visual img{aspect-ratio:1.28}.case-copy>p:not(.project-name){font-size:14px}.case dl>div{grid-template-columns:102px 1fr}.case dd{font-size:12px}.case-links{font-size:12px;gap:20px}.approach{padding:47px 0;margin-bottom:65px}.approach-grid{grid-template-columns:1fr;gap:27px}.approach-lead{font-size:19px}.catalog-toolbar{flex-wrap:wrap;gap:13px}.catalog-toolbar label{width:100%}.catalog-toolbar input{min-width:0;max-width:none;width:70%}#result-count{font-size:9px}.repo-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.repo-row p{font-size:12px}.repo-meta{grid-column:1;margin-top:0;justify-content:space-between}.repo-row h3{font-size:18px}.repo-status{font-size:10px}.contact{padding-top:75px;padding-bottom:50px}.contact h2{font-size:43px}.contact-email{font-size:18px}.contact-email span{margin-left:15px}.footer{gap:15px;flex-direction:column;padding:20px 0}dialog{width:calc(100% - 18px);padding:16px;max-height:97vh}.dialog-footer{flex-direction:column;gap:10px}iframe{height:65vh}.dialog-header h2{font-size:23px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.commerce-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:32px;border:1px solid var(--line,#d3ded9);border-radius:24px;background:#172932;color:#f1f6f4}.commerce-flow h3{margin:20px 0 12px}.commerce-flow p{line-height:1.7;color:#c0d1ce}.flow-arrow{font-size:40px;color:#83e1c5}@media(max-width:650px){.commerce-flow{grid-template-columns:1fr;padding:24px;gap:12px}.flow-arrow{transform:rotate(90deg);justify-self:center}}

.deep-case{padding:48px 0;max-width:1000px}.deep-case h1{font-size:clamp(2.3rem,6vw,4.4rem);margin:20px 0}.deep-case .eyebrow{margin-top:40px}.deep-case section{margin:44px 0}.deep-case h2{font-size:1.7rem;margin-bottom:18px}.deep-case p{line-height:1.8;max-width:78ch}.case-shot{width:100%;height:auto;border-radius:20px;margin:28px 0}.architecture{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;list-style-position:inside;padding:0}.architecture li{padding:18px;background:#17201f;border:1px solid #385149;border-radius:12px;line-height:1.6}.deep-case pre{overflow:auto;max-width:100%;padding:20px;background:#17201f;border-radius:12px;font-size:.85rem;line-height:1.6}@media(max-width:480px){.architecture{grid-template-columns:1fr}.deep-case{padding-top:28px}}
.repo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.repo-row.visual-project{display:flex;flex-direction:column;gap:0;padding:0 0 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.visual-project figure{margin:0 0 18px}.visual-project img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--bg)}.visual-project figcaption{padding:10px 16px;font-size:10px;line-height:1.5;color:var(--accent);border-bottom:1px solid var(--line)}.visual-project>div,.visual-project>p{margin-left:18px;margin-right:18px}.visual-project h3{font-size:18px;overflow-wrap:anywhere}.visual-project p{font-size:13px;line-height:1.7}.visual-project .visual-limits{font-size:11px;color:var(--muted)}.visual-project .repo-meta{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;font-size:11px}.visual-project .repo-status{flex-basis:100%}@media(max-width:1050px){.repo-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.repo-list{grid-template-columns:1fr}}
.visual-project .project-art{width:100%}.visual-project .project-art img{aspect-ratio:3/1;object-fit:contain}.project-evidence{margin:14px 18px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.project-evidence summary{cursor:pointer;padding:11px 12px;font-size:12px;color:var(--accent);line-height:1.5}.project-evidence summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.visual-project .project-evidence figure{margin:0}.project-evidence img{object-fit:contain}.case-brand-art{margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.case-brand-art img{display:block;width:100%;height:auto}.case-brand-art figcaption{padding:12px 16px;font-size:12px;color:var(--muted);line-height:1.6}


.selected-focus{padding-top:42px}.selected-focus .visual-project>p{margin-bottom:14px}.research-note{padding:40px 0;border-top:1px solid var(--line)}.research-note p{max-width:78ch}

/* Cover artwork never crops or poses as application evidence. */
.hero-art.concept-visual img{aspect-ratio:3/1;object-fit:contain}

.visual-project .project-recording{width:100%;margin:18px 0}.project-recording video{display:block;width:100%;aspect-ratio:16/9;background:var(--bg)}.project-recording figcaption a{display:block;margin-top:8px;text-decoration:underline}

/* Preserve the full actual studio capture rather than cropping its evidence. */
.case-visual.piko-studio-shot img{aspect-ratio:auto}