/* A studio composition, layered surfaces, and a quieter complete directory. */
:root { --slate:#607482; --studio-ease:cubic-bezier(.22,1,.36,1); }
html { scroll-padding-top:30px; }
.studio-byline { font-size:13px; line-height:1.5; color:#60675f; margin:0 0 24px; letter-spacing:0; font-family:var(--sans); text-transform:none; }
.studio-hero { max-width:1440px; padding:84px 64px 66px; margin:auto; display:grid; grid-template-columns:1fr 1.1fr; gap:45px; align-items:center; }
.studio-intro h1 { font-family:var(--sans);font-size:clamp(54px,5.9vw,86px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 32px; }
.studio-deck {max-width:440px;font-size:18px;line-height:1.75;color:#5d645c;margin:0 0 30px;}
.studio-location{margin:45px 0 0;color:#6b7269;font-size:11px;display:flex;flex-wrap:wrap;gap:6px 20px;}
.studio-scene{position:relative;height:580px;isolation:isolate;perspective:1200px;}
.scene-grid{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,#d6ddd5aa,transparent 69%);}
.scene-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#61716412 1px,transparent 1px),linear-gradient(90deg,#61716412 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black,transparent 68%);}
.scene-topline{display:flex;justify-content:space-between;position:absolute;inset:0 20px auto;font-size:10px;letter-spacing:.03em;color:#7c8478;}
.scene-dot{width:6px;height:6px;background:#829379;border-radius:50%;margin-top:4px;}
.scene-depth{position:absolute;inset:25px 0 35px;transform-style:preserve-3d;transition:transform 550ms var(--studio-ease);}
.scene-layer{position:absolute;width:79%;left:9%;transform-style:preserve-3d;}
.scene-pane{border:1px solid #ffffffdb;border-radius:14px;box-shadow:0 2px 2px #29382b05,0 18px 40px -20px #29382b70,0 50px 70px -50px #29382b50;overflow:hidden;}
.layer-information{top:20px;left:4%;z-index:1;}
.data-pane{background:linear-gradient(135deg,#fffefb,#edf0e7);padding:22px 25px 32px;transform:rotate(-7deg);}
.pane-label{font-size:10px;color:#7a8175;display:block;margin-bottom:9px;}
.scene-pane h2{font:500 21px/1.2 var(--sans);letter-spacing:-.025em;margin:0 0 17px;}
.data-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #53674e14;font-size:10px;color:#68735f;}
.data-row i{display:block;height:6px;width:6px;background:#bdc9b4;border-radius:2px;}
.data-row b{font-size:8px;margin-left:auto;font-weight:400;background:#e1e8d9;padding:3px 6px;border-radius:3px;}
.layer-application{top:180px;left:17%;z-index:2;}
.app-pane{transform:rotate(5deg);background:#fdfefb;}
.mini-window{height:30px;background:#e8ede8;border-bottom:1px solid #d9dfd6;display:flex;align-items:center;gap:4px;padding:0 13px;}
.mini-window i{width:4px;height:4px;border-radius:50%;background:#b3bfb0;}.mini-window span{font-size:8px;margin-left:10px;color:#798672;}
.app-preview{display:flex;min-height:196px;}.app-rail{width:43px;background:#eef1e9;padding:15px 10px;display:flex;align-items:center;flex-direction:column;gap:16px}.app-rail b{font:600 18px var(--serif);}.app-rail i{width:9px;height:9px;border:1px solid #aebaa8;border-radius:2px;}.app-content{padding:16px 20px;width:calc(100% - 43px)}
.mini-chart{height:76px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #c9d3c6;margin-bottom:14px}.mini-chart i{display:block;background:linear-gradient(#a8b9a0,#ccd6c6);width:12%;border-radius:3px 3px 0 0;height:30%}.mini-chart i:nth-child(2){height:48%}.mini-chart i:nth-child(3){height:40%}.mini-chart i:nth-child(4){height:65%}.mini-chart i:nth-child(5){height:58%}.mini-chart i:nth-child(6){height:80%}.mini-chart i:nth-child(7){height:94%;background:#607482}
.mini-answer{display:flex;gap:12px;align-items:center}.mini-answer p{font-size:10px;line-height:1.5;margin:0;color:#56654f}.answer-symbol{font-size:29px;color:#8b9e80}
.layer-outcome{top:420px;left:3%;z-index:3;width:80%;}.outcome-pane{display:flex;align-items:center;gap:16px;transform:rotate(-3deg);padding:19px 22px;background:linear-gradient(120deg,#5b6d74,#415860);color:#fff;box-shadow:0 22px 35px -17px #314f6370;}
.outcome-pane h2{margin:0 0 5px;font-size:19px}.outcome-pane p{margin:0;font-size:10px;color:#d2dee0}.outcome-pane .pane-label{color:#c1d1d5;font-size:9px;margin-bottom:5px}.outcome-check{border:1px solid #b3c8bf69;background:#f7fff911;width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:#dce7d4}
.scene-footnote{font-size:9px;color:#8b9386;position:absolute;bottom:-9px;right:5%;margin:0;}
.studio-disciplines{max-width:1312px;margin:0 auto;padding:26px 0;border-top:1px solid #c7cdc1;border-bottom:1px solid #c7cdc1;display:flex;justify-content:space-between;font-size:12px;color:#71786d;gap:18px;}
.selected-work{max-width:1312px;margin:0 auto;padding:110px 0 50px;}
.selected-heading{margin-bottom:55px;display:grid;grid-template-columns:1fr 1.2fr;align-items:end;gap:0 50px;}.selected-heading .studio-byline{grid-column:1/-1;margin-bottom:22px;}.selected-heading h2{font:500 clamp(38px,4.2vw,60px)/1.07 var(--sans);letter-spacing:-.045em;margin:0;}.selected-heading>p:last-child{color:#72796d;justify-self:end;margin-bottom:5px;font-size:14px;}
.featured-story{display:grid;grid-template-columns:.85fr 1.3fr;gap:75px;align-items:center;padding:80px 0 100px;border-bottom:1px solid #d8dcd2;}
.featured-story:last-child{border:0;}.featured-copy{max-width:430px;}.featured-name{font-size:20px;font-weight:600;letter-spacing:-.03em;}.featured-sector{font-size:11px;color:#7b8276;margin:9px 0 28px;}.featured-copy h3{font:500 clamp(29px,3vw,43px)/1.12 var(--sans);letter-spacing:-.045em;margin:0 0 23px;}.featured-copy>p:not(.featured-sector){font-size:16px;line-height:1.75;color:#68715f;margin-bottom:26px;}.featured-result{border-left:2px solid #a8b59d;padding-left:17px;margin:0 0 31px;}.featured-result span{font-size:10px;color:#7e8775;display:block;margin-bottom:6px}.featured-result strong{font-size:14px;font-weight:500;line-height:1.5;display:block}.featured-copy .text-link{font-size:13px;}
.featured-brand{display:inline-flex;background:#293137;padding:10px 18px;border-radius:6px;}.featured-brand img{height:29px;width:auto;max-width:150px;object-fit:contain}
.featured-stage{min-width:0;}.featured-media{display:block;transform-origin:center center;border-radius:14px;overflow:hidden;box-shadow:0 18px 45px -30px #24331d50;}.featured-media .project-visual{height:430px;}.featured-media .image-visual{padding:26px;background:#e0e6d6;}.featured-caption{font-size:11px;line-height:1.65;color:#818878;margin:16px 10px 0;max-width:580px;}
.featured-media .visual-title{font-size:48px;}.featured-media .platform-stack{top:65px;bottom:auto;}.featured-media .platform-stack>div{height:90px;}.featured-media .score-orbit{width:215px;height:215px;top:65px;}
.directory-section{padding-top:70px;}.directory-section .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 27px;}.directory-section .project-visual{height:225px;}.directory-section .project-card h3{font-size:19px;letter-spacing:-.035em;}.directory-section .project-card>p{font-size:13px;line-height:1.7;}.directory-section .visual-kicker{font-size:7px;}.directory-section .visual-title{font-size:31px;margin-top:42px}.directory-section .app-chips{display:none}.directory-section .score-orbit{width:115px;height:115px;top:42px;}.directory-section .score-orbit b{font-size:29px}.directory-section .visual-bottom{font-size:10px;bottom:33px;}.directory-section .visual-bottom strong{font-size:29px;}.directory-section .visual-bottom small{font-size:7px;}.directory-section .map-label{font-size:7px;}.directory-section .platform-stack{top:42px;left:22px;right:22px;gap:7px;}.directory-section .platform-stack>div{min-height:0;padding:11px 15px;}.directory-section .platform-stack b{font-size:16px}.directory-section .platform-stack small{font-size:8px;}.directory-section .platform-stack span{font-size:8px;}.directory-section .report-art{top:60px;gap:15px;left:25px;right:25px;}.directory-section .paper{width:92px;height:115px;padding:15px;}.directory-section .paper b{font-size:11px;}.directory-section .answer b{font-size:19px;}.directory-section .answer small{font-size:8px;}.directory-section .image-visual{padding:18px;}.directory-section .media-art{top:38px;}.directory-section .media-label{font-size:13px;}.directory-section .property-grid{top:50px;}.directory-section .visual-title.low{font-size:29px;}.directory-section .flower-symbol{font-size:190px;}.directory-section .axiom-art{transform:scale(.75);transform-origin:top center;}.directory-section .card-meta span:last-child{display:none;}
.directory-section .section-heading h2,.approach-section .section-heading h2,.about-section h2{font-family:var(--sans);font-weight:500;letter-spacing:-.045em;}.directory-section .work-toolbar{margin-bottom:34px;}.filters button{transition:background-color 180ms,color 180ms,transform 120ms;}.filters button:active{transform:scale(.98);}
.case-aside>a{border-left:2px solid transparent;padding-left:12px;transition:color 150ms,border-color 150ms;}.case-aside>a[aria-current="location"]{color:#263d2a;border-color:#7d9571;}.case-story>section{scroll-margin-top:28px;}.case-aside{align-self:start;position:sticky;top:36px;}.case-hero h1{font-size:clamp(42px,5.4vw,76px);}.case-meta{gap:25px;}.case-meta b{line-height:1.5;}.case-visual>.project-visual.image-visual{height:auto;min-height:0;padding:35px;}.case-visual .image-expand{width:100%;background:transparent;display:block;}.case-visual .image-expand img{height:auto;max-height:650px;}.image-expand{cursor:zoom-in;}.next-project{transition:background-color 180ms;}.next-project:hover{background:#edf0e8;}.button:active{transform:scale(.98);}.site-header{max-width:1440px;}.site-footer .eyebrow{text-transform:none;font:13px var(--sans);letter-spacing:0;}.site-footer h2 em{font-style:normal;color:inherit;}.site-footer h2{font-family:var(--sans);font-weight:500;letter-spacing:-.045em;}
@media(min-width:1400px){.studio-hero{gap:75px;}.studio-scene{height:600px;}.layer-information{top:35px;}.layer-application{top:204px;}.layer-outcome{top:445px;}}
@media(max-width:1439px){.studio-disciplines,.selected-work{margin-left:64px;margin-right:64px;}.featured-story{gap:45px}.featured-media .project-visual{height:370px;}}
@media(max-width:1100px){.studio-hero{padding:70px 45px 50px;gap:20px;}.studio-scene{height:520px;}.scene-layer{width:88%;left:0}.layer-application{top:165px;left:10%}.layer-outcome{top:388px;width:90%;left:0;}.data-pane{padding:18px 20px 27px}.scene-pane h2{font-size:18px}.outcome-pane{padding:16px}.outcome-pane h2{font-size:16px;}.studio-intro h1{font-size:63px;}.studio-deck{font-size:16px}.studio-disciplines,.selected-work{margin-left:45px;margin-right:45px;}.featured-story{gap:35px;grid-template-columns:.8fr 1fr;}.featured-media .project-visual{height:340px;}.featured-copy h3{font-size:33px;}.directory-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.directory-section .project-visual{height:265px;}.directory-section .platform-stack{top:40px;}.directory-section .platform-stack>div{padding:14px;}.directory-section .score-orbit{width:150px;height:150px;}.featured-media .platform-stack{top:40px;}.featured-media .platform-stack>div{height:75px;}.featured-media .score-orbit{width:170px;height:170px;top:65px;}.featured-media .visual-bottom strong{font-size:45px;}.featured-media .visual-bottom{font-size:10px;}}
@media(max-width:760px){.studio-hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 25px 38px;gap:32px}.studio-intro h1{font-size:clamp(50px,10vw,72px);}.studio-deck{max-width:490px;}.studio-location{margin-top:25px}.studio-scene{height:520px;width:100%;max-width:520px;margin:auto;}.scene-layer{width:78%;left:5%}.layer-application{left:17%;top:175px;}.layer-outcome{top:391px;left:6%;width:80%;}.scene-depth{inset:25px 0 20px}.scene-footnote{right:3%;bottom:0;}.studio-disciplines{margin:0 25px;padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:11px}.selected-work{margin:0 25px;padding-top:65px}.selected-heading{display:block;margin-bottom:10px}.selected-heading h2{font-size:40px;}.selected-heading>p:last-child{font-size:13px;margin-top:20px}.featured-story{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:50px 0 55px}.featured-copy{max-width:560px}.featured-copy h3{font-size:35px;max-width:470px}.featured-copy>p:not(.featured-sector){font-size:15px}.featured-result{margin-bottom:22px}.featured-media .project-visual{height:360px;}.featured-media .image-visual{height:auto;min-height:230px;padding:18px;}.featured-media .image-visual img{height:auto;}.featured-sector{margin-bottom:22px}.featured-caption{margin:13px 0 0;font-size:10px}.directory-section .project-grid{gap:35px 20px;}.case-aside{position:static;}.case-aside>a{display:inline-block;border-left:0;border-bottom:2px solid transparent;padding:9px 0;margin-right:15px;font-size:12px;}.case-aside>a[aria-current="location"]{border-bottom-color:#7d9571;}.case-visual>.project-visual.image-visual{padding:20px;}.case-hero h1{font-size:42px;}.directory-section .project-visual{height:235px;}}
@media(max-width:540px){.studio-byline{font-size:11px;margin-bottom:25px}.studio-hero{padding-top:35px}.studio-intro h1{font-size:53px;letter-spacing:-.065em;margin-bottom:25px}.studio-deck{font-size:15px;line-height:1.75;margin-bottom:23px}.hero-actions{gap:18px;align-items:center}.hero-actions .button{font-size:11px;padding:14px 18px;}.hero-actions .text-link{font-size:11px}.studio-scene{height:467px;}.scene-layer{width:84%;left:1%}.scene-depth{inset:25px 0 15px}.layer-application{top:145px;left:14%;width:84%}.layer-outcome{top:350px;left:2%;width:92%}.data-pane{padding:17px 17px 30px}.pane-label{font-size:8px}.scene-pane h2{font-size:17px}.data-row{font-size:8px;padding:7px 0}.data-row b{font-size:6px}.app-preview{min-height:181px}.app-content{padding:13px 14px;}.mini-chart{height:70px;gap:6px;}.mini-answer p{font-size:9px}.outcome-pane{padding:15px;gap:12px}.outcome-pane h2{font-size:16px}.outcome-pane p{font-size:8px;}.scene-footnote{font-size:8px;right:0}.scene-topline{font-size:8px;inset:0 4px auto}.directory-section .project-grid{grid-template-columns:1fr}.directory-section .project-visual{height:270px}.directory-section .project-card h3{font-size:23px}.directory-section .project-card>p{font-size:14px}.selected-heading h2{font-size:36px}.featured-copy h3{font-size:33px}.featured-media .project-visual{height:305px;}.featured-media .image-visual{height:auto;min-height:205px;}.featured-media .platform-stack{left:22px;right:22px;top:40px;}.featured-media .platform-stack>div{height:66px;padding:16px;}.featured-media .platform-stack b{font-size:20px;}.featured-media .platform-stack small{font-size:9px}.featured-media .score-orbit{width:148px;height:148px;top:50px;}.featured-media .visual-bottom{bottom:30px;font-size:9px}.featured-media .visual-bottom strong{font-size:34px;}.featured-media .visual-bottom small{font-size:7px;}.featured-media .visual-kicker{font-size:8px}.featured-media .map-label{font-size:7px;}.case-meta{gap:18px;}.case-visual>.project-visual.image-visual{padding:14px;}}
@media(prefers-reduced-motion:reduce){.scene-depth,.filters button,.button,.case-aside>a,.next-project{transition:none!important}.scene-depth,.scene-layer,.featured-media{transform:none!important}.featured-media{opacity:1!important;}}

.analytics-choice{position:fixed;bottom:20px;right:20px;z-index:100;background:#fffefb;border:1px solid #d8dbd1;border-radius:12px;padding:20px;max-width:360px;box-shadow:0 10px 40px #0002;font-size:13px}.analytics-choice[hidden]{display:none}.analytics-choice p{margin:0 0 14px;line-height:1.6}.analytics-choice button{border:1px solid #c7cec2;background:#f0f3eb;border-radius:5px;padding:9px 12px;font-size:12px;margin:0 8px 0 0}.analytics-settings{position:fixed;right:16px;bottom:4px;background:var(--paper);border:0;color:#70776a;font-size:10px;z-index:90;padding:5px}@media(max-width:480px){.analytics-choice{left:16px;right:16px;bottom:30px;max-width:none}}

/* Meaningful small labels remain readable against the paper surface. */
.featured-caption,.featured-sector,.featured-result span,.scene-footnote,.scene-topline,.studio-location,.studio-disciplines,.selected-heading>p:last-child{color:#606958;}
/* Keep every layer and report label within compact gallery artwork. */
.directory-section .platform-stack{position:absolute;top:53px;left:11%;right:auto;width:70%;margin:0;}
.directory-section .platform-stack>div{height:44px;min-height:0;padding:7px 11px;margin-bottom:7px;gap:0 3px;}
.directory-section .platform-stack b{font-size:14px;line-height:1.2;}.directory-section .platform-stack small{font-size:7px;}.directory-section .platform-stack>div:nth-child(2){margin-left:13px;margin-right:-13px;}.directory-section .platform-stack>div:nth-child(3){margin-left:26px;margin-right:-26px;}
.featured-media .platform-stack{position:absolute;top:70px;left:10%;right:auto;width:72%;margin:0;}
.featured-media .platform-stack>div{height:78px;min-height:0;padding:15px 18px;margin-bottom:12px;}
.directory-section .report-art{position:absolute;top:62px;left:24px;right:24px;margin:0;}.directory-section .paper i{height:3px;margin-top:8px;}.directory-section .paper b{margin-top:12px;font-size:9px;}
.directory-section .score-orbit,.featured-media .score-orbit{margin-left:0;transform:translateX(-50%);}
@media(max-width:1100px){.featured-media .platform-stack{top:52px}.featured-media .platform-stack>div{height:64px;padding:12px 14px;margin-bottom:10px;}.featured-media .platform-stack b{font-size:19px}.featured-media .platform-stack small{font-size:8px}}
@media(max-width:540px){.featured-media .platform-stack{top:50px}.featured-media .platform-stack>div{height:57px;padding:9px 12px;}.directory-section .platform-stack{top:57px}.directory-section .platform-stack>div{height:53px;padding:10px 14px}.directory-section .platform-stack b{font-size:16px}.directory-section .platform-stack small{font-size:8px}.directory-section .report-art{top:75px}}

/* Real interface evidence stays legible and separate from capability artwork. */
.product-screens { margin-top: 3rem; }
.product-screens h3 { font-size: clamp(1.3rem, 2vw, 1.75rem); margin: .5rem 0 1.5rem; }
.product-screens figure { margin: 0 0 2rem; }
.product-screens img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line, #ddd); }
.product-screens figcaption { margin-top: .75rem; color: #555e57; font-size: .88rem; line-height: 1.65; max-width: 68ch; }
.product-screens .image-expand { display:block; width:100%; }

/* Original product artwork uses its natural ratio on a consistent, quiet plate. */
.brand-art { display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: fit-content; max-width: 100%; background: #293137; color: #fff; border-radius: 8px; }
.brand-art img { display: block; object-fit: contain; width: auto; max-width: 170px; height: 38px; }
.featured-brand.brand-art { padding: 12px 18px; }
.featured-brand.brand-art img { height: 40px; }
.client-brand.brand-art { padding: 14px 20px; }
.client-brand.brand-art img { height: 44px; max-width: 190px; }
.directory-brand { padding: 9px 13px; margin: 4px 0 12px; min-height: 44px; }
.directory-brand img { height: 26px; max-width: 125px; }
.brand-art--icon { background: transparent; color: var(--ink); padding-left: 0; }
.brand-art--icon img { width: 40px; height: 40px; }
.brand-art--icon span { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.directory-brand.brand-art--icon { padding: 0; }
.directory-brand.brand-art--icon img { width: 32px; height: 32px; }
@media (max-width: 540px) {
 .client-brand.brand-art img { max-width: 155px; height: 38px; }
 .brand-art--icon span { font-size: 15px; }
}

/* Historical video previews keep the existing cover geometry and static artwork. */
.video-preview{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:4px;background:#172019}
.video-preview .video-poster,.video-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-preview .project-visual{width:100%;height:100%;aspect-ratio:auto}
.video-preview iframe{z-index:1}
.video-preview iframe[hidden]{display:none}
.video-toggle,.video-fallback{position:absolute;z-index:2;right:12px;bottom:12px;border:1px solid #ffffff55;border-radius:999px;padding:9px 14px;background:#18231ded;color:#fff;font:inherit;font-size:12px;line-height:1.2;cursor:pointer;min-height:36px}
.video-fallback[hidden]{display:none}
.video-toggle:focus-visible,.video-fallback:focus-visible{outline:3px solid #b8d39a;outline-offset:3px}
.case-visual .video-preview{aspect-ratio:16/9}

/* Real product captures keep their proportions and occupy the available frame. */
.featured-media .project-visual.image-visual{padding:12px;min-height:0;height:auto;aspect-ratio:16/10}
.directory-section .project-visual.image-visual{padding:8px;height:auto;aspect-ratio:16/10;min-height:0}
.case-visual>.project-visual.image-visual{padding:12px}
.project-visual.image-visual img{object-fit:contain;width:100%;max-width:100%}
@media(max-width:540px){.featured-media .project-visual.image-visual,.case-visual>.project-visual.image-visual{padding:8px}}

/* A small collection of real views: depth first, deliberate browsing second. */
.screen-gallery{width:100%;min-width:0}
.screen-stage{position:relative;aspect-ratio:16/11;isolation:isolate}
.screen-stage:before{content:"";position:absolute;inset:20% 3% 0;background:radial-gradient(ellipse,#7887751c,transparent 70%);pointer-events:none}
.screen-shot{position:absolute;display:block;inset:16% 9% 1% 0;opacity:0;pointer-events:none;border:1px solid #ffffffba;border-radius:7px;background:#17201e;box-shadow:0 3px 5px #17221812,0 16px 28px -18px #17221880;transform:translate(0,10px) scale(.96);transition:transform 350ms cubic-bezier(.22,1,.36,1),opacity 220ms;overflow:hidden}
.screen-shot img{display:block;width:100%;height:100%;object-fit:contain}
.screen-shot.is-front{opacity:1;pointer-events:auto;z-index:3;transform:translate(0,0)}
.screen-shot.is-back{opacity:1;z-index:1;inset:0 0 17% 9%;transform:rotate(3deg) scale(.95);filter:brightness(.91)}
.screen-shot:focus-visible{outline:3px solid #718d61;outline-offset:4px}
.screen-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;min-height:38px}
.screen-controls[hidden]{display:none}
.screen-options{display:flex;gap:6px;min-width:0;flex-wrap:wrap}
.screen-options button{width:40px;height:32px;padding:2px;border:1px solid #ced3c9;background:#eeeee7;border-radius:4px;cursor:pointer;opacity:.55;transition:opacity 150ms,border-color 150ms}
.screen-options button[aria-pressed="true"]{opacity:1;border-color:#5f7654;box-shadow:0 0 0 1px #5f7654}
.screen-options button:hover{opacity:1}
.screen-options button:focus-visible{outline:2px solid #526d4c;outline-offset:3px}
.screen-options img{width:100%;height:100%;object-fit:contain;display:block}
.screen-count{font:10px var(--mono);color:#6b7465;white-space:nowrap}
.is-layered .screen-stage{aspect-ratio:1.35}
.is-layered .screen-shot{inset:19% 7% 1% 0;border-radius:9px}
.is-layered .screen-shot.is-back{inset:0 0 22% 8%;transform:rotate(4deg) scale(.96)}
.featured-media:has(.screen-gallery){overflow:visible;background:none;box-shadow:none;border:0}
.is-portrait .screen-stage{aspect-ratio:16/11}
.is-portrait .screen-shot{inset:0 auto 0 34%;width:32%;border-radius:12px;background:#f8f8f4;transform:translateY(5px) scale(.94)}
.is-portrait .screen-shot.is-front{transform:none}
.is-portrait .screen-shot.is-back{inset:6% auto 4% 3%;width:32%;transform:rotate(-7deg);filter:none}
.is-portrait .screen-shot.is-third{inset:6% 3% 4% auto;width:32%;transform:rotate(7deg);opacity:1;z-index:1}
@media(prefers-reduced-motion:reduce){.screen-shot,.screen-options button{transition:none}}
@media(max-width:540px){.is-layered .screen-stage{aspect-ratio:1.4}.screen-options button{width:42px;height:36px}.screen-controls{margin-top:10px}.screen-count{font-size:10px}}