/* The studio's cream, sage, and orange presentation. */
:root{color-scheme:light;--bg:#faf9f6;--surface:#fff;--ink:#20221e;--muted:#60635c;--line:#d9dad2;--accent:#a53a1d;--display:'DM Sans',Arial,sans-serif}
.preview-note{display:flex;justify-content:space-between;gap:18px;padding:10px 4.7%;background:#e9ebdf;font-size:12px;color:#41483b}.preview-note a{text-decoration:underline;text-underline-offset:3px}
header{background:var(--bg);height:100px}.wordmark{font-family:var(--body);font-weight:700;font-size:42px;letter-spacing:-.08em}.wordmark>span{letter-spacing:.08em;font-size:12px}nav>a:not(.nav-cta){color:#454841}
.hero{min-height:640px;padding-top:85px;padding-bottom:0;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:60px}.hero::before{display:none}.hero h1{font-family:var(--body);font-size:clamp(58px,6.8vw,104px);font-weight:600;line-height:1.04;letter-spacing:-.065em}.new-accent{color:#606d4f}.hero .eyebrow{color:#59634e;font-size:12px;margin-bottom:25px}.intro{max-width:480px;font-size:18px;color:#5b5e56}.hero-actions{margin-top:30px}.text-link{border-color:#8d9383}.hero-art{align-self:center;background:#171917;border-radius:24px;padding:22px;overflow:hidden}.hero-art video{aspect-ratio:1;background:#000;border-radius:12px}.frame-top,.frame-bottom{color:#d0d5c8;border-color:#454a40;font-size:10px;letter-spacing:.04em}.hero-foot{margin-top:50px;color:#5b6154}.hero-foot a{color:#33392d}
.hero-actions .glass-button,.nav-cta,.outline-button,#menu,.to-top{color:#24301e;border-color:#b6bdae;background:linear-gradient(145deg,#fff,#edf0e5);box-shadow:inset 0 1px 0 #fff,0 3px 10px #21301a0a}.hero-actions .glass-button span,.nav-cta span{color:#536b3e}.hero-actions .glass-button:hover,.nav-cta:hover,.outline-button:hover,#menu:hover,.to-top:hover{color:#24301e;background:#e2e8d7;border-color:#7b896d;box-shadow:0 4px 12px #21301a14}.video-controls button{color:#fff}
.discipline-strip{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#565f4b;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.13em;padding:25px 4.7%}.section{padding-top:90px;padding-bottom:90px}.section-head h2{font-size:clamp(44px,4.5vw,68px);line-height:1.06;letter-spacing:-.05em;font-weight:600}.muted{color:#68765b}.section-head .eyebrow{color:#677459}.work-grid{grid-template-columns:1fr 1fr;gap:42px 32px}.project-maid{padding-top:0}.project-image,.project-atlas .project-image{height:350px;border-radius:22px;border-color:#e0e2d8}.project-info h3{font-weight:600}.project-info p{color:#63665e}.tag{color:#686c60}.visit-project{color:#526241}.project-stamp,.project-topline{font-size:11px}.project-image.storm{height:440px}.open-circle{background:#fafaf3;color:#28311f;border-color:#fff;box-shadow:0 3px 14px #0002}
.services{background:#eef0e7}.service-list,details{border-color:#cdd3c2}.service-list h3{font-family:var(--body);font-size:28px;letter-spacing:-.04em}.price small{color:#5d6455}.service-body a{border-color:#99a28d}.expand{color:#626c55}.about{background:var(--bg)}.about h2{font-size:clamp(40px,4.1vw,62px);line-height:1.13;letter-spacing:-.05em}.about h2 span{color:#68765b}.process h3{letter-spacing:-.04em}.review-strip h2{font-size:30px;line-height:1.15;letter-spacing:-.04em}.review-strip .eyebrow{color:#626c55}.contact h2{font-size:clamp(46px,5.5vw,82px);line-height:1.06;letter-spacing:-.06em}.contact h2>span{color:#68765b}.contact-meta{color:#60635c}.brief{background:#fff;border-color:#dfe3d7;border-radius:24px;padding:32px}label{color:#454b3d}input,textarea,select{background:#fafbf7;color:#242a1e;border-color:#ccd2c2;border-radius:10px}input::placeholder,textarea::placeholder{color:#72796b}.button.orange{background:#526642;color:#fff;border-radius:999px}.button.orange:hover{background:#3e5130}#form-status{color:#45543b}.footer-bottom{color:#606658}.footer-top button{color:#45543b}
.studio-film{background:#20271d;border-radius:28px;margin:0 4.7% 80px;color:#f7f7f0;padding:65px 5%;border:0}.film-copy h2{font-size:clamp(48px,5vw,75px);line-height:1.06;letter-spacing:-.05em}.film-copy h2 span{color:#bac9a9}.film-copy>p:not(.eyebrow){color:#c1c7ba}.film-copy .eyebrow{color:#bac9a9}.film-frame video{box-shadow:none}.film-picker button[aria-pressed="true"]{background:#536642;border-color:#b6c9a4}.film-picker button[aria-pressed="true"] span{color:#e0ebd5}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:7vw}.hero-art{padding:16px}.work-grid{gap:35px 24px}.project-image,.project-atlas .project-image{height:310px}}
@media(max-width:760px){.preview-note{padding:10px 6%;font-size:11px;align-items:center}.preview-note span{max-width:130px}.preview-note a{text-align:right}header{height:80px}nav{background:var(--bg);border-color:var(--line)}.hero{grid-template-columns:1fr;padding-top:46px;gap:35px}.hero h1{font-size:clamp(44px,10.8vw,78px);line-height:1.07}.intro{font-size:17px;max-width:440px}.hero .eyebrow{font-size:11px}.hero-art{width:100%;max-width:430px;justify-self:center;padding:18px}.hero-art video{aspect-ratio:4/3;max-height:270px}.hero-foot{margin-top:0}.discipline-strip{flex-direction:row;font-size:11px;gap:22px}.section{padding-top:60px;padding-bottom:60px}.section-head h2{font-size:42px}.work-grid{grid-template-columns:1fr}.project-image,.project-atlas .project-image{height:290px}.project-image.storm{height:300px}.service-list h3{font-size:22px}.about h2{font-size:38px}.contact h2{font-size:52px}.studio-film{margin:0 6% 50px;padding:40px 7%;border-radius:22px}.film-copy h2{font-size:50px}.review-strip h2{font-size:27px}.brief{padding:24px}.price{font-size:20px}}

/* Final mobile polish and a little of the studio's orange personality. */
.wordmark{color:#a53a1d}.wordmark>span{color:var(--ink)}
.hero-art{background:#efeee7;border:1px solid #d9dccf;padding:18px;max-width:370px;justify-self:end;box-shadow:0 14px 40px #28351c09}
.hero-art video{aspect-ratio:4/3;border-radius:16px}
.frame-top,.frame-bottom{color:#525b47;border-color:#d2d7c7;letter-spacing:.035em}
.video-controls button{color:#31392b;border-color:#c1c8b6;background:linear-gradient(145deg,#fff,#e7ebdf);box-shadow:inset 0 1px 0 #fff,0 3px 10px #21301a09}
.video-controls button:hover{color:#24301e;background:#e2e8d7;border-color:#7b896d}
.hero-actions .glass-button{background:linear-gradient(145deg,#b84525,#99371b);color:#fff;border-color:#b44b30;box-shadow:inset 0 1px 0 #ffffff40,0 5px 15px #a53a1d20}
.hero-actions .glass-button span{color:#fff;display:flex}
.hero-actions .glass-button:hover,.hero-actions .glass-button:focus-visible{background:#90351c;color:#fff;border-color:#90351c}
.section-head .eyebrow,.contact .eyebrow{color:#a53a1d}
.email-link{font-size:clamp(17px,1.8vw,25px);display:inline-flex;align-items:center;gap:12px;max-width:100%;line-height:1.45}
.email-link span{flex-shrink:0;display:flex}.email-link .icon-arrow{width:20px;height:20px}
.footer-bottom img{border-radius:50%}
@media(max-width:760px){
 header{height:74px}.hero{padding-top:34px;gap:25px}.hero h1{font-size:clamp(36px,9.2vw,56px);line-height:1.08}.hero .eyebrow{margin-bottom:19px;font-size:10px;letter-spacing:.07em}.intro{margin-top:20px;font-size:16px;line-height:1.65}.hero-actions{gap:15px;margin-top:23px}.hero-actions .glass-button{min-height:50px;padding:13px 20px}.hero-art{max-width:340px;justify-self:center;padding:14px;margin-top:0}.hero-art video{max-height:200px}.frame-top{padding-bottom:12px}.frame-bottom{padding-top:12px;font-size:10px}.video-controls{gap:7px}.video-controls button{padding:7px 12px;min-height:40px;font-size:12px}.hero-foot{padding:17px 0}.section{padding-top:48px;padding-bottom:48px}.section-head{margin-bottom:26px}.section-head h2{font-size:34px;line-height:1.1}.section-head>p{margin-top:17px;font-size:15px}.project-image,.project-atlas .project-image{height:250px}.work-grid{gap:30px}.project-info h3{font-size:22px}.project-info{padding-top:15px}.project-image.storm{height:270px}.studio-film{padding:32px 7%;margin-bottom:42px;gap:26px}.film-copy h2{font-size:38px;line-height:1.1}.film-copy>p:not(.eyebrow){margin:17px 0 20px;font-size:15px}.film-picker{gap:8px}.film-picker button{font-size:12px;padding:9px 12px}.film-picker button span{font-size:11px}.about h2{font-size:34px}.process{margin-top:38px;padding-top:28px;gap:25px}.contact h2{font-size:39px;line-height:1.1}.contact-heading>p:not(.eyebrow){margin-top:20px}.email-link{font-size:clamp(15px,4.3vw,19px);gap:8px}.email-link span{margin:0}.review-strip h2{font-size:25px}.brief{padding:22px}.contact-meta{gap:18px;margin-top:16px}.service-list h3{font-size:21px}.discipline-strip{padding-top:20px;padding-bottom:20px}
}
@media(max-width:360px){.email-link{font-size:15px}.email-link .icon-arrow{width:16px;height:16px}.hero h1{font-size:34px}.wordmark{font-size:36px}}

/* Keep each logo between the top label and the bottom action button. */
.project-image.atlas,.project-image.maid{padding:52px 58px 70px}
.project-image.atlas img,.project-image.maid img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:760px){.project-image.atlas,.project-image.maid{height:300px;padding:48px 42px 68px}}