:root{--night:#020912;--panel:#071522;--line:#ffffff18;--blue:#269fff;--orange:#ff9418;--ink:#edf7ff;--muted:#8da3b5}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.mini-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;text-transform:uppercase}.mini-brand img{width:42px;height:42px;object-fit:contain}.gallery-nav{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:#020912df;backdrop-filter:blur(15px)}.gallery-nav>a:last-child{color:#8dcfff;font-size:12px}.gallery-hero{position:relative;min-height:580px;padding:130px clamp(20px,7vw,110px) 90px;overflow:hidden;background:radial-gradient(circle at 78% 50%,#0a4f7f50,transparent 28%),linear-gradient(#020912,#04121e)}.gallery-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#30aaff0a 1px,transparent 1px),linear-gradient(90deg,#30aaff0a 1px,transparent 1px);background-size:56px 56px}.gallery-hero>*{position:relative;z-index:1}.kicker{color:#7e97aa;font-size:10px;font-weight:800;letter-spacing:.18em}.gallery-hero h1{margin:24px 0;font-size:clamp(58px,9vw,132px);line-height:.84;letter-spacing:-.075em;font-weight:550}.gallery-hero h1 em,.error-copy h1 em{color:var(--blue);font-style:normal}.gallery-hero>p:last-of-type{max-width:560px;color:#9db0bf;font-size:18px;line-height:1.7}.gallery-stat{position:absolute;right:8vw;bottom:90px;display:flex;align-items:center;gap:18px}.gallery-stat strong{font-size:72px;line-height:1;color:var(--orange)}.gallery-stat span{color:#71899b;font-size:10px;line-height:1.4;text-transform:uppercase}.gallery-controls{display:flex;gap:8px;align-items:center;padding:26px clamp(20px,5vw,72px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#06111b}.gallery-controls button{padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:transparent;color:#90a4b4;cursor:pointer}.gallery-controls button.active{border-color:#258fd3;background:#0b2a40;color:#bfe6ff}.gallery-controls>span{margin-left:auto;color:#60798c;font-size:11px}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:#ffffff16}.site-card{min-width:0;padding:24px;background:#04101a}.card-top{display:flex;justify-content:space-between;padding-bottom:16px;color:#658094;font-size:9px;font-weight:800;letter-spacing:.12em}.card-top a{color:#75c7ff}.preview-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid #ffffff18;background:#0a1722}.preview-wrap iframe{width:1600px;height:900px;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none}.concept-404{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 80%,#0b4d793d,transparent 45%),#020912}.concept-404[hidden],iframe[hidden]{display:none}.concept-404>span{position:absolute;font-size:clamp(130px,22vw,310px);font-weight:900;letter-spacing:-.12em;color:#ffffff08}.concept-404 img{position:relative;z-index:1;width:42%;max-height:90%;object-fit:contain}.concept-404 div{position:relative;z-index:1;max-width:230px}.concept-404 b{display:block;font-size:clamp(20px,2vw,34px);line-height:1}.concept-404 small{display:block;margin-top:12px;color:#6f8aa0;text-transform:uppercase}.card-copy{display:flex;gap:24px;align-items:end;justify-content:space-between;padding-top:22px}.card-copy h2{margin:0;font-size:22px}.card-copy p{min-height:36px;max-width:480px;margin:8px 0 0;color:#7f96a8;font-size:12px;line-height:1.5}.view-toggle{display:flex;flex-shrink:0;align-items:center;gap:7px;border:0;background:transparent;color:#758da0;font-size:9px;text-transform:uppercase;cursor:pointer}.view-toggle i{position:relative;width:32px;height:17px;border-radius:20px;background:#163047}.view-toggle i::after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--blue);transition:.2s}.view-toggle[aria-pressed=true] i::after{transform:translateX(15px);background:var(--orange)}.gallery-footer{display:flex;align-items:center;justify-content:space-between;padding:70px clamp(20px,7vw,110px);background:#eef5f8;color:#172a3a}.gallery-footer img{width:min(440px,52vw)}.gallery-footer p{text-align:right;font-size:12px;line-height:1.7}
.error-page{min-height:100svh;background:radial-gradient(circle at 75% 50%,#0b47704f,transparent 28%),#020912}.error-shell{position:relative;min-height:100svh;overflow:hidden;padding:42px clamp(24px,6vw,88px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.error-shell>.mini-brand{position:absolute;top:35px;left:clamp(24px,6vw,88px)}.error-copy{z-index:2;max-width:630px}.error-copy h1{margin:22px 0;font-size:clamp(54px,7vw,104px);line-height:.88;letter-spacing:-.07em}.error-copy>p:not(.kicker){max-width:530px;color:#92a8b8;font-size:17px;line-height:1.7}.error-actions{display:flex;gap:24px;align-items:center;margin-top:34px}.primary-action{display:flex;justify-content:space-between;min-width:190px;padding:18px;background:var(--blue);color:#00101b;font-size:12px;font-weight:800}.error-actions>a:last-child{font-size:12px;color:#8abfdf}.error-art{position:relative;display:grid;place-items:center}.error-art img{position:relative;z-index:1;width:min(100%,620px)}.giant-404{position:absolute;font-size:clamp(180px,26vw,430px);font-weight:900;letter-spacing:-.13em;color:#ffffff07}.error-note{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:#4f687b;font-size:9px;letter-spacing:.12em;white-space:nowrap}
@media(max-width:900px){.gallery-stat{position:static;margin-top:45px}.site-grid{grid-template-columns:1fr}.gallery-controls{overflow:auto}.gallery-controls>span{display:none}.preview-wrap iframe{transform:scale(.42)}.error-shell{grid-template-columns:1fr;padding-top:130px}.error-art{grid-row:1}.error-copy{grid-row:2}.error-shell>.mini-brand{top:28px}}
@media(max-width:560px){.gallery-nav{height:68px}.gallery-nav>a:last-child{font-size:0}.gallery-nav>a:last-child::after{content:"Home ↗";font-size:11px}.gallery-hero{min-height:540px;padding-top:100px}.gallery-controls{padding-inline:16px}.site-card{padding:14px}.preview-wrap iframe{width:1200px;height:675px;transform:scale(.4)}.card-copy{display:block}.view-toggle{margin-top:20px}.concept-404 img{width:50%}.concept-404 div{max-width:140px}.gallery-footer{display:block}.gallery-footer img{width:100%}.gallery-footer p{text-align:left;margin-top:30px}.error-art img{width:100%}.error-actions{align-items:flex-start;flex-direction:column}.error-note{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view-toggle i::after{transition:none}}
.preview-wrap{aspect-ratio:16/10;cursor:zoom-in}.preview-wrap iframe{width:1600px;height:1000px;transform:scale(.5);transform-origin:top left}.preview-launch{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding:18px;border:0;background:linear-gradient(transparent 65%,#020912d9);color:#fff;cursor:zoom-in;font:800 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .2s}.preview-launch:hover,.preview-launch:focus-visible{opacity:1}.preview-launch b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#00101b;font-size:16px}.preview-dialog{width:min(94vw,1500px);height:min(92vh,980px);padding:0;border:1px solid #41afff55;border-radius:8px;background:#03101a;color:var(--ink);box-shadow:0 30px 100px #000}.preview-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-bar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.dialog-bar div{display:flex;align-items:center;gap:16px}.dialog-bar span{color:#6f8ca0;font-size:9px;letter-spacing:.15em}.dialog-bar strong{font-size:16px}.dialog-close{padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:#0b1c29;color:#ddecf6;cursor:pointer}.preview-dialog>iframe{display:block;width:100%;height:calc(100% - 126px);border:0;background:#fff}.dialog-live-link{height:56px;display:flex;align-items:center;justify-content:center;color:#77caff;font-size:12px;font-weight:800}.dialog-close:focus-visible,.preview-launch:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
@media(max-width:900px){.preview-wrap iframe{width:1600px;height:1000px;transform:scale(.46)}.preview-launch{opacity:1;background:linear-gradient(transparent 75%,#020912d9)}}
@media(max-width:560px){.preview-wrap iframe{width:1200px;height:750px;transform:scale(.4)}.dialog-bar span{display:none}.preview-dialog{width:96vw;height:92vh}.preview-dialog>iframe{height:calc(100% - 126px)}}
.preview-wrap iframe{width:200%;height:200%;transform:scale(.5)}
@media(max-width:900px){.preview-wrap iframe{width:200%;height:200%;transform:scale(.5)}}
@media(max-width:560px){.preview-wrap iframe{width:200%;height:200%;transform:scale(.5)}}
.preview-poster{position:absolute;z-index:0;inset:0;display:grid;place-content:center;gap:10px;padding:28px;text-align:center;background:radial-gradient(circle at 50% 30%,#0c4671,transparent 60%),#06131e}.preview-poster[hidden]{display:none}.preview-poster strong{color:#eaf7ff;font-size:clamp(22px,3vw,38px)}.preview-poster span{color:#85a5ba;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.preview-wrap iframe{position:relative;z-index:1}.preview-launch{z-index:2}.card-copy small{display:block;margin-top:10px;color:#668397;font-size:10px;letter-spacing:.04em}.gallery-footer a:not(.gallery-footer-brand){text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.gallery-hero{min-height:0;padding-top:100px;padding-bottom:54px}.gallery-hero h1{font-size:54px;line-height:.88}.gallery-hero>p:last-of-type{font-size:16px;line-height:1.55}.gallery-stat{margin-top:28px}.gallery-stat strong{font-size:58px}.gallery-controls{padding-block:18px}}
.gallery-footer-brand{display:flex;align-items:center;gap:18px;color:#10263a}.gallery-footer-brand>img{width:64px;height:64px;border:1px solid #bdd1df;border-radius:50%;background:#fff;object-fit:cover}.gallery-footer-brand span{display:flex;flex-direction:column;text-transform:uppercase}.gallery-footer-brand b{color:#10263a;font-size:18px;line-height:1}.gallery-footer-brand strong{color:#087fd5;font-size:24px;line-height:1.05}.gallery-footer-brand small{margin-top:7px;color:#5c7384;font-size:9px;letter-spacing:.13em}.gallery-footer>.gallery-footer-brand img{width:64px}.gallery-footer>.gallery-footer-brand+ p{color:#334f63}
@media(max-width:560px){.gallery-footer-brand{margin-bottom:30px}.gallery-footer>.gallery-footer-brand img{width:54px;height:54px}.gallery-footer-brand b{font-size:15px}.gallery-footer-brand strong{font-size:20px}}

/* Compact portfolio layout */
.gallery-nav{height:54px;padding-inline:clamp(16px,3vw,42px)}
.mini-brand img{width:34px;height:34px}
.gallery-hero{min-height:280px;padding:34px clamp(20px,5vw,64px) 30px}
.gallery-hero h1{margin:12px 0;font-size:clamp(44px,6vw,72px);line-height:.88}
.gallery-hero>p:last-of-type{max-width:620px;margin-bottom:0;font-size:15px;line-height:1.45}
.gallery-stat{right:5vw;bottom:30px;gap:12px}
.gallery-stat strong{font-size:48px}
.gallery-controls{padding:12px clamp(16px,3vw,42px)}
.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-card{padding:12px}
.card-top{padding-bottom:8px}
.preview-wrap{aspect-ratio:16/9}
.card-copy{gap:12px;padding-top:10px}
.card-copy h2{font-size:19px}
.card-copy p{min-height:0;margin-top:6px}
.card-copy small{margin-top:7px}
.view-toggle{gap:5px}
.gallery-footer{padding:24px clamp(20px,5vw,64px)}
@media(max-width:800px){.site-grid{grid-template-columns:1fr}.gallery-hero{min-height:0;padding:34px 20px 28px}.gallery-stat{position:static;margin-top:18px}.gallery-controls{padding-block:11px}.site-card{padding:12px}.gallery-footer{padding-block:24px}}

/* Crawlable portfolio cards */
.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;background:#fff;color:#00101d;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.portfolio-groups{background:#030b13}
.portfolio-group{padding:58px clamp(20px,5vw,72px) 70px;border-bottom:1px solid var(--line)}
.group-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:28px}
.group-heading p{margin:0;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.15em}
.group-heading h2{margin:0;font-size:clamp(30px,4vw,54px);letter-spacing:-.04em;text-transform:uppercase}
.portfolio-group .site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:#ffffff16}
.portfolio-group .site-card{display:flex;min-height:390px;flex-direction:column;padding:28px;background:#06131e}
.site-logo{width:64px;height:64px;padding:5px;border:1px solid #ffffff20;border-radius:16px;background:#fff;object-fit:contain}
.site-card h3{margin:24px 0 10px;font-size:25px;line-height:1.12}
.site-description{margin:0;color:#c8d8e4;font-size:16px;line-height:1.55}
.site-audience,.site-category{margin:18px 0 0;color:#8fa7b8;font-size:13px;line-height:1.55}
.site-category{margin-top:8px}.site-audience strong,.site-category strong{display:block;margin-bottom:3px;color:#6abfff;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.card-actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px}
.card-actions a,.card-actions button{min-height:44px;padding:12px 15px;border:1px solid #ffffff24;border-radius:3px;font:800 12px Arial,sans-serif;cursor:pointer}
.card-actions a{background:var(--blue);border-color:var(--blue);color:#00101d}.card-actions button{background:transparent;color:#c7dae7}
.card-actions a:focus-visible,.card-actions button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.adult-group{background:#100b0a}.adult-notice{max-width:800px;margin:0 0 28px;padding:18px 20px;border-left:3px solid var(--orange);background:#20130d;color:#e4c7b3;line-height:1.65}.adult-notice strong{color:#fff}
.adult-card{border-top:3px solid var(--orange)}
.gallery-controls{flex-wrap:wrap}.gallery-controls strong{font-size:11px;letter-spacing:.12em}.gallery-controls>span{line-height:1.5;text-align:right}
@media(max-width:1050px){.portfolio-group .site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-group{padding:42px 16px 52px}.portfolio-group .site-grid{grid-template-columns:1fr}.portfolio-group .site-card{min-height:0;padding:24px}.group-heading{align-items:flex-start}.group-heading h2{font-size:30px}.gallery-controls{align-items:flex-start;flex-direction:column}.gallery-controls>span{display:block;margin-left:0;text-align:left}.card-actions{align-items:stretch;flex-direction:column}.card-actions a,.card-actions button{text-align:center}.gallery-hero{padding-inline:20px}.gallery-hero h1{font-size:50px}}