*{box-sizing:border-box}
@font-face{font-family:"Gothic CG No2";src:url("../fonts/Gothic CG No2 Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"ModernSans Light";src:url("../fonts/ModernSans-Light.otf") format("opentype");font-style:normal;font-weight:300;font-display:swap}
:root{font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:92px}
h1,h2,h3{font-family:var(--serif)}
body{margin:0;background:var(--paper);font-size:14px;line-height:1.6;cursor:url("/cursor.svg?v=3") 1 25,auto}
body.menu-open{overflow:hidden}
.cursor-trail{position:fixed;z-index:10;inset:0;pointer-events:none}
button,input,select,textarea{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none;cursor:pointer}
button{cursor:pointer}
select,input[type=file],input[type=button],input[type=submit],input[type=reset]{cursor:pointer}
input:not([type=button]):not([type=submit]):not([type=reset]):not([type=file]):not([type=radio]):not([type=checkbox]),textarea{cursor:text}
img{display:block;max-width:100%}
::selection{background:#c6a39c;color:var(--ink)}
.skip-link{position:fixed;z-index:20;top:10px;left:10px;padding:10px 14px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:20;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 5.1vw;color:var(--ink);background:rgba(245,244,241,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,213,207,.7)}
.wordmark{display:flex;align-items:baseline;gap:5px;font:500 19px/1 var(--serif);letter-spacing:0}
.wordmark span{font:400 12px/1 var(--sans);color:var(--muted)}
.site-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}
.site-nav a{position:relative;font-size:11px;letter-spacing:0;text-transform:lowercase}
.site-nav a:not(.nav-request)::after{position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.site-nav .nav-request{padding:10px 14px;border:1px solid var(--ink);text-transform:none;transition:background .25s,color .25s}
.site-nav .nav-request:hover{background:var(--ink);color:var(--paper)}
.music-toggle{display:grid;width:25px;height:28px;place-items:center;border:0;padding:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s}
.music-toggle:hover,.music-toggle:focus-visible,.music-toggle.is-playing{color:var(--ink)}
.music-wave{display:flex;align-items:center;gap:2px;height:14px}
.music-wave i{display:block;width:2px;height:5px;border-radius:1px;background:currentColor;opacity:.72}
.music-wave i:nth-child(2){height:10px}
.music-wave i:nth-child(3){height:7px}
.music-wave i:nth-child(4){height:4px}
.music-toggle.is-playing .music-wave i{animation:music-beat .68s ease-in-out infinite alternate}
.music-toggle.is-playing .music-wave i:nth-child(2){animation-delay:-.42s}
.music-toggle.is-playing .music-wave i:nth-child(3){animation-delay:-.2s}
.music-toggle.is-playing .music-wave i:nth-child(4){animation-delay:-.54s}
@keyframes music-beat{from{transform:scaleY(.38)}to{transform:scaleY(1.45)}}
.menu-toggle{display:none}
.hero{position:relative;min-height:min(850px,100svh);height:100svh;max-height:1050px;overflow:hidden;background:#dddcd9}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hero-settle 1.2s ease-out both}
.hero::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,244,241,.04),rgba(245,244,241,.12) 35%,rgba(245,244,241,.78) 58%,rgba(245,244,241,.94));content:""}
.hero-brand-mark{position:absolute;z-index:2;top:54%;left:4vw;width:min(49vw,690px);height:82%;object-fit:contain;object-position:left center;opacity:.62;mix-blend-mode:screen;pointer-events:none;transform:translateY(-50%);user-select:none;will-change:opacity}
.hero-meta{position:absolute;z-index:3;right:5.1vw;bottom:32px;left:5.1vw;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:0}
.hero-copy{position:absolute;z-index:3;top:50%;right:7.2vw;width:min(530px,46vw);transform:translateY(-50%)}
.hero-city,.eyebrow{margin:0 0 18px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:0}
.hero-copy h1{margin:0;font:400 clamp(22px,2.15vw,31px)/1.16 var(--serif);text-transform:none}
.hero-copy h1 em{display:block;margin:-3px 0 2px 25%;font:inherit;white-space:nowrap}
.text-link{display:inline-flex;align-items:center;gap:18px;border:0;border-bottom:1px solid var(--line);padding:0 0 7px;background:none;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:0;transition:gap .25s,border-color .25s}
.text-link:hover{gap:27px;border-color:var(--accent)}
.hero-copy .text-link{margin:28px 0 0}
.section-wrap{position:relative;padding-right:10.5vw;padding-left:10.5vw}
.section-index{position:absolute;top:28px;left:5.1vw;color:var(--muted);font-size:9px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.courses{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:10vw;min-height:445px;padding-top:105px;padding-bottom:100px;border-bottom:1px solid var(--line)}
.courses-title h2,.about-heading h2,.portfolio-heading h2,.precare-head h2,.reviews-title h2{margin:0;font:400 clamp(50px,8vw,100px)/.9 var(--serif);letter-spacing:0}
.courses-title .eyebrow{margin-bottom:14px}
.courses-copy{max-width:390px;padding-bottom:9px}
.courses-copy p,.about-copy p,.approach-points p,.contact-copy>p,.contact-details p{color:var(--muted);font-size:13px;line-height:1.85}
.courses-copy .text-link{margin-top:18px}
.about{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;column-gap:10vw;row-gap:30px;padding-top:122px;padding-bottom:140px}
.about-art{position:relative;grid-row:1 / span 2;min-height:590px;overflow:hidden;background:var(--soft)}
.about-art img{width:100%;height:100%;min-height:590px;object-fit:cover}
.image-note{position:absolute;right:12px;bottom:12px;padding:7px 9px;background:rgba(245,244,241,.88);color:var(--muted);font-size:9px;text-transform:uppercase}
.about-heading{align-self:end;padding-bottom:6px}
.about-heading .eyebrow{margin:0 0 20px}
.about-heading h2{font-size:clamp(51px,7.5vw,90px)}
.script-line{margin:0 0 14px 9%;font:400 clamp(31px,4vw,53px)/1 var(--serif)}
.about-copy{max-width:430px}
.about-copy p{margin:0 0 16px}
.portfolio{padding-top:116px;padding-bottom:102px;background:#eae8e3}
.portfolio-heading{display:grid;grid-template-columns:1fr auto;align-items:end;margin:0 0 48px 8%}
.portfolio-heading .eyebrow{grid-column:1/-1;margin:0 0 10px}
.portfolio-heading h2{font:400 clamp(50px,8vw,96px)/.95 var(--serif)}
.portfolio-heading>p:last-child{max-width:165px;margin:0 0 8px;color:var(--muted);font:italic 17px/1.4 var(--serif)}
.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;row-gap:68px}
.project-card{min-width:0;border:0;padding:0;background:none;text-align:left}
.project-card:nth-child(even){margin-top:135px}
.project-card:nth-child(3){margin-top:-45px}
.project-image{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--soft)}
.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.project-card:hover .project-image img{transform:scale(1.035)}
.project-open{position:absolute;right:16px;bottom:16px;display:grid;width:42px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--paper);font-size:17px;transition:transform .3s}
.project-card:hover .project-open{transform:rotate(45deg)}
.project-label{display:flex;justify-content:space-between;gap:12px;padding-top:13px;font:500 16px/1.2 var(--serif)}
.project-label small{color:var(--muted);font:10px/1.4 var(--sans);text-align:right}
.portfolio-foot{display:flex;align-items:center;justify-content:space-between;margin-top:76px;border-top:1px solid #cecbc5;padding-top:19px;color:var(--muted);font-size:10px;text-transform:uppercase}
.approach{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding-top:140px;padding-bottom:145px}
.approach-art{position:relative;height:600px;background:var(--soft)}
.approach-art img,.approach-video{width:100%;height:100%;object-fit:cover}
.approach-video{display:block;background:#111}
.approach-art .image-note{bottom:52px;pointer-events:none}
.approach-copy{max-width:500px}
.approach-copy>.eyebrow{margin-bottom:28px}
.approach-interlude{max-width:390px;margin:0 0 52px;font:400 clamp(24px,3.2vw,39px)/1.25 var(--serif)}
.approach-points{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.approach-points article{border-top:1px solid var(--line);padding-top:12px}
.approach-points h3,.contact-details h3{margin:0 0 6px;font:500 23px/1 var(--serif)}
.approach-points p{margin:0;font-size:11px}
.reviews{padding-top:112px;padding-bottom:118px;background:#eae8e3}
.reviews-title{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;column-gap:8%;margin:0 0 60px 8%}
.reviews-title .eyebrow{grid-column:1/-1}
.reviews-title h2{max-width:550px;font-size:clamp(43px,6vw,74px)}
.example-note{max-width:205px;margin:0;color:var(--muted);font-size:10px}
.review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{min-width:0;margin:0;overflow:hidden;border:1px solid #d3d0ca;background:#222}
.review-card img{display:block;width:100%;aspect-ratio:2.25;object-fit:contain}
.precare{display:grid;grid-template-columns:.75fr 1.25fr;gap:12vw;padding-top:145px;padding-bottom:148px}
.precare-head h2{font-size:clamp(42px,6vw,72px)}
.precare-head>p:not(.eyebrow){max-width:230px;color:var(--muted);font-size:11px}
.carousel-controls{display:flex;align-items:center;gap:18px;margin-top:34px}
.carousel-controls button{width:39px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:none;font-size:15px;transition:background .2s,color .2s}
.carousel-controls button:hover{background:var(--ink);color:var(--paper)}
.carousel-controls span{color:var(--muted);font-size:9px}
.care-track{position:relative;min-height:315px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.care-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;max-width:540px;padding:25px 6%;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .35s,transform .35s}
.care-slide.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}
.care-slide>span{color:var(--accent);font:400 22px var(--serif)}
.care-slide h3{max-width:420px;margin:18px 0 8px;font:400 clamp(30px,4vw,47px)/1 var(--serif)}
.care-slide p{max-width:420px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.contact{display:grid;grid-template-columns:.95fr 1.1fr .9fr;grid-template-rows:auto auto;column-gap:5vw;row-gap:38px;padding-top:132px;padding-bottom:122px;background:#eae8e3}
.contact-heading{grid-row:1 / span 2;align-self:center}
.contact-heading h2{margin:0;font:400 clamp(54px,6vw,78px)/.88 var(--serif)}
.contact-heading h2 em{font:inherit;white-space:nowrap}
.studio-image{position:relative;grid-column:2;grid-row:1 / span 2;align-self:center;width:100%;height:auto;aspect-ratio:1.5;min-height:0;background:var(--soft)}
.studio-image img,.studio-map{width:100%;height:100%;min-height:0;object-fit:cover}
.studio-map{display:block;border:0;background:var(--soft);filter:grayscale(1)}
.contact-copy{align-self:center}
.contact-copy>p{margin:0 0 32px}
.contact-details{display:grid;gap:22px}
.contact-details p{margin:8px 0 0;font-size:11px}
.contact-details a{border-bottom:1px solid var(--accent);color:var(--accent)}
.contact-copy>.text-link{margin-top:28px}
.guest-offer{margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.site-footer{display:grid;grid-template-columns:1fr 210px 1.3fr;align-items:start;gap:8vw;padding:70px 10.5vw 23px;background:#dcd9d3}
.footer-note{max-width:290px;margin:10px 0;font:400 24px/1.2 var(--serif)}
.footer-cta{font:400 42px/.88 var(--serif)}
.footer-cta span{display:inline-grid;width:38px;aspect-ratio:1;place-items:center;border:1px solid var(--ink);border-radius:50%;font:15px var(--sans);vertical-align:top}
.footer-links{display:grid;gap:23px;justify-self:end;width:100%;max-width:310px}
.footer-links h2{margin:0 0 4px;font:400 11px/1.4 var(--serif)}
.footer-links a{font:400 17px/1.3 var(--serif)}
.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:46px;border-top:1px solid #c5c2bc;padding-top:14px;color:var(--muted);font-size:9px;text-transform:uppercase}
.footer-brand>a:first-child{color:var(--ink);font:500 16px var(--serif);text-transform:none}
.back-top:hover{color:var(--ink)}
.project-dialog{position:fixed;width:min(1080px,calc(100vw - 32px));max-width:1080px;max-height:calc(100dvh - 32px);overflow:auto;border:0;padding:0;background:var(--paper);color:var(--ink)}
.project-dialog::backdrop{background:rgba(23,22,20,.62);backdrop-filter:blur(3px)}
.project-dialog[open]{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);align-items:center;gap:32px;padding:30px}
.dialog-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-width:0;height:min(70vh,620px)}
.dialog-gallery img,.dialog-gallery video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;background:#eeece8}
.dialog-gallery[data-count="1"]{grid-template-columns:1fr;grid-template-rows:1fr}
.dialog-gallery[data-count="2"]{grid-template-rows:1fr}
.dialog-gallery[data-count="3"] :first-child{grid-column:1/-1}
.dialog-copy{min-width:0}
.project-dialog h2{margin:0 0 17px;font:400 54px/.98 var(--serif)}
.project-dialog [data-dialog-copy]{margin-bottom:26px;color:var(--muted);font-size:13px;line-height:1.8}
.dialog-close{position:absolute;z-index:1;top:9px;right:12px;border:0;background:none;font-size:28px}
.reveal{opacity:1;transform:none}
.js .reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
@keyframes hero-settle{from{transform:scale(1.03);opacity:.8}to{transform:scale(1);opacity:1}}

/* Request flow */
.request-page main{padding-top:92px}
.request-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:15px 8vw;padding:63px 10.5vw 45px}
.request-intro .eyebrow{grid-column:1/-1;margin:0}
.request-intro h1{margin:0;font:400 clamp(54px,8vw,98px)/.85 var(--serif);text-transform:uppercase}
.request-intro h1 em{font:inherit}
.request-intro>p:not(.eyebrow){max-width:280px;margin:0 0 7px;color:var(--muted);font-size:12px}
.request-intro .request-location{grid-column:1/-1;max-width:none;margin:-4px 0 0;color:var(--muted);font-size:10px}
.request-intro .text-link{grid-column:2;justify-self:start;margin-top:6px}
.request-layout{display:grid;grid-template-columns:.73fr 1fr;gap:11vw;max-width:1160px;margin:0 auto;padding:0 7vw 100px}
.request-aside{position:sticky;top:30px;align-self:start;padding-top:12px}
.step-count{margin:0 0 14px;color:var(--muted);font-size:9px;text-transform:uppercase}
.progress-track{height:2px;background:var(--line)}
.progress-track span{display:block;width:20%;height:100%;background:var(--accent);transition:width .35s}
.request-aside>img{width:100%;height:430px;margin-top:30px;object-fit:cover;background:var(--soft)}
.aside-caption{margin:13px 0;color:var(--muted);font:italic 16px/1.4 var(--serif);white-space:pre-line}
.request-form{min-width:0;padding-top:9px}
.form-alert{min-height:0;margin:0;color:var(--accent);font-size:12px}
.form-alert:not(:empty){margin:0 0 16px}
.form-alert.is-error{padding:11px 13px;border-left:2px solid var(--accent);background:#efe5e1}
.form-alert.is-success{color:#42694d}
.wizard-step{animation:step-enter .45s ease both}
.wizard-step[hidden]{display:none}
.wizard-step>.eyebrow{margin:12px 0 0}
.wizard-step h2{margin:0 0 38px;font:400 clamp(34px,4vw,47px)/1.05 var(--serif);text-transform:uppercase}
.field{display:block;margin:0 0 25px;border:0;padding:0}
.field>span,.field legend{display:block;margin-bottom:8px;font-size:10px;text-transform:uppercase}
.field b{color:var(--accent);font-weight:500}
.field input:not([type=radio]):not([type=file]),.field textarea,.field select{display:block;width:100%;min-height:52px;border:1px solid transparent;border-radius:0;padding:14px 15px;background:#eeece8;font-size:12px;outline:none;transition:border-color .2s,background .2s}
.field input::placeholder,.field textarea::placeholder{color:#8b8882;text-transform:uppercase;font-size:9px}
.field textarea{resize:vertical;min-height:126px}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#9b958c;background:#f8f7f4}
.field-short{max-width:115px}
.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.choice-row label{position:relative;min-width:0;cursor:pointer}
.choice-row input{position:absolute;width:1px;height:1px;opacity:0}
.choice-row label span{display:grid;min-height:52px;place-items:center;background:#eeece8;font-size:10px;text-transform:uppercase;transition:background .2s,color .2s}
.choice-row input:checked+span{background:#d7d2ca;color:var(--ink)}
.choice-row input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.choice-row-wide{grid-template-columns:1fr 1fr}
.field input[type=file]{display:block;width:100%;border:1px dashed #bcb8b0;padding:13px;background:#eeece8;color:var(--muted);font-size:10px}
.studio-hours{margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
.studio-hours>span{font-size:9px;text-transform:uppercase}
.studio-hours p{margin:5px 0 0;color:var(--muted);font-size:11px}
.calendar-picker{border:1px solid var(--line);padding:16px}
.calendar-heading{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center}
.calendar-heading button{height:38px;border:1px solid var(--line);background:transparent;font-size:17px}
.calendar-heading h3{margin:0;font:400 17px/1.2 var(--serif);text-transform:capitalize}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:12px;text-align:center}
.calendar-weekdays span{color:var(--muted);font-size:9px;text-transform:uppercase}
.calendar-days button,.calendar-days>span{display:grid;min-width:0;aspect-ratio:1;place-items:center}
.calendar-days button{border:1px solid transparent;background:#eeece8;font-size:11px}
.calendar-days button:disabled{background:transparent;color:#aaa69f}
.calendar-days button:not(:disabled):hover,.calendar-days button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.calendar-message{min-height:18px;margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.appointment-shifts[hidden]{display:none}
.contact-promise{margin:0 0 25px;color:var(--accent);font-size:12px;line-height:1.7}
.conditional-field[hidden]{display:none}
.file-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:-10px 0 23px}
.file-previews:empty{display:none}
.file-previews figure{min-width:0;margin:0}
.file-previews img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--soft)}
.file-previews figcaption{overflow:hidden;margin-top:4px;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.wizard-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:36px}
.wizard-controls button{min-height:48px;border:1px solid var(--line);padding:11px 14px;background:transparent;font-size:9px;text-transform:uppercase;transition:background .2s,color .2s}
.wizard-controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.wizard-controls button:disabled{opacity:.55;cursor:wait}
.wizard-controls [hidden]{display:none}
.step-name{color:var(--muted);font-size:9px;text-align:center;text-transform:uppercase}
.next-button,.submit-button{grid-column:3;justify-self:stretch}
.back-button{grid-column:1;justify-self:start}
.review-summary{margin-top:43px;border-top:1px solid var(--line);padding-top:17px}
.review-summary-head{display:flex;justify-content:space-between;align-items:center}
.review-summary-head .eyebrow{margin:0}
.text-button{border:0;border-bottom:1px solid var(--line);padding:3px 0;background:none;color:var(--accent);font-size:9px;text-transform:uppercase}
.review-summary dl{display:grid;grid-template-columns:90px 1fr;gap:7px 15px;margin:15px 0}
.review-summary dt{color:var(--muted);font-size:9px;text-transform:uppercase}
.review-summary dd{overflow:hidden;margin:0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.send-note{color:var(--muted);font-size:10px}
.thank-you{padding:45px 10px;text-align:center}
.thank-you>span{color:var(--accent);font-size:32px}
.thank-you h2{font:400 60px var(--serif)}
.thank-you p{color:var(--muted)}
.request-footer{display:flex;justify-content:space-between;gap:16px;padding:18px 10.5vw;border-top:1px solid var(--line);color:var(--muted);font-size:9px}
@keyframes step-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:900px){
  .site-header{padding:16px 5vw}
  .site-nav{gap:18px}
  .section-wrap{padding-right:8vw;padding-left:8vw}
  .section-index{left:3vw}
  .about{column-gap:6vw}
  .approach{gap:7vw}
  .approach-art{height:500px}
  .contact{grid-template-columns:.95fr 1fr;gap:34px 6vw}
  .contact-heading{grid-row:1 / span 2}
  .studio-image{grid-column:2;grid-row:1;align-self:center;height:auto;min-height:0}
  .studio-image img,.studio-map{min-height:0}
  .contact-copy{grid-column:2}
  .site-footer{grid-template-columns:1fr 150px 1fr;padding-right:8vw;padding-left:8vw;gap:5vw}
  .request-layout{gap:7vw}
}
@media(max-width:680px){
  :root{scroll-padding-top:72px}
  body{font-size:13px}
  .site-header{position:fixed;padding:13px 20px}
  .menu-toggle{position:relative;z-index:2;display:flex;align-items:center;gap:5px;border:0;padding:8px 0;background:transparent;color:var(--ink);font-size:10px;text-transform:lowercase}
  .menu-toggle span{position:absolute;width:0;height:0}
  .menu-toggle b{font-weight:500}
  .menu-toggle::after{content:"⌄";font-size:12px;transition:transform .25s}
  .menu-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
  .site-nav{position:absolute;top:100%;right:20px;left:auto;bottom:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:min(260px,calc(100vw - 40px));max-height:min(65svh,390px);overflow-y:auto;border:1px solid rgba(216,213,207,.7);border-top:0;padding:7px 15px 9px;background:rgba(245,244,241,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .2s,transform .2s,visibility .2s}
  .site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .site-nav a{border-bottom:1px solid rgba(216,213,207,.7);padding:10px 1px;font:400 11px/1.35 var(--sans)}
  .site-nav a:not(.nav-request)::after{display:none}
  .site-nav .nav-request{margin:0;border:0;border-bottom:1px solid rgba(216,213,207,.7);padding:10px 1px;font:500 11px/1.35 var(--sans)}
  .site-nav a:last-child{border-bottom:0}
  .music-toggle{align-self:flex-end;margin-top:5px}
  .hero{min-height:680px;height:100svh;max-height:900px}
  .hero-image{object-position:38% center}
  .hero::after{background:linear-gradient(180deg,rgba(245,244,241,.02) 5%,rgba(245,244,241,.12) 38%,rgba(245,244,241,.42) 57%,rgba(245,244,241,.94) 82%)}
  .hero-brand-mark{top:31%;left:52%;width:min(74vw,340px);height:38%;opacity:.95;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 8px rgba(40,39,36,.24))}
  .hero-meta{right:20px;bottom:22px;left:20px;font-size:8px}
  .hero-copy{top:auto;right:7vw;bottom:14%;left:7vw;width:auto;padding:19px 17px;border-left:1px solid rgba(40,39,36,.28);background:rgba(245,244,241,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:none}
  .hero-copy h1{font-size:clamp(22px,6vw,28px);line-height:1.16}
  .hero-copy h1 em{margin:0;font-size:inherit}
  .hero-copy .text-link{margin:24px 0 0}
  .hero-city{font-size:9px}
  .hero-copy .hero-city{margin-bottom:10px}
  .section-wrap{padding-right:8vw;padding-left:8vw}
  .section-index{top:23px;left:14px;font-size:8px}
  .courses{grid-template-columns:1fr;gap:25px;min-height:auto;padding-top:90px;padding-bottom:72px}
  .courses-title h2,.about-heading h2{font-size:62px}
  .courses-copy{max-width:420px}
  .courses-copy p,.about-copy p,.contact-copy>p{font-size:12px}
  .about{grid-template-columns:1fr;gap:25px;padding-top:90px;padding-bottom:87px}
  .about-art{grid-row:auto;min-height:410px;margin:0 9% 0 0}
  .about-art img{min-height:410px}
  .about-heading{padding:5px 0 0 11%}
  .about-copy{max-width:480px;padding-left:11%}
  .script-line{font-size:41px}
  .portfolio{padding-top:93px;padding-bottom:72px}
  .portfolio-heading{grid-template-columns:1fr;gap:9px;margin:0 0 30px 4%}
  .portfolio-heading .eyebrow{grid-column:auto}
  .portfolio-heading h2{font-size:67px}
  .portfolio-heading>p:last-child{max-width:240px;font-size:15px}
  .project-grid{grid-template-columns:1fr;row-gap:33px}
  .project-card:nth-child(even),.project-card:nth-child(3){margin-top:0}
  .project-card:nth-child(even){margin-left:11%}
  .project-image{aspect-ratio:4/5}
  .project-label{flex-wrap:wrap;font-size:17px}
  .portfolio-foot{align-items:flex-start;gap:20px;margin-top:43px;font-size:8px}
  .portfolio-foot .text-link{gap:8px;font-size:9px}
  .approach{grid-template-columns:1fr;gap:29px;padding-top:91px;padding-bottom:88px}
  .approach-art{height:400px;margin-right:12%}
  .approach-copy{padding-left:9%}
  .approach-interlude{margin-bottom:34px;font-size:31px}
  .approach-points{gap:19px}
  .approach-points h3{font-size:21px}
  .approach-points p{font-size:10px}
  .reviews{padding-top:88px;padding-bottom:76px}
  .reviews-title{grid-template-columns:1fr;gap:10px;margin:0 0 30px 5%}
  .reviews-title .eyebrow{grid-column:auto;margin:0}
  .reviews-title h2{font-size:52px}
  .example-note{max-width:270px}
  .review-list{grid-template-columns:1fr;gap:12px}
  .review-card img{aspect-ratio:1.25}
  .precare{grid-template-columns:1fr;gap:31px;padding-top:89px;padding-bottom:89px}
  .precare-head h2{font-size:58px}
  .precare-head>p:not(.eyebrow){max-width:280px}
  .carousel-controls{margin-top:23px}
  .care-track{min-height:295px}
  .care-slide{padding:20px 4%}
  .care-slide h3{font-size:37px}
  .care-slide p{font-size:11px}
  .contact{grid-template-columns:1fr;gap:26px;padding-top:91px;padding-bottom:75px}
  .contact-heading{grid-row:auto;padding-left:8%}
  .contact-heading h2{font-size:clamp(56px,18vw,87px)}
  .studio-image{grid-column:1;grid-row:auto;height:auto;min-height:0;margin:0 8% 0 0}
  .studio-image img,.studio-map{min-height:0}
  .contact-copy{grid-column:1;padding-left:8%}
  .contact-details{grid-template-columns:1fr 1fr;gap:17px}
  .contact-details h3{font-size:21px}
  .site-footer{grid-template-columns:1fr 130px;gap:27px 15px;padding:48px 8vw 19px}
  .footer-note{grid-column:1/-1;max-width:290px;margin:0;font-size:22px}
  .footer-cta{grid-column:1;font-size:39px}
  .footer-links{grid-column:2;grid-row:2;justify-self:stretch;gap:17px}
  .footer-links a{overflow-wrap:anywhere;font-size:14px}
  .footer-brand{flex-wrap:wrap;gap:12px;margin-top:20px}
  .footer-privacy{order:4}
  .privacy-dialog[open]{padding:23px 19px}
  .privacy-content h2{font-size:37px}
  .privacy-content h3{font-size:18px}
  .privacy-content p{font-size:11px}
  .project-dialog[open]{grid-template-columns:1fr;gap:20px;max-height:calc(100dvh - 24px);overflow:auto;padding:15px}
  .dialog-gallery{height:min(48vh,380px);min-height:260px}
  .dialog-gallery[data-count="3"]{grid-template-rows:1.15fr 1fr}
  .project-dialog h2{font-size:40px}
  .project-dialog [data-dialog-copy]{font-size:12px}
  .request-page main{padding-top:70px}
  .request-intro{grid-template-columns:1fr;gap:12px;padding:56px 8vw 28px}
  .request-intro h1{font-size:62px}
  .request-intro>p:not(.eyebrow){max-width:300px}
  .request-intro .text-link{grid-column:auto;margin-top:8px}
  .request-layout{grid-template-columns:1fr;gap:19px;padding:0 8vw 67px}
  .request-aside{position:static;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 15px;padding:0}
  .step-count{grid-column:1;grid-row:1;margin:0}
  .progress-track{grid-column:1;grid-row:2}
  .request-aside>img,.aside-caption{display:none}
  .request-form{padding-top:11px}
  .wizard-step>.eyebrow{margin-top:5px}
  .wizard-step h2{margin-bottom:27px;font-size:34px}
  .field{margin-bottom:21px}
  .wizard-controls{grid-template-columns:1fr auto;gap:9px;margin-top:28px}
  .step-name{display:none}
  .next-button,.submit-button{grid-column:2}
  .back-button{grid-column:1}
  .request-footer{flex-wrap:wrap;padding:16px 8vw;font-size:8px}
}
.footer-privacy,.request-privacy{border:0;border-bottom:1px solid var(--line);padding:0 0 2px;background:transparent;color:inherit;font:inherit;text-align:left;text-transform:uppercase;cursor:pointer}
.footer-privacy:hover,.request-privacy:hover{color:var(--ink);border-color:var(--ink)}
.privacy-dialog[open]{display:block;width:min(760px,calc(100vw - 32px));padding:40px 46px}
.privacy-content{max-height:calc(100dvh - 112px);overflow-y:auto;padding-right:8px}
.privacy-content .eyebrow{margin-bottom:9px}
.privacy-content h2{margin:0 0 17px;font:400 48px/.98 var(--serif)}
.privacy-content h3{margin:25px 0 7px;font:500 21px/1.2 var(--serif)}
.privacy-content p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.8}
.privacy-content .privacy-intro{color:var(--ink)}
.request-privacy{color:var(--muted)}
@media(max-width:360px){
  .hero-copy h1{font-size:25px}
  .hero-copy h1 em{font-size:53px}
  .courses-title h2,.about-heading h2{font-size:54px}
  .request-intro h1{font-size:54px}
  .choice-row{gap:5px}
  .choice-row label span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .reveal:not(.is-visible){opacity:1;transform:none}
}