:root{--ink:#151515;--paper:#f8f4ea;--accent:#ff8200;--muted:#68625b;--line:#d8d2c7;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}a:focus-visible{outline:3px solid #b65300;outline-offset:5px}.skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:12px 18px;background:var(--ink);color:white;transform:translateY(-150%)}.skip-link:focus{transform:none}
.portfolio-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:32px;min-height:78px}.brand{white-space:nowrap;font-size:25px;letter-spacing:-.06em}.brand b{font-weight:900}.brand span{font-weight:300}.header-inner nav{display:flex;gap:26px;margin-left:auto}.header-inner nav a{font-size:12px;font-weight:700;padding:10px 0}.header-inner nav a[aria-current]{box-shadow:0 2px var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--ink);color:var(--paper);padding:12px 18px;font-size:12px;font-weight:700;line-height:1.4}.button:hover{background:var(--accent);color:var(--ink)}
.portfolio-hero{padding:76px 0 54px;max-width:1050px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a24b00;margin:0 0 16px}.portfolio-hero h1{font-size:clamp(54px,7.4vw,104px);line-height:.96;letter-spacing:-.065em;margin:0 0 28px;font-weight:800}.portfolio-hero h1 span{font-weight:400}.portfolio-hero>p:not(.eyebrow){max-width:750px;font-size:18px;color:var(--muted);line-height:1.65}.portfolio-hero .disclosure{border-left:3px solid var(--accent);padding-left:18px;margin-top:26px;font-size:12px!important;max-width:690px!important}
.work-section{padding:44px 0 68px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,3.2vw,43px);line-height:1.06;letter-spacing:-.045em;margin:0}.section-heading>p{max-width:380px;font-size:13px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{min-width:0;border:1px solid var(--line);display:flex;flex-direction:column;background:#fffdf8}.project-image{display:block;overflow:hidden;background:#171717}.project-image img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top;transition:transform .25s ease}.project-image:hover img{transform:scale(1.015)}.project-copy{padding:26px;display:flex;flex-direction:column;flex:1}.project-copy .eyebrow{margin-bottom:9px}.project-copy h3{font-size:31px;letter-spacing:-.04em;line-height:1.1;margin:0 0 18px}.project-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0 0 16px;max-width:460px}.project-copy>p.project-summary{font-size:19px;line-height:1.3;color:var(--ink);letter-spacing:-.02em}.concept-label{font-size:11px;color:var(--muted);margin-top:auto;padding-top:6px}.project-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.project-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.project-actions a:hover{color:#9e4700}.featured{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr}.featured .project-image img{height:100%;object-fit:cover}.featured .project-copy{padding:32px}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-grid .project-copy{padding:23px}.concept-grid h3{font-size:27px}.concept-grid .project-actions{gap:8px 18px}
.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:48px;background:var(--ink);color:var(--paper);padding:48px;margin:12px 0 70px}.portfolio-cta .eyebrow{color:var(--accent)}.portfolio-cta h2{font-size:clamp(30px,3.3vw,44px);line-height:1.1;letter-spacing:-.04em;margin:0}.portfolio-cta p:not(.eyebrow){max-width:550px;font-size:14px;color:#c0bab0}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:245px}.cta-actions .button{background:var(--accent);color:var(--ink)}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.portfolio-footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}.portfolio-footer nav{display:flex;gap:24px;flex-wrap:wrap}.portfolio-footer a{padding:8px 0}
.hub-hero{padding-bottom:42px}.demo-directory{border-top:1px solid var(--line);padding-bottom:56px}.demo-row{display:grid;grid-template-columns:50px 1.1fr 1fr;gap:32px;padding:34px 0;border-bottom:1px solid var(--line)}.demo-number{font-size:13px;color:#8e8578;padding-top:1px}.demo-row .eyebrow{margin-bottom:8px}.demo-row h2{font-size:30px;letter-spacing:-.04em;margin:0;line-height:1.2}.demo-row p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:410px;margin:12px 0}.demo-row small{font-size:11px;color:var(--muted)}.demo-prompt{padding-left:20px}.demo-prompt .project-actions{margin-top:12px}
@media(max-width:1000px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-template-columns:1.15fr 1fr}.featured .project-copy{padding:24px}.section-heading{gap:30px}.portfolio-cta{padding:36px}.header-inner{gap:24px}.header-inner nav{gap:20px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:0;min-height:104px;padding-top:12px;padding-bottom:8px}.brand{font-size:23px}.header-inner>.button{margin-left:auto;font-size:11px;padding:10px 12px;min-height:40px}.header-inner nav{order:3;width:100%;margin:4px 0 0;justify-content:flex-start;gap:28px}.header-inner nav a{min-height:36px;padding:6px 0}.portfolio-hero{padding:45px 0 36px}.portfolio-hero h1{font-size:clamp(43px,8.3vw,62px)}.portfolio-hero>p:not(.eyebrow){font-size:16px}.section-heading{display:block}.section-heading>p{margin-top:18px;max-width:560px}.featured{display:flex}.featured .project-image img{height:auto}.project-grid,.concept-grid{grid-template-columns:1fr}.work-section{padding:34px 0 44px}.project-copy,.featured .project-copy{padding:24px}.project-copy>p:not(.eyebrow){max-width:none}.portfolio-cta{flex-direction:column;align-items:flex-start;gap:22px;padding:28px;margin-bottom:42px}.cta-actions{min-width:0}.demo-row{grid-template-columns:25px 1fr;gap:16px;padding:28px 0}.demo-prompt{grid-column:2;padding:0}.demo-prompt>p.eyebrow{margin-top:4px}.demo-prompt .project-actions{gap:12px 22px}.portfolio-footer{flex-direction:column;gap:14px}.portfolio-footer nav{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}