/* A quiet editorial system. Scenes are progressive enhancements over real links. */
html.studio {
  --paper:#efede6; --paper2:#e5e2d9; --ink:#272922; --muted:#696b60;
  --accent:#b9432d; --acid:#b9432d; --pink:#b9432d; --blue:#68715c; --orange:#b9432d;
  --line:rgba(39,41,34,.2); --font-s:'DM Sans',Arial,sans-serif;
  --font-d:'DM Sans',Arial,sans-serif; --font-b:'DM Sans',Arial,sans-serif;
  --font-m:'DM Sans',Arial,sans-serif; --font-t:'Instrument Serif',Georgia,serif;
  --r:8px; --shadow:none; --nav:90px;
}
html.studio[data-theme=dark] {--paper:#20231e;--paper2:#2c3029;--ink:#f0eee6;--muted:#b6b8ac;--accent:#ed8e70;--acid:#ed8e70;--pink:#ed8e70;--blue:#bac5a8;--line:rgba(240,238,230,.22)}
.studio body {font-size:16px;line-height:1.6;transition:background .3s,color .3s}
.studio a {text-underline-offset:5px}
.studio button {cursor:pointer}
.studio button:disabled {cursor:default;opacity:.55}
.studio .wrap {width:min(1440px,calc(100% - 112px))}
.studio ::selection {background:var(--accent);color:var(--paper)}
.studio :focus-visible {outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}
.studio .serif {font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em}
.studio .eyebrow,.studio .kicker,.studio .mono {font:500 10px/1.5 var(--font-s);letter-spacing:.09em;text-transform:uppercase}
.studio .eyebrow {color:var(--muted)}
.studio .display {font-family:var(--font-s);font-weight:500;letter-spacing:-.055em;text-transform:none;line-height:1.02}
.studio .h2 {font-size:clamp(36px,5vw,76px)}
.studio .progress {height:2px;z-index:300}
.studio .progress i {background:var(--accent)}
.studio .rv,.studio .hin {opacity:1;transform:none;visibility:visible;animation:none}
.studio .live-dot,.studio .availability-dot {display:inline-block;width:6px;height:6px;flex:0 0 6px;background:var(--accent);border:0;border-radius:50%;animation:none;margin-right:6px}
.studio .nav {height:var(--nav);padding:0 56px;border:0;background:var(--paper);gap:24px;transform:none!important;transition:background .3s}
.studio .brand {font:650 34px/.9 var(--font-s);letter-spacing:-.08em;text-transform:none;align-items:center;gap:0}
.studio .brand-mark {display:inline-flex;width:1em;height:1em;flex:none;margin-right:8px;color:var(--accent);line-height:1}
.studio .brand-mark svg {display:block;width:100%;height:100%;overflow:visible}
.studio .brand-period {color:var(--accent)}
.studio .nav-links {gap:28px;margin-left:auto;margin-right:auto}
.studio .nav-link {font:500 12px/1.5 var(--font-s);text-transform:capitalize;letter-spacing:0;opacity:1;padding:10px 0}
.studio .nav-link::after {height:1px;background:var(--ink)}
.studio .nav-tools {gap:16px}
.studio .tool {font:450 10px/1.4 var(--font-s);border:0;padding:10px 0;letter-spacing:.025em;border-radius:0;text-transform:none;color:var(--muted)}
.studio .tool:hover {transform:none;color:var(--ink);background:transparent}
.studio .tool[aria-pressed=true] {background:transparent;color:var(--ink);border:0}
.studio .nav-contact {font-size:12px;text-decoration:none;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--ink);padding:8px 0}
.studio .nav-contact span {font-size:22px;line-height:1}
.studio .nav-burger {border:1px solid var(--line);border-radius:50%;height:42px;width:42px}
.studio .nav-burger i {left:12px;right:12px;height:1px}
.studio .menu {background:var(--paper);color:var(--ink)}
.studio .menu-links a {font-family:var(--font-s);font-weight:500;text-transform:none;letter-spacing:-.05em}
.studio .menu-close {border:1px solid var(--line);color:var(--ink)}
.studio .menu-foot {font-family:var(--font-s);letter-spacing:0;text-transform:none}
.studio .text-link {display:inline-flex;align-items:center;gap:20px;text-decoration:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;background:transparent;color:var(--ink);font:500 12px/1.5 var(--font-s);transition:color .2s,border-color .2s;white-space:nowrap}
.studio .text-link span {font-size:20px;line-height:1;transition:transform .2s}
.studio .text-link:hover {color:var(--accent);border-color:var(--accent)}
.studio .text-link:hover span {transform:translate(2px,-2px)}
.studio .btn {font:500 11px/1.5 var(--font-s);letter-spacing:.025em;border:1px solid var(--line);border-radius:4px;padding:13px 20px;translate:none;box-shadow:none;text-transform:none;gap:20px;transition:background .2s,color .2s}
.studio .btn.solid,.studio .btn.solid.small,.studio .btn.solid.tiny {background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}
.studio .btn.solid:hover {background:var(--accent);border-color:var(--accent);box-shadow:none;transform:none}
.studio .btn.ghost:hover {background:var(--ink);color:var(--paper);transform:none;box-shadow:none}

