html[data-page="studio"]{scroll-behavior:auto}
.studio-page{--studio-column-gap:clamp(55px,8vw,125px);--studio-text-inset:clamp(28px,4vw,60px)}
.studio-opening{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-column-gap);align-items:center}
.studio-opening h1{font-size:clamp(54px,6.4vw,96px)}
.studio-intro{margin:0;padding-left:calc(var(--studio-text-inset) + 1px);font-size:17px;line-height:1.8;color:var(--muted)}
.studio-text-link{display:inline-flex;align-items:center;gap:26px;min-height:44px;padding:10px 0;background:none;border:0;border-bottom:1px solid #777;color:var(--fg);font-size:13px;justify-self:start;cursor:pointer}
.studio-text-link[hidden]{display:none}

/* Reading chapters use the full width, with no empty label column. */
.studio-reading{display:block;padding:55px 0 90px}
.studio-reading>.eyebrow{margin:0 0 48px}
.studio-reading>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,8vw,120px);row-gap:38px}
.studio-reading h2{grid-column:1/-1;max-width:920px}
.studio-reading>div>p{margin:0;max-width:530px}
.studio-reading-heading{grid-column:1/-1}
.studio-founder .studio-founder-meta{margin:14px 0 0;font-size:13px;line-height:1.7;color:var(--muted)}
.studio-founder[hidden],.studio-zero-one[hidden]{display:none}
.studio-reading>.studio-founder-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(40px,8vw,120px)}
.studio-founder-identity h2{font-size:clamp(38px,4.5vw,62px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0}
.studio-founder .studio-founder-meta{margin:22px 0 0;font-size:12px;line-height:1.9;color:#c7c5bf}
.studio-founder-meta span{color:var(--muted)}
.studio-founder-story{max-width:650px;min-width:0}
.studio-founder-story>p{margin:0;color:var(--muted);font-size:16px;line-height:1.85}
.studio-founder-story>p+p{margin-top:26px}
.studio-founder-story>.studio-founder-opening{color:#d1d0cb}
.studio-page main .eyebrow{font-size:10px;font-weight:400;line-height:1.8;letter-spacing:1.8px;max-width:none;padding:0}

/* The approach is a light feature band, with its motto beside the story. */
.studio-feature{background:#e7e5df;color:#080808}
.studio-feature ::selection{background:#080808;color:#e7e5df}
.studio-feature-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-column-gap);padding-top:80px;padding-bottom:90px}
.studio-feature .eyebrow{color:#555;margin-bottom:48px}
.studio-feature h2{font-size:clamp(48px,5.8vw,80px);font-weight:400;line-height:.95;letter-spacing:-.055em}
.studio-feature-story{align-self:end;border-left:1px solid #a6a49e;padding-left:var(--studio-text-inset)}
.studio-feature-story p{max-width:540px;margin:0;color:#303030;font-size:17px;line-height:1.8}
.studio-feature-story p+p{margin-top:28px}

.studio-working{padding:75px 0 90px;border-top:1px solid var(--line)}
.studio-working>h2{font-size:clamp(42px,5.4vw,76px);letter-spacing:-.045em}
.studio-working-copy{max-width:760px;margin-top:38px}
.studio-working-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.studio-working-copy p+p{margin-top:26px}
.studio-working-intro{max-width:580px;font-size:16px;line-height:1.8;color:var(--muted);margin:28px 0 0}
.studio-working-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:55px}
.studio-working-steps article{display:block;border-top:1px solid var(--line);padding:24px 0 20px}
.studio-working-steps .num{display:block;padding:0;margin-bottom:52px}
.studio-working-steps h3{font-size:clamp(24px,2.5vw,32px);margin-bottom:18px}
.studio-working-steps p,.studio-architecture p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:0}
.studio-architecture{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.4fr);gap:48px;align-items:start;margin-top:55px;padding:34px 36px;border:1px solid var(--line);background:#111}
.studio-architecture h3{font-size:26px;letter-spacing:-.7px;margin:0}

.studio-outro{display:grid;grid-template-columns:clamp(280px,35vw,480px) minmax(0,1fr);gap:clamp(36px,7vw,110px);align-items:stretch;min-height:clamp(372px,46.44vw,637px);padding:0 max(48px,calc((100% - 1180px)/2)) 0 0;border-top:1px solid var(--line)}
.studio-outro .studio-photo{position:relative;min-height:100%}
.studio-outro .studio-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studio-outro-copy{max-width:660px;align-self:center;padding-block:72px 75px}
.studio-outro .eyebrow{margin-bottom:24px}
.studio-outro h2{font-size:clamp(36px,4.6vw,68px);letter-spacing:-.045em;line-height:1.1}
.studio-outro-copy>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:15px;line-height:1.8;margin:25px 0 16px}

@media(max-width:1000px){
  .studio-opening{grid-template-columns:1fr;gap:30px}
  .studio-opening h1{font-size:clamp(55px,9.3vw,90px)}
  .studio-intro{max-width:550px;padding-left:0}
  .studio-feature-inner{grid-template-columns:1fr;gap:42px}
  .studio-feature-story{border-left:0;border-top:1px solid #a6a49e;padding:28px 0 0}
}
@media(max-width:900px){
  .studio-working-steps{grid-template-columns:1fr;gap:0}
  .studio-working-steps article{padding:23px 0 34px}
  .studio-working-steps .num{margin-bottom:20px}
  .studio-working-steps p{max-width:650px}
}
@media(max-width:800px){
  .studio-reading>.studio-founder-layout{grid-template-columns:minmax(0,1fr);gap:34px}
  .studio-founder .studio-founder-meta{margin-top:14px}
  .studio-founder-story>p{font-size:15px;line-height:1.85}
  .studio-founder-story>p+p{margin-top:22px}
  .studio-intro{font-size:14px}
  .studio-page main .eyebrow{font-size:9px}
  .studio-reading{padding:40px 0 60px}
  .studio-reading>.eyebrow{margin:0 0 26px}
  .studio-reading>div{grid-template-columns:1fr;gap:20px}
  .studio-reading h2{grid-column:1;margin-bottom:8px}
  .studio-reading>div>p{max-width:650px}
  .studio-feature-inner{padding-top:58px;padding-bottom:65px}
  .studio-feature .eyebrow{margin-bottom:30px}
  .studio-feature h2{font-size:clamp(48px,8vw,64px)}
  .studio-feature-story p{font-size:15px}
  .studio-working{padding:55px 0 65px}
  .studio-working>h2{font-size:clamp(38px,7.2vw,57px)}
  .studio-working-copy{margin-top:28px}
  .studio-working-copy p{font-size:14px}
  .studio-working-intro{font-size:14px}
  .studio-working-steps h3{font-size:26px}
  .studio-working-steps p,.studio-architecture p{font-size:13px}
  .studio-architecture{grid-template-columns:1fr;gap:16px;padding:27px}
  .studio-outro{gap:36px;padding-right:24px}
  .studio-outro-copy>p:not(.eyebrow){font-size:13px}
  .studio-outro h2{font-size:36px}
}
@media(max-width:600px){
  .studio-outro{grid-template-columns:1fr;gap:0;padding:0;min-height:0}
  .studio-outro .studio-photo{width:100%;min-height:0;aspect-ratio:1089/1445}
  .studio-outro .studio-photo img{object-fit:contain}
  .studio-outro-copy{padding:40px 24px 55px}
  .studio-outro h2{font-size:clamp(33px,8vw,44px)}
}

/* Keep one stable heading and composer beside the picture as chat unfolds. */
.studio-outro .studio-photo{align-self:start;min-height:0;height:clamp(372px,46.44vw,637px)}
#start.enquiry-guide.studio-outro-copy{--studio-chat-height:clamp(160px,calc(var(--enquiry-viewport,100dvh) - 640px),350px);width:100%;max-width:none;min-width:0;align-self:start;margin:0;padding:64px 0;scroll-margin-top:24px;transition:none}
#start.enquiry-guide.studio-outro-copy>h2,#start.enquiry-guide.studio-outro-copy.is-open>h2{font-size:clamp(36px,4.6vw,68px);letter-spacing:-.045em;line-height:1.1;margin:0;transition:none}
#start.enquiry-guide.studio-outro-copy.is-open>h2 br{display:initial}
#start.enquiry-guide.studio-outro-copy .workspace-grid,#start.enquiry-guide.studio-outro-copy.is-open .workspace-grid{display:flex;flex-direction:column;max-width:none;margin:28px 0 0;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:border-color 240ms ease}
#start.enquiry-guide.studio-outro-copy.is-open .workspace-grid{border-color:#333}
#start.enquiry-guide.studio-outro-copy .chat-panel,#start.enquiry-guide.studio-outro-copy.is-open .chat-panel{height:auto;padding:0;border:0;transition:none}
#start.enquiry-guide.studio-outro-copy .chat-scroll{flex:none;height:var(--studio-chat-height);max-height:0;padding:0;opacity:0;transition:max-height 460ms cubic-bezier(.22,.7,.23,1),padding 460ms cubic-bezier(.22,.7,.23,1),opacity 180ms ease}
#start.enquiry-guide.studio-outro-copy.is-open .chat-scroll{max-height:var(--studio-chat-height);padding:20px 0;opacity:1;transition:max-height 460ms cubic-bezier(.22,.7,.23,1),padding 460ms cubic-bezier(.22,.7,.23,1),opacity 260ms ease 100ms}
#start.enquiry-guide.studio-outro-copy .brief-panel{order:-1;padding:0;max-height:0;overflow:hidden;border-bottom:1px solid transparent;transition:max-height 460ms cubic-bezier(.22,.7,.23,1),opacity 220ms ease,border-color 240ms ease}
#start.enquiry-guide.studio-outro-copy.is-open .brief-panel{max-height:170px;padding:0;border-color:#333}
#start.enquiry-guide.studio-outro-copy .panel-head{display:none}
#start.enquiry-guide.studio-outro-copy .progress-panel{padding:14px 0 16px}
#start.enquiry-guide.studio-outro-copy .readiness{height:40px;gap:5px}
#start.enquiry-guide.studio-outro-copy .readiness strong{font-size:42px}
#start.enquiry-guide.studio-outro-copy .readiness>span{font-size:18px}
#start.enquiry-guide.studio-outro-copy .progress-track{margin:12px 0}
#start.enquiry-guide.studio-outro-copy .stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#start.enquiry-guide.studio-outro-copy .stages:before,#start.enquiry-guide.studio-outro-copy .stage>i,#start.enquiry-guide.studio-outro-copy .stage p{display:none}
#start.enquiry-guide.studio-outro-copy .stage{display:block;min-height:0}
#start.enquiry-guide.studio-outro-copy .stage span{font-size:9px;line-height:1.3;letter-spacing:.02em;margin:0}
#start.enquiry-guide.studio-outro-copy .ready-state p{font-size:16px}
#start.enquiry-guide.studio-outro-copy .ready-state small{font-size:12px;max-width:350px}
#start.enquiry-guide.studio-outro-copy .handoff-symbol{width:40px;height:40px;margin-bottom:12px}
#start.enquiry-guide.studio-outro-copy .message-body{font-size:15px}
#start.enquiry-guide.studio-outro-copy.is-direct-entry .workspace-grid,#start.enquiry-guide.studio-outro-copy.is-direct-entry .chat-scroll,#start.enquiry-guide.studio-outro-copy.is-direct-entry .brief-panel{transition:none!important}
@media(max-width:800px){
  .studio-outro{grid-template-columns:1fr;gap:0;padding:0;min-height:0}
  .studio-outro .studio-photo{width:100%;height:auto;aspect-ratio:1089/1445}
  .studio-outro .studio-photo img{object-fit:contain}
  #start.enquiry-guide.studio-outro-copy{padding:40px 24px 55px}
  #start.enquiry-guide.studio-outro-copy>h2,#start.enquiry-guide.studio-outro-copy.is-open>h2{font-size:clamp(33px,6vw,52px)}
  #start.enquiry-guide.studio-outro-copy .message-body{font-size:14px}
}
@media(max-width:580px){
  #start.enquiry-guide.studio-outro-copy{--studio-chat-height:clamp(120px,calc(var(--enquiry-viewport,100dvh) - 520px),320px)}
  #start.enquiry-guide.studio-outro-copy>h2,#start.enquiry-guide.studio-outro-copy.is-open>h2{font-size:clamp(33px,8vw,44px)}
}

/* Once a message is sent, the conversation uses the invitation's space. */
#start.enquiry-guide.studio-outro-copy{--studio-conversation-height:max(500px,clamp(372px,46.44vw,637px));display:flex;flex-direction:column;height:var(--studio-conversation-height);min-height:0;padding-block:32px;overflow-anchor:none}
#start.enquiry-guide.studio-outro-copy>h2{flex:none}
#start.enquiry-guide.studio-outro-copy.is-open.has-conversation>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;flex:none}
#start.enquiry-guide.studio-outro-copy .workspace-grid{flex:1;min-height:0}
#start.enquiry-guide.studio-outro-copy .brief-panel{flex:none}
#start.enquiry-guide.studio-outro-copy .chat-panel{flex:1;min-height:0;justify-content:flex-end}
#start.enquiry-guide.studio-outro-copy .chat-scroll{flex:1;min-height:0;height:auto}
#start.enquiry-guide.studio-outro-copy.is-open .chat-scroll{max-height:none;overflow-y:auto}
#start.enquiry-guide.studio-outro-copy.is-open:not(.has-conversation) .brief-panel{display:none}
#start.enquiry-guide.studio-outro-copy.is-open:not(.has-conversation) .chat-scroll{flex:none;max-height:0;padding:0;opacity:0}
#start.enquiry-guide.studio-outro-copy .disclosure{height:47px;flex:none}
#start.enquiry-guide.studio-outro-copy .composer textarea{height:76px;min-height:76px}
@media(max-width:800px){
  #start.enquiry-guide.studio-outro-copy{--studio-conversation-height:clamp(440px,calc(100svh - 48px),600px);padding:24px}
}
@media(max-width:580px){
  #start.enquiry-guide.studio-outro-copy .composer textarea{height:104px;min-height:104px}
  #start.enquiry-guide.studio-outro-copy:not(.has-conversation){height:auto;min-height:0;padding-block:24px 32px}
  #start.enquiry-guide.studio-outro-copy:not(.has-conversation) .workspace-grid{flex:none;margin-top:24px}
  #start.enquiry-guide.studio-outro-copy:not(.has-conversation) .chat-panel{flex:none;justify-content:flex-start}
}