.cub-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding:30px 0 50px;margin-bottom:40px;min-height:430px}.cub-hero-copy{position:relative;z-index:1}.cub-hero h1{font-size:clamp(38px,5.2vw,76px);line-height:1.28;letter-spacing:-2px;margin:28px 0 22px;max-width:700px}.cub-period{color:var(--yellow)}.cub-hero p{color:var(--muted);font-size:17px;max-width:490px;line-height:1.9}.cub-art{display:block;width:100%;aspect-ratio:600/420;overflow:visible}.cub-hero>.cub-art{transform:rotate(-8deg) scale(1.1)}.cub-art-1 .cub-ground{fill:#eedc96}.cub-art-2 .cub-float{transform:rotate(12deg);transform-origin:50% 50%}.cub-art-3 .cub-ground{fill:#d4dcd4}.cub-line{opacity:.55}.cub-rule{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);margin-top:32px;padding-top:20px;max-width:410px;font-size:12px}.cub-rule b{font-size:30px;margin-left:auto}.cub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.cub-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--white);padding:30px;transition:border-color .2s,box-shadow .2s}.cub-card:nth-child(3n+1){background:#eeece3;color:#202522}.cub-card:nth-child(3n+2){background:#f8d637;color:#202522}.cub-card:nth-child(3n){background:#222825;color:#f8f5e9}.cub-card:nth-child(3n) .cub-line{stroke:#eee}.cub-card:nth-child(3n) .cub-float>path:first-child{fill:#eee8da}.cub-card>.cub-art{width:100%;max-height:280px;margin:4px auto 16px}.cub-card h2{font-size:28px;line-height:1.5;margin:12px 0}.cub-card p{font-size:14px;line-height:1.8;opacity:.8;margin-bottom:0}.cub-card:hover{border-color:#ac8b10;box-shadow:0 14px 28px #0000000c}.cub-index{font-size:12px;border:1px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;width:32px;height:32px}.project-cub-grid .cub-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.project-cub-grid .cub-card:last-child>.eyebrow{position:absolute;top:26px;left:30px}.cub-note{display:flex;gap:30px;align-items:center;margin:40px 0;border-block:1px solid var(--line);padding:28px 0}.cub-note p{color:var(--muted);font-size:13px}.creative-works .work-card{border-radius:5px 5px 24px 5px}.creative-works .work-card:nth-child(3n+2){border-bottom:4px solid var(--yellow)}.creative-works .works-section:nth-child(even){border-left:3px solid var(--yellow);padding-left:22px}.cub-home-divider{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:35px 0;font-size:clamp(24px,3vw,42px);font-weight:700}.cub-home-divider b{font-size:60px;color:#bc9228}.cub-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cub-mini{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white);display:block}.cub-mini img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.cub-mini .eyebrow{display:block;margin:22px 0 12px}.cub-mini h3{font-size:21px}.cub-mini p{font-size:13px;color:var(--muted)}.studio-home .hero-copy{position:relative}.studio-home .hero-copy>.cub-art{position:absolute;width:150px;right:-40px;bottom:-8px;opacity:.2;pointer-events:none}.studio-home .studio-zone:nth-of-type(3n){border-top:2px solid var(--yellow)}.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:28px;align-items:start}.service-form h2{font-size:28px}.service-form input,.service-form textarea{max-width:100%}.service-form textarea{min-height:150px}.service-form input[type=color]{height:52px;padding:5px}.service-aside{position:sticky;top:24px}.unified-page .service-aside{border-left:4px solid var(--yellow)}.service-aside>.cub-art{max-height:150px}.service-aside h2{font-size:20px}.service-aside h3{font-size:17px}.service-aside p{font-size:13px;color:var(--muted);line-height:1.9}.service-count{display:block;font-size:54px;line-height:1.2;margin-top:25px;overflow-wrap:anywhere}.qr-advanced{margin:20px 0;padding:14px 0;border-block:1px solid var(--line)}.qr-advanced[open]>summary{margin-bottom:20px}.service-qr-modal{border:1px solid #dedede;border-radius:22px;background:#fff;color:#191919;padding:30px;max-width:min(94vw,520px);max-height:94dvh;overflow:auto;text-align:center;box-shadow:0 25px 100px #0003}.service-qr-modal::backdrop{background:#15181799;backdrop-filter:blur(5px)}.service-qr-modal img{display:block;width:100%;max-height:60vh;object-fit:contain}.service-qr-modal h2{font-size:25px;margin:16px 0}.service-qr-modal p{font-size:12px}.qr-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer}.site-map-section{margin:35px 0}.site-map-section>h2{border-left:4px solid var(--yellow);padding-left:16px}.site-map-section .panel{display:block;padding:20px}.site-map-section small{display:block;color:var(--muted);margin-top:8px}.sitemap-admin-row{display:grid;grid-template-columns:28px minmax(180px,1fr) minmax(140px,230px);gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.sitemap-admin-row small{display:block;color:var(--muted);overflow-wrap:anywhere}.sitemap-admin-row select{margin:0}.sitemap-group-editor{margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:12px}.sitemap-group-editor .grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-motion-toggle]{background:none;border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:11px;color:var(--ink);cursor:pointer}@media(max-width:850px){.cub-hero{grid-template-columns:1fr 0.8fr;min-height:320px}.cub-hero h1{font-size:42px}.service-layout{grid-template-columns:1fr}.service-aside{position:static}.service-aside>.cub-art{float:right;width:35%}.cub-card{padding:22px}.cub-card h2{font-size:24px}.cub-home-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cub-hero{grid-template-columns:1fr;padding-top:20px}.cub-hero>.cub-art{max-height:240px;transform:none;margin-top:10px}.cub-hero h1{font-size:39px;letter-spacing:-1px}.cub-hero p{font-size:14px}.cub-grid,.cub-home-grid{grid-template-columns:1fr}.project-cub-grid .cub-card:last-child{grid-column:auto;display:flex}.project-cub-grid .cub-card:last-child>.eyebrow{position:static}.cub-card>.cub-art{max-height:240px}.cub-note{display:block}.sitemap-admin-row{grid-template-columns:24px minmax(0,1fr)}.sitemap-admin-row select{grid-column:2}.sitemap-group-editor .grid{grid-template-columns:1fr}.studio-home .hero-copy>.cub-art{right:0}.service-layout .panel{padding:22px}.service-qr-modal{padding:25px 16px}.service-qr-modal h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.cub-card,.cub-mini{transition:none}}

.sitemap-admin-row{grid-template-columns:minmax(0,1fr) minmax(140px,230px)}.sitemap-links small{display:block;font-size:11px;color:var(--muted)}.sitemap-links a{flex-wrap:wrap}.sitemap-links a>small{flex-basis:100%}.sitemap-admin-row input[type=checkbox]{width:auto;display:inline-block;margin-right:8px}.service-form input[type=checkbox]{width:auto}.cub-card:focus-visible,.cub-mini:focus-visible{outline:3px solid #b18d00;outline-offset:4px}@media(max-width:560px){.sitemap-admin-row{grid-template-columns:1fr}.sitemap-admin-row select{grid-column:auto}.cub-rule{gap:18px}}

@media(max-width:560px){.topline>a{white-space:nowrap;letter-spacing:0}.topline .preferences{flex-shrink:0}}

.creative-works .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.creative-works .work-card-copy{padding:24px}.creative-works .work-card h3{font-size:22px}.cub-mini:nth-child(2){border-radius:4px 28px 4px 28px;border-bottom:4px solid var(--yellow)}@media(max-width:560px){.creative-works .works-grid{grid-template-columns:1fr;gap:24px}.creative-works .work-card h3{font-size:20px}}

.about-studio .cub-hero h1{font-size:clamp(34px,4.4vw,64px)}.about-story{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:28px 0}.about-story h2{font-size:30px;max-width:340px}.about-story p,.about-services p,.about-contact p{color:var(--muted);line-height:1.9}.about-disciplines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.about-disciplines .cub-mini{padding:28px;position:relative;border-top:3px solid var(--yellow)}.about-disciplines h3{line-height:1.5;margin:24px 0 14px}.about-disciplines h3 a:hover{text-decoration:underline;text-underline-offset:5px}.about-disciplines h3 a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.about-number{font-size:30px;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.about-services{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center;padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--white)}.about-services h2{font-size:30px}.about-services .cub-art{max-height:300px}.about-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.about-method article{border-top:1px solid var(--line);padding-top:24px}.about-method p{color:var(--muted)}.about-context{padding:24px 28px;border-left:3px solid var(--yellow);background:var(--white);border-radius:0 16px 16px 0}.about-context h3{margin:0 0 12px}.about-context p{margin:0;color:var(--muted);font-size:14px}.about-contact{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:48px 0}.about-contact p{max-width:700px}.about-contact .button{flex-shrink:0}@media(max-width:1000px){.about-disciplines{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story{gap:28px}}@media(max-width:640px){.about-story,.about-disciplines,.about-method,.about-services{grid-template-columns:1fr}.about-story{gap:0}.about-services{padding:24px;gap:12px}.about-services .cub-art{max-height:210px}.about-contact{align-items:flex-start;flex-direction:column;gap:12px}.about-studio .section-head{flex-wrap:wrap;gap:16px}}
.about-studio h1,.about-studio h2,.about-studio h3{text-wrap:balance;word-break:normal;overflow-wrap:normal}.about-studio .cub-hero-copy{min-width:0}.about-studio .cub-hero h1{letter-spacing:-.5px}

.cub-index-heading{padding:32px 0 28px;margin-bottom:32px;border-bottom:1px solid var(--line)}.cub-index-heading .eyebrow{display:block;margin-bottom:12px}.cub-index-heading h1{font-size:clamp(28px,3.2vw,44px);line-height:1.4;margin:0 0 12px;letter-spacing:-.5px}.cub-index-heading p{margin:0;color:var(--muted);line-height:1.8;max-width:700px}
.service-live-qr{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:16px;text-align:center;background:var(--white)}.service-live-qr[hidden]{display:none}.service-live-qr img{display:block;width:min(100%,360px);height:auto;margin:0 auto 20px}.service-live-qr a{cursor:pointer}
/* Compact portfolio exhibition and site-wide motion instruments. */
.exhibition-index{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.exhibition-index a{border:1px solid var(--line);border-radius:30px;padding:10px 16px;font-size:13px}.exhibition-index span{color:var(--muted);margin-right:6px}.exhibition-index a:hover{background:var(--yellow);color:#191919}.exhibition-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.exhibit{grid-column:span 2;padding:22px;border:1px solid var(--line);border-radius:4px 4px 28px 4px;background:var(--white);min-width:0}.exhibit:nth-child(-n+2){grid-column:span 3}.exhibit:nth-child(2){border-top:4px solid var(--yellow)}.exhibit:nth-child(4){background:var(--ink);color:var(--paper)}.exhibit-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.exhibit-top .eyebrow{margin:0;font-size:10px}.exhibit-count{font-size:11px;white-space:nowrap}.exhibit-visual{display:block;position:relative;overflow:hidden;border-radius:3px 3px 18px 3px;background:#efeee7}.exhibit-visual>img,.exhibit-visual>.cub-art{display:block;width:100%;height:220px;object-fit:cover;transition:transform .35s}.exhibit:nth-child(-n+2) .exhibit-visual>img{height:250px}.exhibit-visual:hover>img{transform:scale(1.035)}.exhibit-arrow{position:absolute;right:14px;bottom:14px;background:var(--yellow);color:#191919;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:24px}.exhibit-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px}.exhibit-copy h2{font-size:23px;margin:0}.exhibit-copy .text-link{font-size:11px}.exhibit-previews{display:grid;gap:6px}.exhibit-previews a{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:9px 0;font-size:12px}.exhibit-previews img{width:36px;height:36px;object-fit:cover;border-radius:4px}.exhibit-previews span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exhibit-previews b{margin-left:auto}.exhibit a:focus-visible{outline:3px solid #b18a00;outline-offset:4px}@media(max-width:950px){.exhibition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exhibit,.exhibit:nth-child(-n+2){grid-column:span 1}.exhibit:last-child{grid-column:1/-1}.exhibit-copy{flex-wrap:wrap}.exhibit-visual>img,.exhibit:nth-child(-n+2) .exhibit-visual>img{height:220px}}@media(max-width:560px){.exhibition-grid{gap:18px;grid-template-columns:1fr}.exhibit{padding:18px}.exhibition-index{gap:6px}.exhibition-index a{padding:8px 12px;font-size:12px}.exhibit-visual>img,.exhibit:nth-child(-n+2) .exhibit-visual>img{height:190px}.reading-caption{left:10px;bottom:10px;font-size:10px;padding:5px 10px}}@media(prefers-reduced-motion:reduce){.exhibit-visual>img{transition:none}.exhibit-visual:hover>img{transform:none}}
.exhibit-3d .exhibit-visual>img{object-fit:contain}.first-load .eyebrow{display:block}.exhibition-index a span+span{color:inherit}
/* Brand drawing intro and the page-edge reading ruler. */
.brand-intro{--intro-bg:#fff;--intro-ink:#161615;--intro-wave:#161615;--intro-glow:#16161518;position:fixed;inset:0;z-index:1000;color:var(--intro-ink);pointer-events:auto}:root[data-theme=dark] .brand-intro{--intro-bg:#101010;--intro-ink:#fff;--intro-wave:#fff;--intro-glow:#ffffff22}.intro-backdrop{position:absolute;inset:0;background:var(--intro-bg)}.intro-emblem{position:absolute;width:min(240px,44vw);height:min(240px,44vw);top:calc(50% - 155px);left:50%;margin-left:calc(min(240px,44vw)/-2);transform-origin:center}.intro-emblem svg{display:block;width:100%;height:100%}.intro-copy{position:absolute;top:calc(50% + 100px);left:50%;transform:translateX(-50%);width:min(460px,80vw);text-align:center}.intro-wordmark svg{display:block;width:100%;height:auto}.intro-phrase{font:10px/2 monospace;letter-spacing:.22em;margin-top:24px}.reading-ruler{position:fixed;right:3px;top:130px;bottom:70px;width:19px;z-index:30;pointer-events:none;color:var(--muted);--read:0}.ruler-ticks{position:absolute;inset:0;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 10px);width:7px}.ruler-progress{position:absolute;left:0;top:0;height:100%;width:2px;background:#c49d08;transform:scaleY(var(--read));transform-origin:top}.ruler-cursor{position:absolute;left:-4px;top:calc(var(--read)*100%);width:12px;height:2px;background:#c49d08}.ruler-caption{position:absolute;right:16px;top:1px;transform:translateY(-50%);display:flex;align-items:center;gap:9px;max-width:min(280px,40vw);padding:5px 5px 5px 12px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-left:2px solid var(--yellow);border-radius:12px;box-shadow:0 4px 16px #00000012;font-size:11px;white-space:nowrap}.ruler-cursor b{flex:none;display:grid;place-items:center;min-width:38px;padding:4px 6px;border-radius:8px;background:var(--yellow);color:#20231e;font:600 10px/1.4 monospace;font-variant-numeric:tabular-nums}.ruler-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}@media(max-width:700px){.reading-ruler{width:4px;right:0;top:95px;bottom:25px}.ruler-ticks{display:none}.ruler-caption{max-width:min(240px,calc(100vw - 40px));font-size:10px}.ruler-cursor b{font-size:10px}.intro-emblem{top:calc(50% - 125px)}.intro-copy{top:calc(50% + 75px)}}
.brand-intro:not(.intro-playing) .intro-emblem,.brand-intro:not(.intro-playing) .intro-copy{visibility:hidden}



.ruler-caption{opacity:1;transition:opacity .3s ease}.reading-idle .ruler-caption{opacity:0}@media(prefers-reduced-motion:reduce){.ruler-caption{transition:none}}


.intro-ripple{position:absolute;display:block;width:0;height:0;transform:translate(-50%,-50%);border:2px solid var(--intro-wave);border-radius:50%;box-shadow:0 0 22px var(--intro-glow);pointer-events:none}.intro-revealing .intro-emblem{z-index:1}



/* Shared header/footer SVG signature. */
.brand-art{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;line-height:1;flex:none}.brand-art .brand-icon{display:block;width:35px;height:42px;flex:none;color:inherit}.brand-art .brand-wordmark{display:block;width:142px;color:inherit}.brand-art svg{display:block;width:100%;height:100%;overflow:visible}.brand-art svg :is(path,polygon,polyline,rect){stroke:currentColor;stroke-width:1;fill:currentColor}.footer-brand{display:flex;align-items:center;gap:3px}.footer-brand:after{display:none}.footer-brand .brand-art,.footer-brand .brand-art span{color:inherit;font-size:inherit}.footer-brand .brand-wordmark{width:195px}.footer-brand .brand-icon{width:42px;height:48px}.footer-brand sup{color:var(--yellow);font-size:12px;align-self:flex-start;margin-top:8px}@media(max-width:700px){.brand .brand-art{gap:6px}.brand .brand-icon{width:25px;height:32px}.brand .brand-wordmark{width:105px}.footer-brand .brand-wordmark{width:175px}}
.brand-art .brand-icon,.brand-art .brand-wordmark{position:relative}
/* Compact utility bar for phones held sideways, including 667 x 375. */
@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){
 .topline,[data-theme=dark] .topline{flex-wrap:nowrap;gap:12px;padding:6px max(20px,env(safe-area-inset-right)) 6px max(20px,env(safe-area-inset-left));min-height:42px}
 .topline>span{display:none}
 .topline>a{flex:none;white-space:nowrap}
 .topline .preferences{margin-left:auto;flex-wrap:nowrap;gap:5px;flex:none}
}
/* The utility bar stays in document flow; only the main header can be recalled. */
.header-slot{position:relative}#header.header-floating{position:fixed;inset:0 0 auto;z-index:60;transform:translateY(calc(-100% - 2px));visibility:hidden;transition:transform .28s ease,visibility .28s;box-shadow:0 8px 24px #00000014}#header.header-floating.header-revealed{transform:translateY(0);visibility:visible}.header-edge-trigger{position:fixed;inset:0 0 auto;z-index:59;width:100%;height:18px;min-height:0;border:0;border-radius:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation}.header-edge-trigger:after{content:'';position:absolute;top:3px;left:50%;width:36px;height:3px;border-radius:3px;transform:translateX(-50%);background:var(--yellow);opacity:.6}.header-edge-trigger:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px;background:var(--paper)}.header-edge-trigger[hidden]{display:none}@media(prefers-reduced-motion:reduce){#header.header-floating{transition:none}}