:root {
  color-scheme:dark;
  --paper:#0b0d10; --white:#171a1e; --ink:#f6f5f2; --body:#b8bcc2;
  --muted:#a6abb3; --green:#f6f5f2; --mint:#171a1e; --line:#34383e;
  --studio-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --studio-serif: Georgia, "Times New Roman", serif;
}
html {scroll-behavior:auto;scroll-padding-top:80px}
body {background:var(--paper);color:var(--ink)}
.wrap {width:min(1320px,calc(100% - clamp(40px,9vw,144px)))}
::selection {color:#0b0d10;background:#dddeda}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible {outline:2px solid #fff;outline-offset:4px}
.btn,.primary-action,.nav-btn {background:#f6f5f2;border:1px solid #f6f5f2;color:#0b0d10;border-radius:4px;font:640 14px/1.2 var(--studio-sans);letter-spacing:-.015em}
.btn:hover,.primary-action:hover {background:#dddeda;border-color:#dddeda}
.btn,.quiet-link,.top a,.reveal-controls button,#menu-toggle {transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease}
.btn .icon,.quiet-link .icon {transition:transform 200ms ease}
.btn:hover .icon,.btn:focus-visible .icon {transform:translateX(3px)}
.btn:active {background:#c9cbcd}
.quiet-link:hover .icon {transform:translate(2px,-2px)}
.top {position:sticky;top:0;z-index:10;background:#0b0d10;border-bottom:1px solid #ffffff18;transition:background-color 220ms ease,border-color 220ms ease}
.top.scrolled,.top:has(#mobile-menu:not([hidden])) {background:#171a1e;border-color:#363a40}
.top-in {height:75px;gap:20px}
.wordmark,.foot-in .wordmark,.top-in .wordmark {font:720 32px/1 var(--studio-sans);letter-spacing:-.078em}
.main-nav,.foot-in nav {gap:30px}
.main-nav a,.foot-in nav a {font:500 14px/1.3 var(--studio-sans);color:#d2d3d5}
.main-nav a:hover,.foot-in nav a:hover {color:white}
.main-nav .nav-btn,.main-nav .nav-btn:hover {color:#0b0d10;font-weight:650}
.nav-btn {min-height:43px;gap:13px;padding:11px 16px}
#menu-toggle,#mobile-menu[hidden] {display:none}
#mobile-menu {border-top:1px solid var(--line);padding:8px 21px 14px}
#mobile-menu a {display:block;padding:14px 0}
.opening {border-bottom:1px solid #282b30;background:#0b0d10}
.studio-hero {display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:clamp(20px,2.8vw,50px);padding-block:clamp(42px,4.8vw,74px) clamp(37px,4.5vw,70px)}
.studio-intro {z-index:1}
.studio-hero h1,.showcase h1,.showcase h2,.prose h1,.partnership h2,.studio-faq h2,.application h2,.sample-detail h2,.example-close h2,.method h2 {
  color:#f6f5f2;font-family:var(--studio-sans);font-weight:560;line-height:.99;letter-spacing:-.065em
}
.studio-hero h1 {font-size:clamp(50px,5.45vw,88px);max-width:14ch}
.studio-hero h1 .unbroken,.studio-hero h1 em {white-space:nowrap}
.studio-hero em,.method h2 em,.partnership h2 em,.studio-faq h2 em,.application h2 em,.sample-detail h2 em,.example-close h2 em,.prose h1 em {
  color:var(--ink);font-family:var(--studio-serif);font-weight:400;letter-spacing:-.06em
}
.hero-description {font-size:clamp(16px,1.25vw,19px);line-height:1.55;letter-spacing:-.012em;max-width:51ch;margin:23px 0 26px;color:#c2c5c9}
.hero-actions {display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);flex-wrap:wrap}
.primary-action {min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;text-decoration:none}
.quiet-link {display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--ink);font:550 14px/1.3 var(--studio-sans);text-decoration:none}
.quiet-link:hover {text-decoration:underline}
.quiet-link .icon,.primary-action .icon {width:17px;height:17px}
.hero-promise,.input-help {font-size:13px;line-height:1.48;color:var(--muted)}
.hero-promise {max-width:43ch;margin:13px 0 0}
.studio-art {margin:0;min-width:0}
.studio-art img {display:block;width:100%;height:auto;border-radius:2px}
.studio-art figcaption {display:flex;align-items:center;justify-content:space-between;padding:11px 0 0;color:#a9acb2;font:500 11px/1.4 var(--studio-sans)}
.studio-art figcaption span:last-child,.section-label {font:550 10px/1.45 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.section-label {margin:0 0 17px;color:#c0c4ca}
.method {background:#101215;border-bottom:1px solid #2d3035}
.editorial-row,.partnership-grid,.studio-faq,.showcase-heading,.showcase-close,.sample-detail,.application-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,8vw,128px)}
.editorial-row {align-items:center;padding-block:clamp(38px,5vw,74px)}
.method h2 {font-size:clamp(34px,3.3vw,53px);line-height:1.08;max-width:16ch}
.editorial-row>p,.showcase-heading>p,.partnership p,.application-copy p,.sample-detail p,.example-close p {font-size:clamp(16px,1.18vw,18px);line-height:1.6}
.showcase {padding:clamp(46px,6vw,92px) 0;background:#0b0d10}
.showcase-heading {align-items:end;margin-bottom:30px}
.showcase h1,.showcase h2 {font-size:clamp(51px,6.2vw,96px)}
.showcase-heading>p {max-width:44ch;justify-self:end}
.showcase-heading>p em {font-style:normal;color:var(--ink)}
.reveal {background:#15171b;border:1px solid #33363b;border-radius:5px}
.reveal-controls {display:flex;gap:4px;padding:9px 11px;border-bottom:1px solid #373a3f}
.reveal-controls[hidden] {display:none}
.reveal-controls button {min-height:40px;border:1px solid transparent;padding:8px 15px;color:#c0c3c8;background:transparent;border-radius:3px;font:550 13px var(--studio-sans)}
.reveal-controls button[aria-pressed="true"] {color:white;background:#30343a;border-color:#4a4e53}
.reveal-controls button:hover {background:#292c31;color:#fff}
.reveal-stage {position:relative}
.reveal-panel {display:grid;grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);align-items:center;gap:clamp(16px,3vw,48px);padding:clamp(18px,2.3vw,36px)}
.reveal-panel+.reveal-panel {border-top:1px solid var(--line)}
.reveal-copy {padding:clamp(0px,1vw,14px);max-width:49ch}
.reveal-copy h3 {font:500 11px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#b9bdc4}
.reveal-copy blockquote {margin:16px 0;padding:0;border:0;background:none;color:#f6f5f2;font:400 clamp(28px,3vw,48px)/1.1 var(--studio-serif);letter-spacing:-.045em}
.reveal-copy p,.showcase-close p {font-size:15px;line-height:1.55}
.reveal-picture {margin:0;aspect-ratio:5/3.7;background:#111316;overflow:hidden;display:flex;align-items:center;justify-content:center}
.reveal-picture img {display:block;width:100%;height:100%;object-fit:contain}
.inquiry-view .reveal-picture {background:radial-gradient(ellipse at 68% 28%,#303238,#101114);padding:8% 4%}
.inquiry-view .reveal-picture img {height:auto;transform:rotate(-3deg);box-shadow:0 13px 25px #0009}
.workshop-view .reveal-picture {background:#0b0c0e}
.enhanced .reveal-stage {display:grid;isolation:isolate;overflow:hidden}
.enhanced .reveal-panel {grid-area:1/1;opacity:0;pointer-events:none;transform:translateY(8px);border:0;transition:opacity 740ms ease,transform 740ms cubic-bezier(.2,.7,.2,1)}
.enhanced[data-current="inquiry"] .inquiry-view,.enhanced[data-current="workshop"] .workshop-view {opacity:1;pointer-events:auto;transform:none;z-index:1}
.showcase-close {grid-template-columns:minmax(0,650px) auto;justify-content:space-between;align-items:center;margin-top:25px;gap:24px}
.showcase-close h3,.responsibilities h3,.sample-detail h3 {font:560 clamp(20px,1.7vw,26px)/1.2 var(--studio-sans);letter-spacing:-.04em;margin-bottom:8px}
.showcase-close .quiet-link {text-decoration:underline;text-underline-offset:5px}
.partnership {background:#171a1e;border-block:1px solid #32363b}
.partnership-grid,.studio-faq,.sample-detail {padding-block:clamp(45px,6.3vw,96px)}
.partnership-proof {display:block;width:100%;max-width:555px;height:auto;margin-top:clamp(22px,3vw,42px);border-radius:2px}
.partnership-grid h2,.studio-faq h2,.sample-detail h2,.example-close h2,.application h2 {font-size:clamp(38px,4.2vw,65px);line-height:1.04}
.responsibilities h3:not(:first-child),.sample-detail h3 {margin-top:25px}
.studio-faq h2 {max-width:11ch}
.studio-faq summary {font-weight:520}
.application {background:#13161a;border-block:1px solid var(--line);padding:clamp(45px,6vw,87px) 0}
.application-grid {align-items:start}
.application-copy h2 {max-width:13ch;margin-bottom:24px}
.application-copy p+p {margin-top:14px}
.application-copy .availability {font-size:14px;font-weight:520;color:#d1d4d8;border-left:2px solid #939aa4;padding-left:13px;margin-top:23px}
.application-form,.application-thanks,.form-panel,.desk-card,.result-block,.panel,.desk-card.mint {background:#1b1e23;border:1px solid #3d4249;border-radius:5px}
.application-form,.application-thanks {padding:clamp(20px,2.5vw,35px)}
.application-form[hidden],.application-thanks[hidden] {display:none}
.input-group {margin-bottom:17px}
.input-group label {font-size:14px;font-weight:550}
.input-group small {color:#abaeb6;font-weight:400;margin-left:3px}
input:not([type=radio]):not([type=checkbox]),textarea,select {background:#101216;color:var(--ink);border-color:#525861}
input::placeholder,textarea::placeholder{color:#9ca2aa}
.application-form .input-help {margin:6px 0 0}
.application-form .primary-action {width:100%;justify-content:space-between}
.application-form>.input-help {margin-top:12px}
.application-form .err {margin-top:8px;color:#ffd4c9}
.application-thanks h3,.outline-sheet h3 {font:550 30px/1.15 var(--studio-sans);letter-spacing:-.04em;margin-bottom:12px}
.application-thanks p {margin-bottom:13px}
.underlined {background:transparent;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:6px 8px;font-size:14px}
.sample-detail {border-top:1px solid var(--line);align-items:start}
.sample-detail h2 {margin-bottom:20px}
.outline-sheet {background:#212429;padding:clamp(22px,3vw,44px);border-left:2px solid #838a93}
.outline-sheet dl {margin:0}.outline-sheet dt {border-top:1px solid #464a50;font-weight:600;padding-top:13px}.outline-sheet dd {margin:5px 0 15px;color:var(--body)}
.example-close {display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:48px 64px}
.example-close p {margin-top:10px}
.foot-in {padding-block:31px}.foot-in .wordmark {font-size:27px}
.prose {max-width:760px}.prose h1 {font-size:clamp(41px,4.8vw,73px)}.prose .btn {color:#0b0d10}
.desk .datum,.stats span,.feedback,.tag,.chips span {background:#2d3238;color:#e0e2e5;border-color:#596069}
.outline {background:transparent;color:var(--ink);border-color:#626872}.outline:hover {background:#32363c}
.err{color:#ffc9be}.desk .fine,.desk-row small,.stamp,.help,.tiny {color:#b8bcc2}
.profile-correspondence {max-width:760px;margin-inline:auto}.profile-correspondence h1 {font:570 clamp(38px,4vw,57px)/1.04 var(--studio-sans);letter-spacing:-.06em}
.profile-correspondence section,.profile-correspondence details {margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.profile-correspondence h2 {font:550 26px/1.2 var(--studio-sans);margin-bottom:12px}.written-reply{white-space:pre-line}
@media(max-width:1000px) {
  .studio-hero {grid-template-columns:1fr 1fr;gap:24px}
  .studio-hero h1 {font-size:clamp(44px,5.75vw,58px)}
  .hero-actions {gap:9px 13px}.hero-actions .primary-action {padding-inline:14px}
  .main-nav {gap:17px}
}
@media(max-width:760px) {
  html {scroll-padding-top:72px}
  .wrap {width:calc(100% - 36px)}
  .top-in {height:61px;gap:10px}.top-in .wordmark {font-size:27px}
  .top-in .main-nav {margin-left:auto;gap:0}.main-nav>a:not(.btn) {display:none}
  .top-in .nav-btn {font-size:11.5px;min-height:40px;padding:9px 11px;gap:4px}.nav-btn .icon {display:none}
  #menu-toggle {display:flex;width:39px;height:42px;flex-shrink:0;padding:0;background:none;border:0;align-items:center;justify-content:center;flex-direction:column;gap:6px}
  #menu-toggle span {display:block;width:20px;height:1px;background:var(--ink)}
  #menu-toggle[aria-expanded="true"] span:first-child {transform:translateY(3.5px) rotate(45deg)}
  #menu-toggle[aria-expanded="true"] span:last-child {transform:translateY(-3.5px) rotate(-45deg)}
  #mobile-menu:not([hidden]) {display:grid;gap:0}
  .studio-hero,.editorial-row,.showcase-heading,.partnership-grid,.studio-faq,.sample-detail,.application-grid {grid-template-columns:minmax(0,1fr);gap:24px}
  .studio-hero {padding-block:34px 24px}
  .studio-hero h1 {font-size:clamp(46px,10.1vw,70px);max-width:14ch}
  .hero-description {margin:16px 0 20px;font-size:16px;line-height:1.48;max-width:54ch}
  .hero-actions .primary-action {min-height:47px;font-size:13px;gap:10px}
  .hero-actions .quiet-link {font-size:13px}
  .hero-promise {margin-top:9px;max-width:46ch}
  .studio-art img {width:100%;max-height:520px;object-fit:contain;background:#0b0d10}
  .studio-art figcaption {font-size:10px}
  .showcase-heading {align-items:start;gap:14px;margin-bottom:18px}
  .showcase-heading>p {justify-self:start}
  .showcase-close {grid-template-columns:1fr;gap:8px}
  .showcase-close .btn {justify-self:start;margin-top:7px}
  .reveal-panel {grid-template-columns:1fr;gap:17px;align-content:start;padding:17px}
  .reveal-copy {padding:0;max-width:none}
  .reveal-copy h3 {font-size:10px}
  .reveal-copy blockquote {font-size:clamp(26px,5.4vw,36px);margin:9px 0}
  .reveal-copy p {font-size:14px}
  .reveal-picture {max-height:325px}
  .reveal-controls {padding:6px}
  .reveal-controls button {min-height:44px}
  .section-label {margin-bottom:10px}
  .studio-faq h2 {max-width:none}
  .application-copy h2 {margin-bottom:15px}.foot-in nav {gap:10px 18px;flex-wrap:wrap}
  .example-close {align-items:start;flex-direction:column}
}
@media(max-width:359px) {
  .wrap {width:calc(100% - 28px)}
  .top-in {gap:5px}.top-in .wordmark {font-size:24px}.top-in .nav-btn {font-size:11px;padding:8px}
  #menu-toggle {width:32px}
  .studio-hero h1 {font-size:39px}.primary-action {white-space:normal}
  .hero-actions {gap:4px 11px}.hero-actions .primary-action {padding-inline:11px}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
@media print {
  body {background:white;color:black}.top,.reveal-controls,.application,.hero-actions,.toolbar,.btn,footer {display:none!important}
  .reveal-panel {opacity:1!important;transform:none!important}.enhanced .reveal-stage{display:block}
}
@media(min-width:1001px) {
  .studio-hero h1 {max-width:none;font-size:clamp(54px,4.65vw,76px)}
}
@media(max-width:760px) {
  .studio-hero h1 {max-width:none;font-size:clamp(39px,10.4vw,66px)}
}