@font-face{font-family:Unbounded;src:url('assets/fonts/Unbounded-Light.woff2') format('woff2');font-weight:300;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url('assets/fonts/JetBrainsMono-Variable.woff2') format('woff2');font-weight:100 800;font-display:swap}
:root{--ink:#08090b;--paper:#f8faff;--ice:#f3f6fb;--blue:#01a9fa;--muted:#a5adba;--line:#2b3037}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Inter,Arial,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Unbounded,Arial,sans-serif;font-weight:300;line-height:1.25;letter-spacing:-.035em}h2{font-size:clamp(30px,4vw,52px)}p+p{margin-top:20px}.skip{position:absolute;top:-80px;background:var(--paper);color:var(--ink);padding:12px;z-index:10}.skip:focus{top:8px}.section-pad{padding:100px max(5vw,24px)}.eyebrow{font:11px/1.6 Mono,monospace;letter-spacing:.13em;color:var(--blue)}.muted{color:var(--muted)}.blue-dot{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:9px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4vw;border-bottom:1px solid var(--line);background:#08090bf5;position:relative;z-index:5}.brand{width:230px;flex-shrink:0}.brand img{width:100%}.site-header nav{display:flex;gap:30px;font-size:13px;color:#d1d6de}.site-header a:hover{color:var(--blue)}.header-cta{padding:12px 18px;border:1px solid #69717d;font-size:12px;white-space:nowrap}.header-cta span{margin-left:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;font-size:13px;line-height:1.5;font-weight:600;border:1px solid transparent;transition:background .2s,color .2s}.button.light{background:var(--paper);color:var(--ink)}.button.dark{background:var(--ink);color:var(--paper)}.button:hover{background:var(--blue);color:var(--ink)}.button span{font-size:22px;line-height:1}.hero{min-height:790px;position:relative;padding:90px 5vw 80px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 72% 40%,#112331 0,transparent 57%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a7ddff07 1px,transparent 1px),linear-gradient(90deg,#a7ddff07 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(38px,4.6vw,68px);margin:32px 0 28px;line-height:1.2}.hero h1 em{font-style:normal;color:var(--blue)}.hero-description{font-size:16px;color:#bdc6d2;max-width:430px;margin-bottom:34px}.hero-art{position:relative;min-height:570px}.hero-window{position:absolute;width:83%;border:1px solid #56616a70;border-radius:5px;overflow:hidden;background:var(--ink);box-shadow:0 24px 60px #0009}.hero-window img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}.hero-back{right:1%;top:0;transform:rotate(6deg);opacity:.85}.hero-middle{left:0;top:115px;transform:rotate(-6deg);z-index:2}.hero-front{right:-7%;top:315px;transform:rotate(4deg);z-index:3;width:70%}.window-bar{height:25px;background:#15181c;display:flex;align-items:center;gap:5px;padding:0 10px;position:relative;color:#a9b2c0;font:8px Mono,monospace}.window-bar i{width:4px;height:4px;border-radius:50%;background:#67717a}.window-bar span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.art-caption{position:absolute;bottom:-25px;left:0;font:9px Mono,monospace;letter-spacing:.12em;color:#93a5b5}.hero-bottom{position:absolute;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:#a4b0bd;font:10px Mono,monospace;letter-spacing:.1em}.hero-bottom span span{margin-left:20px;color:var(--blue)}.statement{background:var(--paper);color:var(--ink)}.statement .eyebrow{color:#0078b2}.statement-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-top:25px}.statement-grid p{font-size:17px}.statement .muted{color:#636d79;font-size:15px}.section-heading{padding-bottom:45px}.section-heading h2{margin-top:22px}.feature{padding:75px 5vw 90px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:8%;overflow:hidden}.feature-bemi{background:#21121f}.feature-dirt{grid-template-columns:1fr 1.35fr;background:#11130e}.feature-costa{background:#f0f0e8;color:#143f48}.feature-copy h3{font-size:clamp(28px,3.2vw,42px);margin:20px 0 25px}.feature-copy p:not(.eyebrow){font-size:15px;max-width:430px;color:#c1bbc2}.feature-dirt .feature-copy p:not(.eyebrow){color:#b9bcb2}.feature-costa .feature-copy p:not(.eyebrow){color:#4e6668}.feature-copy .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#d3b0c9;letter-spacing:.07em}.feature-dirt .eyebrow{color:#e5be5c}.feature-costa .eyebrow{color:#2a666d}.feature-media{position:relative}.browser-frame{border-radius:5px;overflow:hidden;box-shadow:0 18px 50px #0004;border:1px solid #ffffff18;position:relative;z-index:1}.image-open{border:0;padding:0;background:none;display:block;width:100%;text-align:left}.image-open img{width:100%}.feature-bemi .browser-frame{transform:rotate(-2deg)}.feature-dirt .browser-frame{transform:rotate(2deg)}.feature-costa .browser-frame{transform:rotate(-1.5deg)}.feature-number{font:140px/1 Unbounded,sans-serif;color:#ffffff08;position:absolute;right:-20px;bottom:-90px}.feature-costa .feature-number{color:#153d4509}.text-link{display:inline-flex;gap:22px;align-items:center;background:none;border:0;border-bottom:1px solid currentColor;padding:15px 0 10px;font-size:13px;margin-top:14px}.text-link:hover{color:var(--blue)}.collection{background:var(--ice);color:var(--ink)}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.collection-heading h2{margin-top:20px}.collection-heading>.muted{color:#67707b;font-size:14px}.filters{border-top:1px solid #d7dde6;border-bottom:1px solid #d7dde6;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.category-filters{display:flex;gap:7px;flex-wrap:wrap}.filters button,.comparison-tabs button,.view-controls button{border:1px solid #c8d0db;background:transparent;padding:10px 13px;font-size:11px;border-radius:0;transition:.2s}.filters button.active,.view-controls button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button:hover{border-color:#08090b}.stage-filter{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.stage-filter select{background:transparent;color:var(--ink);border:1px solid #c8d0db;padding:9px 22px 9px 10px;max-width:150px;font-size:11px}.result-count{font:10px Mono,monospace;color:#67707b;margin:18px 0 45px}.group-title{display:flex;align-items:center;gap:20px;margin:0 0 25px}.group-title h3{font-size:26px}.group-title span{font:9px Mono,monospace;letter-spacing:.1em;color:#5e6876}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.project-card{min-width:0}.project-thumb{display:block;width:100%;padding:0;border:0;background:#e6eaf0;overflow:hidden;text-align:left;position:relative}.project-thumb img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .45s}.project-thumb:after{content:'VIEW PROJECT ↗';position:absolute;right:12px;bottom:12px;background:#08090bf0;color:#fff;padding:8px 12px;font:9px Mono,monospace;opacity:0;transform:translateY(5px);transition:.2s}.project-thumb:hover img{transform:scale(1.035)}.project-thumb:hover:after,.project-thumb:focus-visible:after{opacity:1;transform:none}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 9px}.card-meta h4{margin:0;font-size:16px;line-height:1.4;font-weight:500}.card-meta button{background:none;padding:0;border:0;text-align:left}.card-category{color:#66717e;font:10px Mono,monospace}.status{display:inline-block;font:9px/1.4 Mono,monospace;padding:5px 7px;white-space:nowrap;border:1px solid #6a758e55;color:#506075}.status.completed{color:#628178;border-color:#62817860}.feature .status.completed{color:inherit;border-color:currentColor;font-size:8px}.status.final-review{color:#006e9c;border-color:#006e9c55}.status.middle-review,.status.initial-review,.status.in-review{color:#87621d;border-color:#87621d55}.review-note{color:#64707d;font-size:14px;max-width:650px;margin-bottom:28px}#review-group{margin-top:85px}.edition-note{font:10px/1.8 Mono,monospace;color:#7b8591;margin-top:55px}.empty-state{padding:50px 0}.transformations{background:#11161d}.transformations>.collection-heading>p{max-width:390px;color:#aab5c4;font-size:15px}.comparison-tabs{display:flex;gap:10px;margin:45px 0 35px;flex-wrap:wrap}.comparison-tabs button{border-color:#3a4757;color:#b6c2d2}.comparison-tabs button.active{color:#08090b;background:var(--blue);border-color:var(--blue)}.comparison-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:center}.comparison-layout img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}.comparison-layout figcaption{margin-bottom:17px}.comparison-layout figcaption strong{display:block;font:300 23px Unbounded,sans-serif;letter-spacing:-.035em;margin-bottom:8px}.comparison-layout figcaption span{font:9px/1.6 Mono,monospace;color:#9aa6b8;display:block}.before img{opacity:.84;border:1px solid #3c434e}.after img{border:1px solid #01a9fa66}.after figcaption strong{color:var(--blue)}.comparison-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;margin-top:30px;padding-top:25px;border-top:1px solid #2f3945}.comparison-summary h3{font-size:20px}.comparison-summary p{font-size:13px;color:#a6b3c4;max-width:600px}.contact{background:radial-gradient(ellipse at 10% 20%,#0d334d,transparent 60%),var(--ink)}.contact h2{font-size:clamp(35px,5.6vw,76px);margin:35px 0 45px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{color:#aab7c8}.contact-links{margin-top:60px;padding-top:24px;border-top:1px solid #293643;display:flex;justify-content:space-between;gap:25px;font-size:13px;flex-wrap:wrap}.contact-links a:hover{color:var(--blue)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 5vw;border-top:1px solid var(--line);font-size:10px;color:#7c8b9d;flex-wrap:wrap}footer .brand{width:180px}footer p{font-size:12px}dialog{border:0;padding:0;width:min(1100px,94vw);max-height:92vh;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-close{position:sticky;top:16px;float:right;right:20px;margin:16px 20px 0 0;z-index:2;background:#08090b;color:white;border:0;padding:10px 16px;font-size:12px}.dialog-close span{margin-left:20px;font-size:18px}.dialog-inner{padding:50px}.dialog-top{display:flex;gap:20px;align-items:center;padding-right:95px}.dialog-top .eyebrow{color:#006b9f;font-size:10px;letter-spacing:.08em}.dialog-inner h2{font-size:38px;margin:24px 0 12px}.dialog-headline{font-size:18px;color:#586574}.view-controls{display:flex;gap:8px;margin:28px 0 18px}.dialog-image-wrap{background:#e1e6ed;display:flex;justify-content:center;padding:14px}.dialog-image-wrap img{width:100%;height:auto;object-fit:contain}.dialog-image-wrap.mobile img{width:300px;max-width:100%;border:7px solid #15181c;border-radius:24px}.dialog-description{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;margin-top:30px;font-size:15px}.dialog-description ul{margin:0;padding:0;list-style:none;color:#526273;font-size:13px}.dialog-description li{padding:8px 0;border-bottom:1px solid #d1dae4}.dialog-stage-note{font:10px/1.6 Mono,monospace;color:#76613a;margin-top:22px}.dialog-inner>.button{margin-top:25px}[hidden]{display:none!important}
@media(min-width:1600px){.hero,.section-pad,.feature,.site-header,footer{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2))}.hero{min-height:850px}.hero-art{min-height:620px}}
@media(max-width:1100px){.site-header{gap:15px}.brand{width:195px}.site-header nav{gap:18px;font-size:11px}.hero{min-height:740px}.hero h1{font-size:43px}.hero-art{min-height:480px}.hero-middle{top:115px}.hero-front{top:280px}.art-caption{bottom:-10px}.feature{gap:5%}.feature-copy h3{font-size:30px}.project-grid{grid-template-columns:repeat(2,1fr)}.filters{align-items:flex-start}.category-filters{gap:6px}.filters button{font-size:10px}.status{font-size:8px}}
@media(max-width:760px){.site-header{height:80px;padding:0 22px}.site-header nav{display:none}.brand{width:185px}.header-cta{padding:9px 11px;font-size:10px}.header-cta span{margin-left:7px}.hero{grid-template-columns:1fr;padding:65px 24px 75px;gap:40px;min-height:0}.hero h1{font-size:clamp(34px,6.5vw,48px);margin:25px 0}.hero-description{max-width:100%;font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:.07em}.hero-art{min-height:500px;max-width:570px;width:100%;margin:auto}.hero-back{right:2%;top:0;width:76%}.hero-middle{top:115px;width:77%;left:2%}.hero-front{top:285px;right:0;width:66%}.art-caption{bottom:-5px;font-size:8px}.hero-bottom{position:static;grid-column:1;flex-wrap:wrap;gap:15px;font-size:8px;margin-top:30px}.section-pad{padding:65px 24px}.statement-grid{grid-template-columns:1fr;gap:28px}.statement-grid h2{font-size:32px}.statement-grid p{font-size:16px}.feature{grid-template-columns:1fr;padding:50px 24px 65px;gap:45px}.feature-dirt .feature-copy{order:2}.feature-dirt .feature-media{order:1}.feature-copy h3{font-size:31px}.feature-copy p:not(.eyebrow){max-width:100%}.feature-number{display:none}.section-heading{padding-bottom:0}.section-heading h2{font-size:30px}.collection-heading{display:block;margin-bottom:30px}.collection-heading>p{margin-top:22px}.filters{display:block}.stage-filter{margin-top:17px}.project-grid{gap:30px 18px}.card-meta{display:block}.card-meta h4{font-size:15px;margin-bottom:7px}.card-category{font-size:9px}.group-title{display:block}.group-title h3{font-size:24px;margin-bottom:8px}.result-count{margin-bottom:30px}#review-group{margin-top:55px}.comparison-layout{grid-template-columns:1fr;gap:30px}.comparison-layout .before{max-width:65%}.comparison-layout .after{width:100%}.comparison-summary{grid-template-columns:1fr;gap:14px}.comparison-tabs{margin:30px 0}.comparison-tabs button{font-size:10px}.contact h2{font-size:clamp(30px,6.8vw,48px)}.contact-bottom{display:block}.contact-bottom .button{margin-top:30px}.contact-links{display:grid;gap:16px;margin-top:35px}footer{padding:30px 24px;display:grid;grid-template-columns:1fr 1fr}footer p{font-size:10px}footer .brand{width:150px}.dialog-inner{padding:65px 22px 30px}.dialog-top{display:block;padding:0}.dialog-top .status{margin-top:12px}.dialog-inner h2{font-size:28px}.dialog-description{grid-template-columns:1fr;gap:20px;font-size:14px}.dialog-close{margin-right:15px}.dialog-image-wrap{padding:7px}.dialog-headline{font-size:16px}}
@media(max-width:430px){.brand{width:163px}.header-cta{font-size:9px}.hero h1{font-size:33px}.hero-art{min-height:350px}.hero-middle{top:85px}.hero-front{top:205px}.window-bar{height:18px;font-size:6px}.hero-bottom{margin-top:10px}.project-grid{grid-template-columns:1fr}.card-meta{display:flex}.card-meta h4{margin:0}.card-category{font-size:10px}.comparison-layout .before{max-width:78%}.category-filters button{padding:9px 10px}.eyebrow{font-size:10px}.button{font-size:12px;gap:25px}.contact .button{width:100%}.hero .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:360px){.site-header{padding:0 18px;gap:10px}.site-header .brand{width:140px}.header-cta{padding:8px 9px}}

.comparison-project{font:300 24px/1.4 Unbounded,Arial,sans-serif;margin:45px 0 35px;color:var(--paper)}

/* Mobile reading and touch sizes */
@media (max-width:760px){
  body{font-size:17px;line-height:1.7}
  .site-header{min-height:88px;height:auto;gap:12px}
  .header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 14px;font-size:14px;line-height:1.3}
  .button{min-height:54px;padding:16px 22px;font-size:16px;gap:20px}
  .hero-description,.statement-grid p,.statement .muted,.feature-copy p:not(.eyebrow),.review-note,.transformations>.collection-heading>p,.comparison-summary p,.dialog-description,.dialog-description ul{font-size:17px;line-height:1.65}
  .eyebrow,.hero .eyebrow,.dialog-top .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.06em}
  .hero-bottom,.art-caption,.result-count,.group-title span,.card-category,.edition-note,.comparison-layout figcaption span,.dialog-stage-note{font-size:13px;line-height:1.6}
  .window-bar{height:25px;font-size:10px}
  .text-link{min-height:48px;font-size:16px;padding:14px 0}
  .collection-heading>.muted{font-size:16px}
  .filters button,.category-filters button,.comparison-tabs button,.view-controls button{min-height:48px;padding:12px 15px;font-size:15px;line-height:1.35}
  .category-filters{gap:9px}
  .stage-filter{font-size:15px;gap:12px}
  .stage-filter select{min-height:48px;max-width:none;padding:10px 28px 10px 12px;font-size:16px}
  .card-meta h4{font-size:18px;line-height:1.4}
  .card-meta button{min-height:44px}
  .status,.feature .status.completed{font-size:12px;padding:7px 9px}
  .comparison-layout figcaption strong{font-size:25px;line-height:1.3}
  .comparison-summary h3{font-size:23px}
  .contact-links{font-size:16px}
  .contact-links a{min-height:44px;display:flex;align-items:center}
  footer{font-size:13px}footer p{font-size:14px}footer a:not(.brand){min-height:44px;display:flex;align-items:center}
  .dialog-close{min-height:48px;padding:12px 16px;font-size:15px}
  .dialog-inner h2{font-size:30px;overflow-wrap:anywhere}
  .dialog-headline{font-size:18px;line-height:1.5}
  .dialog-top .status{margin-top:12px}
}
@media (max-width:430px){
  .site-header{padding:12px 18px}.site-header .brand{width:min(43vw,163px)}
  .header-cta{font-size:14px;padding:12px}
  .hero h1{font-size:clamp(34px,9vw,40px)}
  .hero .eyebrow{font-size:13px}
  .hero-art{min-height:370px}
  .card-meta{gap:10px;align-items:center}
  .card-meta h4{min-width:0}
  .contact .button{width:100%}
}
@media (max-width:760px){
  .comparison-project{font-size:15px;line-height:1.5}
  .view-controls{flex-wrap:wrap}
  .comparison-layout .before{max-width:100%}
}