/* The opening gallery: perspective and separate pointer/scroll layers. */
.studio-hero {height:135svh;position:relative;min-height:850px}
.hero-sticky {position:sticky;top:0;min-height:760px;height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--nav) + 23px) 0 24px;overflow:clip}
.hero-eyebrow {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}
.studio-hero-layout {display:grid;grid-template-columns:1.05fr 1fr;gap:12px;align-items:center;flex:1;padding:36px 0 40px}
.studio-hero-copy {position:relative;z-index:4;pointer-events:none}
.studio-hero-copy>a {pointer-events:auto}
.studio-hero-copy>.eyebrow {font-size:9px;margin:0 0 25px;letter-spacing:.06em}
.studio-hero-copy h1 {font-size:clamp(54px,6.9vw,108px);font-weight:500;letter-spacing:-.07em;line-height:.99;white-space:nowrap;position:relative;z-index:4}
.studio-hero-copy h1 .serif {font-size:1.16em;line-height:1.02;letter-spacing:-.045em}
.hero-title-dot {color:var(--accent)}
.studio-hero-description {font-size:14px;line-height:1.75;max-width:310px;color:var(--muted);margin-top:30px}
.hero-work-link {margin-top:18px}
.browser-scene {position:relative;min-width:0;height:470px;perspective:1300px;transform-style:preserve-3d;--scene-scroll:0;--pointer-x:0deg;--pointer-y:0deg}
.scene-orbit {position:absolute;width:440px;height:440px;border:1px solid var(--line);border-radius:50%;left:5%;top:2%;transform:rotateX(64deg) rotateZ(-25deg);opacity:.65;pointer-events:none}
.scene-orbit::after {content:'+';position:absolute;left:8%;top:11%;font-size:25px;color:var(--accent)}
.browser-float {position:absolute;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform}
.browser-float-0 {width:86%;left:8%;top:24%;z-index:3;transform:translate3d(calc(var(--scene-scroll)*-24px),calc(var(--scene-scroll)*-26px),55px) rotateX(calc(7deg + var(--pointer-x))) rotateY(calc(-17deg + var(--pointer-y) + var(--scene-scroll)*13deg)) rotateZ(calc(-6deg + var(--scene-scroll)*5deg))}
.browser-float-1 {width:58%;right:-4%;top:0;z-index:2;transform:translate3d(0,calc(var(--scene-scroll)*-38px),-100px) rotateX(calc(9deg + var(--pointer-x))) rotateY(-19deg) rotateZ(9deg)}
.browser-float-2 {width:54%;left:2%;bottom:0;z-index:4;transform:translate3d(calc(var(--scene-scroll)*20px),calc(var(--scene-scroll)*35px),120px) rotateX(9deg) rotateY(12deg) rotateZ(5deg)}
.mini-browser,.project-browser {display:block;border:1px solid rgba(39,41,34,.3);border-radius:7px;background:#eeeae1;text-decoration:none;overflow:hidden;box-shadow:0 2px 1px #0001,0 18px 35px -12px #292b2340,3px 4px 0 #adaea5;transform-style:preserve-3d;transition:box-shadow .3s}
.mini-browser:hover {box-shadow:0 18px 50px -8px #292b2360,3px 4px 0 #adaea5}
.browser-bar {height:29px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#f7f5ef;border-bottom:1px solid #27292222;color:#616158;font-size:7px;letter-spacing:.025em;white-space:nowrap}
.browser-dots {display:flex;gap:4px;flex-shrink:0}
.browser-dots i {width:4px;height:4px;border:1px solid #8d8f82;border-radius:50%}
.browser-bar>span:nth-child(2) {overflow:hidden;text-overflow:ellipsis}
.scene-note {position:absolute;left:25%;bottom:-43px;font-size:8px;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap}
.tiny-cross {font-size:24px;font-weight:300}
.scene-empty {padding:70px;text-align:center}
.scene-empty>.serif {font-size:60px;line-height:1.1;display:block}
.studio-hero-bottom {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;gap:20px}
.studio-hero-bottom .eyebrow {font-size:9px;letter-spacing:.055em}
.studio-hero-bottom i {font-style:normal;margin:0 13px;color:var(--accent)}
.scroll-invitation {display:flex;align-items:center;gap:16px;text-decoration:none;font-size:10px}
.scroll-arrow {width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:17px}

/* Project identity boards become real screenshots as soon as covers are uploaded. */
.project-art {position:relative;aspect-ratio:1.55;background:#2d382c;color:#e6e7d8;padding:32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}
.art-eyebrow {font-size:8px;text-transform:uppercase;letter-spacing:.14em;position:relative;z-index:1}
.art-title {font-size:clamp(25px,4.2vw,70px);line-height:1.02;letter-spacing:-.065em;font-weight:500;max-width:90%;position:relative;z-index:1;overflow-wrap:anywhere}
.art-period {color:#d3ab79}
.art-footer {display:flex;align-items:flex-end;justify-content:space-between;gap:16px;font-size:7px;letter-spacing:.04em;position:relative;z-index:1}
.art-footer span:last-child {text-align:right}
.art-orbit {position:absolute;width:60%;aspect-ratio:1;right:-21%;top:15%;border:1px solid currentColor;border-radius:50%;opacity:.15;transform:rotate(-30deg)}
.art-orbit i {position:absolute;inset:10%;border:1px solid currentColor;border-radius:50%}
.art-orbit i+i {inset:22%}
.project-art-1 {background:#e6bc94;color:#4b352a}
.project-art-1 .art-title {font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(28px,5.4vw,86px)}
.project-art-1 .art-period {color:#a34c37}
.project-art-2 {background:#2c302c;color:#e3e3da}
.project-art-2 .art-title {font-weight:450;letter-spacing:-.075em}
.project-art-2 .art-orbit {border-radius:0;transform:rotate(35deg)}
.project-art-3 {background:#bcc1b2;color:#30392d}
.project-art-3 .art-period {color:#9c492f}
.project-art.has-cover {padding:0;background:var(--paper2)}
.project-art img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.mini-browser .project-art {padding:21px;aspect-ratio:1.5}
.mini-browser .art-title {font-size:clamp(26px,4vw,62px)}
.mini-browser .project-art-1 .art-title {font-size:clamp(34px,4.6vw,72px)}
.mini-browser .art-eyebrow {font-size:6px}
.mini-browser .art-footer {font-size:6px}
.browser-float-1 .project-art,.browser-float-2 .project-art {padding:18px}
.browser-float-1 .art-title,.browser-float-2 .art-title {font-size:clamp(24px,3vw,46px)}
.browser-float-1 .browser-bar,.browser-float-2 .browser-bar {height:23px;font-size:6px}
.browser-float-1 .art-footer,.browser-float-2 .art-footer {font-size:5px}

/* Generous spacing, a deliberate hierarchy, and one project per physical stage. */
.studio-intro {display:grid;grid-template-columns:1fr 2fr;gap:48px;padding-block:110px 125px;border-bottom:1px solid var(--line)}
.section-label {padding-top:13px}
.studio-intro h2 {font-weight:450;font-size:clamp(34px,4vw,64px);line-height:1.16;letter-spacing:-.05em;max-width:880px}
.studio-intro h2 em {color:var(--accent)}
.intro-bottom {display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:35px}
.intro-bottom p {max-width:400px;color:var(--muted);font-size:13px;line-height:1.85}
.studio-work {padding-top:95px}
.studio-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:42px}
.studio-section-head h2 {font-size:clamp(34px,4.3vw,66px);font-weight:450;line-height:1.15;letter-spacing:-.055em;margin-top:18px}
.studio-section-head h2 .serif {color:var(--muted);font-size:.7em}
.selected-projects {display:grid;grid-template-columns:1fr 1fr;gap:65px 36px}
.studio-project:nth-child(3n+1) {grid-column:1/-1}
.project-stage {position:relative;aspect-ratio:1.6;display:flex;align-items:center;justify-content:center;background:#dedfd6;border:1px solid #27292208;perspective:1400px;overflow:hidden;padding:9% 12%}
.stage-1 {background:#e4d5c4}
.stage-2 {background:#d7d8ce}
.stage-3 {background:#d8ded3}
.project-screen {width:100%;transform:translateY(var(--screen-lift,0px)) rotateX(var(--screen-tilt,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.project-tilt {transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s;transform-style:preserve-3d}
.project-browser .project-art {aspect-ratio:1.75}
.project-browser {box-shadow:0 16px 22px -12px #2328203d,0 38px 48px -27px #23282050,3px 4px 0 #9ea094;border-radius:6px}
.studio-project:nth-child(3n+1) .project-stage {aspect-ratio:2.15;padding:6.5% 17%}
.studio-project:nth-child(3n+1) .art-title {font-size:clamp(44px,6.5vw,100px)}
.stage-index {position:absolute;left:23px;bottom:18px;color:#5e6256;font-size:8px}
.project-caption {padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.project-caption-title {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.project-caption-title>.eyebrow {font-size:9px;color:var(--accent)}
.project-caption h3 {font-size:20px;font-weight:500;letter-spacing:-.04em;line-height:1.3}
.project-caption h3 a {text-decoration:none}
.project-kind {font-size:8px;border:1px solid var(--line);padding:3px 7px;border-radius:20px;color:var(--muted)}
.project-caption-meta {display:flex;align-items:center;justify-content:space-between;gap:25px}
.project-caption-meta>.eyebrow {font-size:8px}
.project-caption .text-link {font-size:10px;padding-block:4px}
.studio-project:not(:nth-child(3n+1)) .project-caption-meta {width:100%}
.studio-empty {padding:70px 0;color:var(--muted)}
.studio-capabilities {display:grid;grid-template-columns:1fr 1.3fr;gap:100px;border-top:1px solid var(--line);margin-top:125px;padding-block:90px 105px}
.capabilities-intro h2,.studio-about-copy h2 {font-size:clamp(34px,3.7vw,56px);line-height:1.08;letter-spacing:-.05em;font-weight:450;margin:24px 0}
.capabilities-intro>p:not(.eyebrow) {font-size:13px;color:var(--muted);max-width:325px;line-height:1.8;margin-bottom:25px}
.capability {display:grid;grid-template-columns:25px 1fr 22px;gap:16px;padding:28px 0;border-bottom:1px solid var(--line)}
.capability:first-child {padding-top:0}
.capability>.eyebrow {padding-top:8px;color:var(--accent)}
.capability h3 {font-size:24px;font-weight:450;letter-spacing:-.04em;margin-bottom:8px}
.capability p {font-size:12px;color:var(--muted);line-height:1.9;max-width:400px}
.capability-tools {display:block;margin-top:16px;font-size:8px!important;letter-spacing:.08em!important}
.capability-arrow {font-size:23px;font-weight:300}
.studio-about {padding-block:35px 125px;display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:130px}
.studio-portrait {position:relative;background:var(--paper2);max-width:450px;margin-left:10%}
.studio-portrait img {width:100%;height:420px;object-fit:cover;object-position:center 30%;filter:grayscale(100%)}
.portrait-caption {position:absolute;bottom:-30px;left:0;font-size:8px!important}
.studio-about-copy>p:not(.eyebrow) {font-size:14px;color:var(--muted);max-width:440px;line-height:1.85;margin-bottom:25px}
.about-smallprint {display:flex;gap:40px;border-top:1px solid var(--line);padding-top:22px;margin-top:40px;font-size:8px!important}
.studio-contact {background:var(--accent);color:#f3eee3;padding:55px 0 40px}
.studio-contact .eyebrow,.studio-contact .text-link {color:#f3eee3}
.contact-overline {display:flex;justify-content:space-between;align-items:center}
.studio-contact .availability-dot {background:#f3eee3}
.contact-big-link {display:flex;align-items:center;justify-content:space-between;gap:40px;text-decoration:none;padding:40px 0 50px}
.contact-big-link>span:first-child {font-size:clamp(48px,8.2vw,125px);letter-spacing:-.065em;font-weight:450;line-height:.98}
.contact-big-link .serif {font-size:1.1em}
.contact-round-arrow {font:300 clamp(50px,7vw,100px)/1 var(--font-s);width:clamp(90px,13vw,180px);aspect-ratio:1;display:grid;place-items:center;border:1px solid #f3eee360;border-radius:50%;transition:transform .4s,background .3s}
.contact-big-link:hover .contact-round-arrow {transform:rotate(45deg);background:#f3eee315}
.contact-bottom {display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #f3eee340;padding-top:20px}
.contact-bottom .text-link {border-color:#f3eee340;font-size:13px}
.contact-bottom p {font-size:10px;color:#f3eee3d9}
.studio .footer {padding:25px 0;background:var(--paper);color:var(--muted);border:0}
.studio .foot-row {display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0;border:0;font:400 10px/1.5 var(--font-s);letter-spacing:0;text-transform:none}
.footer-socials {display:flex;gap:25px}
.studio .foot-row a {text-decoration:none}

/* Browser explorer: consent first; device controls change the real viewport. */
.project-preview {padding:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);width:min(1440px,95vw);max-width:95vw;max-height:94svh;overflow:auto;box-shadow:0 30px 100px #0005}
.project-preview:not([open]) {display:none}
.project-preview::backdrop {background:#20241cc7;backdrop-filter:blur(7px)}
.preview-toolbar {display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 24px;border-bottom:1px solid var(--line)}
.preview-toolbar h2 {font-size:18px;letter-spacing:-.04em;font-weight:500;margin-top:4px}
.preview-toolbar .eyebrow {font-size:8px}
.preview-toolbar button {font-size:11px;background:none;border:1px solid var(--line);border-radius:4px;padding:9px 12px;min-height:40px}
.preview-device-controls {display:flex;gap:4px;margin-left:auto}
.preview-device-controls button[aria-pressed=true] {background:var(--ink);color:var(--paper)}
.preview-viewport {position:relative;overflow:hidden;height:65svh;min-height:300px;background:var(--paper2)}
.preview-consent {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center;gap:15px}
.preview-consent-icon {font-size:50px;line-height:1;color:var(--accent)}
.preview-consent h3 {font-size:30px;letter-spacing:-.05em;font-weight:450}
.preview-consent p {font-size:12px;max-width:350px;color:var(--muted);line-height:1.8}
.preview-consent .btn {margin-top:10px}
.is-running .preview-consent {display:none}
.preview-frame-shell {background:#fff}
.preview-foot {display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 24px;min-height:64px;border-top:1px solid var(--line)}
.preview-foot p {font-size:10px;color:var(--muted);max-width:700px}
.preview-foot .text-link {font-size:10px}

/* Retained semantic pages inherit the same visual language. */
.studio .page-head {padding:calc(var(--nav) + 55px) 0 50px;border:0}
.studio .page-title {font-size:clamp(48px,7vw,110px);line-height:1.02;letter-spacing:-.06em;max-width:1100px}
.studio .page-note {font-size:14px;color:var(--muted);line-height:1.85}
.studio .page-head-foot {border-top:1px solid var(--line);padding-top:25px;margin-top:30px;gap:30px}
.studio .page-count {border:0;padding:0;border-radius:0;color:var(--muted);font-size:10px}
.studio .filters {gap:20px;border-top:1px solid var(--line);padding-top:18px}
.studio .filter {font:500 11px/1.5 var(--font-s);text-transform:none;letter-spacing:0;border:0;border-bottom:1px solid transparent;border-radius:0;box-shadow:none;background:none;padding:9px 0;color:var(--muted)}
.studio .filter.on {color:var(--ink);border-color:var(--ink);background:none;box-shadow:none;transform:none}
.studio .filter:hover {box-shadow:none;transform:none;color:var(--accent)}
.studio .filter span {font-size:8px;margin-left:4px;background:none}
.studio .work-list {padding-bottom:100px}
.studio .work-grid {display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}
.studio .wcard {border:0;border-radius:0;box-shadow:none;background:none;transform:none!important}
.studio .wcard.is-hidden {display:none}
.studio .work-grid .studio-project {grid-column:auto}
.studio .work-grid .project-stage {aspect-ratio:1.5;padding:10%}
.studio .work-grid .art-title {font-size:clamp(30px,4.5vw,66px)}
.studio .work-grid .project-caption-meta {width:100%}
.studio .project-head .project-title {text-transform:none}
.studio .project-hero {border:0;border-radius:0;box-shadow:none;margin-bottom:30px;aspect-ratio:auto;min-height:0;display:block;background:none;padding:0}
.studio .project-hero .project-stage {aspect-ratio:2;padding:7% 17%}
.studio .project-hero .art-title {font-size:clamp(44px,7vw,100px)}
.studio .pc-tags li,.studio .chips li {border:1px solid var(--line);font:400 9px/1.5 var(--font-s);padding:5px 10px;text-transform:none;letter-spacing:0;box-shadow:none;border-radius:20px;background:none}
.studio .project-content {padding-block:40px 85px}
.studio .project-body {font-size:14px;line-height:1.9}
.studio .project-body h3 {font-family:var(--font-s);font-size:28px;font-weight:450;letter-spacing:-.04em;text-transform:none}
.studio .project-meta {background:none;border:0;padding:0;box-shadow:none;border-radius:0}
.studio .meta-row {padding-block:15px;border-bottom:1px solid var(--line)}
.studio .meta-row b {font-size:12px;font-weight:500}
.studio .gallery-item,.studio .contact-form-card,.studio .info-card,.studio .principle,.studio .panel,.studio .tile {border:1px solid var(--line);box-shadow:none;border-radius:5px;background:var(--paper2);color:var(--ink)}
.studio .gallery-item:hover,.studio .principle:hover {box-shadow:none;transform:none}
.studio .panel-num {opacity:.08}
.studio .panel-title {font-size:clamp(36px,5vw,60px);text-transform:none}
.studio .panel-copy {font-size:14px}
.studio .panel .btn {align-self:flex-start}
.studio .principle h3 {text-transform:none}
.studio .chrome {color:var(--ink);background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:none;filter:none}
.studio .frame {border:0;border-radius:0;box-shadow:none;transform:rotate(-2deg);background:var(--paper2)}
.studio .frame img {filter:grayscale(100%)}
.studio .frame-tape {display:none}
.studio .about-caption {font:400 10px/1.5 var(--font-s);color:var(--muted);transform:none}
.studio .about-page {padding-top:calc(var(--nav) + 60px)}
.studio .about-copy .lead {font-size:20px;line-height:1.6;font-weight:450}
.studio .about-copy>p:not(.lead):not(.kicker) {font-size:13px;color:var(--muted);line-height:1.9}
.studio .fact {border-top:1px solid var(--line);padding-top:12px}
.studio .fact b {font:500 9px/1.5 var(--font-s);letter-spacing:.06em}
.studio .fact span {font-size:12px}
.studio .cta-band {background:var(--paper2);border:0}
.studio .cta-band .display {font-size:clamp(40px,5vw,70px)}
.studio .cta-band-side p {font-size:13px;color:var(--muted)}
.studio .contact-form-card {background:var(--paper);padding:30px}
.studio .contact-form-card .form-title {font-size:40px}
.studio .info-card {border:0;border-bottom:1px solid var(--line);padding:20px 0;background:none;border-radius:0}
.studio .info-card a {font-size:18px}
.studio .info-card b {font-size:12px}
.studio .field input,.studio .field textarea,.studio .field select,.studio .fields input,.studio .fields textarea {font-family:var(--font-s);font-size:14px;border:1px solid var(--line);border-radius:4px;background:var(--paper2);color:var(--ink);box-shadow:none}
.studio .field>span,.studio .fields label {font-size:9px;letter-spacing:.06em}
.studio .form-stamp {display:none}
.studio .form-note {font-size:12px;color:var(--muted)}
.studio .faq {border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.studio .faq summary {font-size:15px;font-weight:500}
.studio .faq p {font-size:13px;color:var(--muted)}
.studio .modal-win {border:1px solid var(--line);border-radius:10px;box-shadow:0 25px 100px #0004;background:var(--paper);color:var(--ink)}
.studio .modal-top {border-bottom:1px solid var(--line)}
.studio .modal-x {border:1px solid var(--line);border-radius:50%;background:none}
.studio .opt {border:1px solid var(--line);box-shadow:none;border-radius:4px;font-size:10px;background:none;color:var(--ink)}
.studio .opt.on {background:var(--ink);color:var(--paper);box-shadow:none}
.studio .rec {color:var(--muted);font:400 12px/1.6 var(--font-s);transform:none}
.studio .preview {border:1px solid var(--line);background:var(--paper2);color:var(--ink);font-size:10px}
.studio .toast {border:1px solid var(--line);border-radius:5px;background:var(--ink);color:var(--paper);box-shadow:0 5px 25px #0002;font:400 12px/1.5 var(--font-s)}
.studio .breadcrumb {font-size:9px}
.studio .error-code {text-shadow:none;color:var(--accent);-webkit-text-stroke:0}
.studio .pn-item {background:none;border:1px solid var(--line);box-shadow:none;border-radius:4px}
.studio .pn-item .display {font-size:32px}
.studio .step h3 {font-size:32px;font-weight:450;text-transform:none}
.studio .step-num {background:var(--paper2);border:1px solid var(--line);color:var(--accent);box-shadow:none}
.studio .step-chip {background:none;color:var(--muted);border:1px solid var(--line);border-radius:20px}
.studio .wall-shell,.studio .stack-grid {box-shadow:none;border-color:var(--line)}
.studio .stack .mq {display:none}
.studio .process {background:var(--paper);border:0}
.studio .tile {font-family:var(--font-s)}

html.studio[data-motion=off] {scroll-behavior:auto}
.studio[data-motion=off] *, .studio[data-motion=off] *::before,.studio[data-motion=off] *::after {animation:none!important;transition:none!important}
.studio[data-motion=off] .browser-float-0 {transform:rotateY(-10deg) rotateZ(-4deg)}
.studio[data-motion=off] .browser-float-1 {transform:rotateY(-12deg) rotateZ(7deg)}
.studio[data-motion=off] .browser-float-2 {transform:rotateY(8deg) rotateZ(4deg)}
.studio[data-motion=off] .project-screen,.studio[data-motion=off] .project-tilt {transform:none!important}

@media(min-width:1700px){.studio-hero-copy h1{font-size:115px}.browser-scene{height:530px}}
@media(max-width:1100px){
  .studio .wrap{width:calc(100% - 72px)}.studio .nav{padding-inline:36px}.studio .nav-links{gap:20px}.studio .nav-tools{gap:12px}
  .studio-hero-copy h1{font-size:6.8vw}.studio-hero-copy>.eyebrow{font-size:8px}.browser-scene{height:390px}.scene-orbit{width:350px;height:350px}
  .studio-capabilities{gap:55px}.studio-about{gap:70px}.studio-portrait{margin-left:0}.selected-projects{gap:45px 25px}
  .studio-guide{right:15px;bottom:20px;transform:scale(.9);transform-origin:right bottom}.guide-dialogue{max-width:210px}
}
@media(max-width:860px){
  .studio .nav-links{display:none}.studio .nav-tools{margin-left:auto}.studio .nav-burger{display:block}.studio .nav{--nav:78px}.studio{--nav:78px}
  .studio .wrap{width:calc(100% - 48px)}.studio .nav{padding-inline:24px}
  .hero-sticky{min-height:710px}.studio-hero{min-height:780px;height:115svh}.studio-hero-copy h1{font-size:7vw}.studio-hero-description{font-size:12px;max-width:260px}.hero-location{font-size:8px!important}.browser-scene{height:340px}.scene-orbit{width:280px;height:280px}.scene-note{left:12%;font-size:6px}
  .studio-intro{grid-template-columns:1fr;gap:25px;padding-block:70px}.studio-intro h2{max-width:700px;font-size:42px}.intro-bottom{gap:30px}
  .studio-capabilities{grid-template-columns:1fr;gap:50px;margin-top:80px;padding-block:65px}.capabilities-intro>p:not(.eyebrow){max-width:480px}.capability p{max-width:500px}
  .studio-about{gap:40px;padding-bottom:90px}.studio-portrait img{height:350px}.studio-about-copy h2{font-size:35px}.studio-about-copy>p:not(.eyebrow){font-size:12px}
  .project-caption-meta{width:100%}.project-stage{padding:10%}.studio-project:nth-child(3n+1) .project-stage{padding:8% 12%}.art-footer{font-size:6px}.project-art{padding:20px}.project-caption h3{font-size:18px}
  .contact-bottom{align-items:flex-start;flex-direction:column;gap:15px}.contact-big-link{gap:15px}.contact-round-arrow{width:100px;font-size:55px}
}
@media(max-width:600px){
  html.studio{--nav:74px}.studio .wrap{width:calc(100% - 40px)}.studio .nav{height:74px;padding-inline:20px;gap:15px}.studio .brand{font-size:29px}.studio .brand-mark{width:1em;height:1em;margin-right:5px}.studio .nav-tools{gap:14px}.studio .nav-contact{display:none}.studio .nav-burger{width:37px;height:37px}.studio .nav-burger i:first-child{top:12px}.studio .nav-burger i:last-child{top:19px}
  .studio-hero{height:auto;min-height:0}.hero-sticky{height:auto;min-height:0;position:relative;padding:95px 0 24px}.hero-eyebrow{padding-top:12px}.hero-location{display:none}.hero-eyebrow .eyebrow{font-size:8px}.studio-hero-layout{display:flex;flex-direction:column;padding:35px 0 15px;gap:0;align-items:stretch}.studio-hero-copy>.eyebrow{font-size:7px;margin-bottom:20px}.studio-hero-copy h1{font-size:clamp(42px,10vw,62px);line-height:1.02;white-space:normal}.studio-hero-copy h1 .serif{font-size:1.17em}.studio-hero-description{font-size:13px;max-width:310px;margin-top:22px}.hero-work-link{margin-top:12px}.browser-scene{width:100%;height:340px;max-width:440px;margin:40px auto 35px;perspective:1000px}.browser-float-0{width:83%;left:7%;top:28%;transform:rotateY(-12deg) rotateZ(-5deg)}.browser-float-1{width:55%;right:0;top:1%;transform:rotateY(-12deg) rotateZ(8deg)}.browser-float-2{width:52%;left:0;bottom:0;transform:rotateY(8deg) rotateZ(5deg)}.scene-orbit{width:90%;height:auto;aspect-ratio:1;left:5%;top:0}.scene-note{bottom:-32px;left:18%;font-size:6px}.mini-browser .art-title{font-size:38px}.mini-browser .project-art-1 .art-title{font-size:40px}.browser-float-1 .art-title,.browser-float-2 .art-title{font-size:26px}.mini-browser .project-art{padding:17px}.browser-float-1 .project-art,.browser-float-2 .project-art{padding:13px}.browser-bar{padding-inline:8px;height:25px;font-size:6px}.studio-hero-bottom{padding-top:17px;gap:15px}.studio-hero-bottom .eyebrow{font-size:7px;max-width:200px;line-height:1.8}.studio-hero-bottom i{margin:0 5px}.scroll-invitation{gap:8px;font-size:8px}.scroll-arrow{width:27px;height:27px}
  .studio-intro{padding-block:55px;gap:20px}.studio-intro h2{font-size:34px;line-height:1.2}.intro-bottom{align-items:flex-start;flex-direction:column;gap:17px;margin-top:23px}.intro-bottom p{font-size:12px;max-width:none}
  .studio-work{padding-top:50px}.studio-section-head{align-items:flex-start;padding-bottom:27px;gap:15px}.studio-section-head h2{font-size:31px;max-width:230px;margin-top:13px}.studio-section-head>.text-link{font-size:9px;gap:8px;margin-top:35px}.studio-section-head>.text-link span{font-size:17px}.selected-projects{grid-template-columns:1fr;gap:35px}.studio-project:nth-child(3n+1){grid-column:auto}.project-stage,.studio-project:nth-child(3n+1) .project-stage{aspect-ratio:1.4;padding:13% 8%}.project-art{padding:20px}.project-browser .project-art{aspect-ratio:1.5}.studio-project:nth-child(3n+1) .art-title,.art-title{font-size:42px}.project-art-1 .art-title{font-size:50px}.stage-index{left:14px;bottom:11px;font-size:6px!important}.project-caption{padding-top:13px;gap:7px}.project-caption-title{gap:9px}.project-caption h3{font-size:18px}.project-caption-meta>.eyebrow{font-size:7px}.project-kind{font-size:7px}.project-caption .text-link{font-size:9px}.project-caption .text-link span{font-size:17px}.art-eyebrow{font-size:6px}.art-footer{font-size:6px}
  .studio-capabilities{margin-top:60px;padding-block:50px;gap:35px}.capabilities-intro h2,.studio-about-copy h2{font-size:34px}.capability{grid-template-columns:20px 1fr 17px;gap:10px;padding:23px 0}.capability h3{font-size:23px}.capability p{font-size:12px}.capability-tools{font-size:7px!important}
  .studio-about{grid-template-columns:1fr;gap:65px;padding-block:10px 65px}.studio-portrait{width:75%;max-width:330px;margin:auto}.studio-portrait img{height:300px}.studio-about-copy h2{margin-block:17px}.studio-about-copy>p:not(.eyebrow){font-size:13px}.about-smallprint{margin-top:30px}
  .studio-contact{padding-block:33px 28px}.contact-overline{align-items:flex-start;gap:20px}.contact-overline .eyebrow{font-size:8px}.contact-overline>.eyebrow{max-width:115px;text-align:right}.contact-big-link{padding-block:30px 35px;gap:12px}.contact-big-link>span:first-child{font-size:clamp(36px,9.5vw,58px)}.contact-round-arrow{width:58px;flex:0 0 58px;font-size:35px}.contact-bottom .text-link{font-size:12px}.contact-bottom p{font-size:9px;max-width:260px}.studio .footer{padding-block:22px 80px}.studio .foot-row{font-size:9px;gap:17px;flex-wrap:wrap}.footer-socials{gap:15px;order:3;width:100%}.studio .foot-row>a{margin-left:auto}
  .studio-guide{right:10px;bottom:12px;transform:scale(.8);max-width:320px}.guide-character{width:85px;flex-basis:85px}.guide-dialogue{max-width:210px;padding:12px 14px;margin-bottom:25px}.guide-dialogue p{font-size:11px}.guide-controls button{font-size:10px;min-height:30px}.guide-minimize{min-height:32px;font-size:10px}.studio-guide.is-minimized{transform:none;right:16px;bottom:12px}
  .studio .page-head{padding-top:calc(var(--nav) + 35px);padding-bottom:35px}.studio .page-title{font-size:49px}.studio .page-head-foot{margin-top:22px;padding-top:20px;gap:20px}.studio .page-note{font-size:13px}.studio .work-grid{grid-template-columns:1fr;gap:32px}.studio .work-grid .project-stage{aspect-ratio:1.4;padding:13% 8%}.studio .work-grid .art-title{font-size:42px}.studio .filters{gap:18px;flex-wrap:wrap}.studio .filter{font-size:10px}.studio .project-hero .project-stage{aspect-ratio:1.4;padding:12% 8%}.studio .project-hero .art-title{font-size:42px}.studio .contact-form-card{padding:20px}.studio .contact-form-card .form-title{font-size:32px}.studio .info-card a{font-size:17px;overflow-wrap:anywhere}.studio .contact-info{display:block}.studio .contact-layout{gap:40px}.studio .about-page{padding-top:calc(var(--nav) + 35px)}.studio .contact-page{padding-top:10px}.studio .field-row{grid-template-columns:1fr}.studio .form-actions .btn{width:auto}.studio .gallery{grid-template-columns:1fr}.studio .panel{min-height:350px;padding:25px}.studio .panel-title{font-size:42px}.studio .panel-copy{font-size:13px}.studio .svc-grid{gap:18px}.studio .faq summary{font-size:13px}.studio .project-actions{gap:8px}.studio .project-actions .btn{padding:11px 13px;font-size:10px}.studio .modal-win{padding:20px}.studio .fields input,.studio .fields textarea{font-size:16px}
  .preview-toolbar{padding:12px 15px;gap:12px;flex-wrap:wrap}.preview-toolbar h2{font-size:16px}.preview-toolbar>div:first-child{flex:1}.preview-device-controls{order:3;width:100%;margin:0}.preview-device-controls button{flex:1}.preview-toolbar button{font-size:10px;min-height:36px}.preview-viewport{height:60svh;min-height:250px}.preview-consent{padding:25px}.preview-consent h3{font-size:26px}.preview-consent p{font-size:11px}.preview-foot{padding:12px 15px;gap:10px;align-items:flex-start}.preview-foot p{font-size:9px}.preview-foot .text-link{font-size:9px;white-space:normal;flex:0 0 100px}.project-preview{max-height:96svh}
}
@media(prefers-reduced-motion:reduce){.studio *, .studio *::before,.studio *::after{animation:none!important;transition:none!important}.studio .project-screen,.studio .project-tilt{transform:none!important}.studio-hero{height:auto;min-height:0}.hero-sticky{position:relative}.studio{scroll-behavior:auto}}

/* Keep public pages free of decorative overlines. */
.studio .eyebrow,.studio .kicker,.studio .art-eyebrow,.studio .panel-kicker,.studio .slide-kicker{display:none!important}
.studio .contact-overline{display:none}