/* Align collection filters on small screens. */
@media (max-width:760px){
  .category-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-filters button{width:100%;min-height:64px;padding:12px 10px;text-align:center;white-space:normal}
  .category-filters button:first-child{grid-column:1 / -1;min-height:48px}
  .stage-filter{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:16px}
  .stage-filter select{width:100%}
}

@media (max-width:760px){.contact .button{width:auto;max-width:100%;gap:16px}}

/* Project stages: make the labels readable and their borders distinct. */
.status{font-size:13px;line-height:1.4;font-weight:600;padding:7px 10px;border:2px solid #667487;color:#344253;background:#eef2f7}
.status.completed{color:#245b4d;border-color:#4b8778;background:#e4f2ed}
.status.final-review{color:#005479;border-color:#16789c;background:#e2f3fa}
.status.middle-review,.status.initial-review,.status.in-review{color:#684600;border-color:#9b7120;background:#fff1d3}
.feature .status.completed{font-size:13px;font-weight:600;border-width:2px;color:inherit;border-color:currentColor;background:transparent}
@media (max-width:760px){
  .status,.feature .status.completed{font-size:14px;padding:8px 11px}
  .card-meta h4{min-width:0;flex:1}
}

.hero-cta{background:var(--blue);color:var(--ink)}
.hero-cta:hover{background:var(--paper);color:var(--ink)}

@media (max-width:760px){.hero .eyebrow{font-size:clamp(10px,3vw,13px);letter-spacing:.02em;white-space:nowrap}}

.original-comparison{margin-top:32px;padding:26px;background:#e5f3fa;border-left:4px solid #008cca;color:#132a38}.original-comparison .comparison-kicker{font:600 11px/1.5 Mono,monospace;letter-spacing:.08em;color:#00678f}.original-comparison h3{font-size:23px;margin:10px 0}.original-comparison p:not(.comparison-kicker){font-size:15px;line-height:1.6}.comparison-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.comparison-actions a{display:inline-flex;align-items:center;min-height:48px;padding:11px 15px;background:#073950;color:#fff;font-size:14px;font-weight:600}.comparison-actions a+ a{background:transparent;color:#073950;border:2px solid #073950}.comparison-actions a:hover{background:#01a9fa;color:#08090b}@media(max-width:760px){.original-comparison{padding:20px}.original-comparison p:not(.comparison-kicker){font-size:16px}.comparison-actions{display:grid;grid-template-columns:1fr}.comparison-actions a{justify-content:center;text-align:center;font-size:15px}}

.before-link{display:block}.before-link span{display:inline-flex;align-items:center;min-height:44px;padding-top:7px;color:#c5e8fa;font-size:14px;font-weight:600}.before-link:hover span{color:var(--blue)}

/* Give the header logo more room without increasing the header height. */
@media (min-width:1101px){.site-header .brand{width:270px}}
@media (max-width:760px){
  .site-header{height:88px;min-height:0}
  .site-header .brand{width:auto;flex:1 1 auto;min-width:0;max-width:250px}
  .site-header .header-cta{flex:0 0 auto}
}

.header-cta .cta-prefix{margin-left:0;white-space:pre}@media(max-width:360px){.header-cta .cta-prefix{display:none}}

/* Fisher's pale architectural grid across light portfolio surfaces. */
.statement,.collection,dialog{
  background-color:#e2e9f2;
  background-image:
    linear-gradient(rgba(46,67,91,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(46,67,91,.085) 1px,transparent 1px),
    radial-gradient(ellipse at 20% 8%,#f4f7fc 0%,transparent 52%),
    radial-gradient(ellipse at 82% 65%,#d1dbe8 0%,transparent 58%),
    linear-gradient(135deg,#ebf0f7 0%,#dbe4ef 55%,#edf2f8 100%);
  background-size:56px 56px,56px 56px,100% 100%,100% 100%,100% 100%;
}

/* Solid, high-contrast collection controls over the grid. */
.filters button,.stage-filter select{background:#fff;color:#08090b;border:2px solid #111820}
.filters button.active{background:#08090b;color:#fff;border-color:#08090b}
.filters button:not(.active):hover{background:#e4f5fd;border-color:#005e8b}

/* Dark category filters, with blue reserved for the active choice. */
.filters .category-filters button{background:#08090b;color:#fff;border-color:#08090b}
.filters .category-filters button.active{background:#01a9fa;color:#08090b;border-color:#08090b}
.filters .category-filters button:not(.active):hover{background:#263443;color:#fff;border-color:#08090b}

/* Solid screenshot-view controls on every project. */
.view-controls button{background:#fff;color:#08090b;border:2px solid #111820}
.view-controls button.active{background:#08090b;color:#fff;border-color:#08090b}
.view-controls button:not(.active):hover{background:#e4f5fd;border-color:#005e8b}