/* Summer studio: daylight, vivid ink and translucent surfaces. */
:root{--ink:#102c30;--paper:#102c30;--muted:#4a6867;--line:#bad9d2;--lime:#c3fc70;--blue:#075cd4}
body.studio-page,body.school-page{background:#e9faf4;color:var(--ink);background-image:radial-gradient(ellipse at 8% 12%,#c3f7de 0,transparent 40%),radial-gradient(ellipse at 94% 65%,#bef0fb 0,transparent 40%)}
.wrap{width:min(1360px,calc(100% - 48px))}.header{position:relative;z-index:5;margin-top:18px;margin-bottom:18px;padding:14px 22px;border:1px solid #ffffffc9;border-radius:25px;background:#ffffffa6;backdrop-filter:blur(22px);box-shadow:0 8px 35px #216a5010}.brand-brush{display:block;width:190px;height:58px;object-fit:contain}.header nav a,.school-page .header nav a{font-size:14px;border-color:#244f4525}.header nav a:hover{background:#123d34;color:white}.header-cta{border-color:#244f4530;font-size:14px}.header-cta:hover{background:#c3fc70}.eyebrow{font-size:13px;letter-spacing:.09em}.button{font-size:15px;transition:transform .25s,background .25s,box-shadow .25s}.studio-page .lime-button,.school-page .lime-button{background:#c3fc70;color:#153524;box-shadow:0 8px 28px #173c2015}.studio-page .lime-button:hover,.school-page .lime-button:hover{background:#d8ffac;box-shadow:0 12px 30px #173c2028}.glass-button{background:#ffffffa6;border:1px solid #fff;color:#123d34;backdrop-filter:blur(15px)}
.studio-hero{position:relative;isolation:isolate;min-height:630px;border-radius:36px;overflow:hidden;padding:52px;background:#bfdcd0}.summer-hero-media{position:absolute;inset:0;z-index:-2}.summer-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;animation:summer-breathe 16s ease-in-out infinite alternate}.studio-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#e7f9eff5,#e7f9efdb 35%,#e7f9ef15 75%)}.summer-hero-copy{position:relative;max-width:780px}.studio-hero h1{font-size:clamp(64px,8vw,118px);line-height:.99;letter-spacing:-.065em;margin:44px 0 25px}.studio-hero h1 em{color:#056b55}.summer-description{font-size:21px;line-height:1.5;margin:0 0 30px}.summer-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-caption-glass{position:absolute;right:28px;bottom:80px;padding:20px 24px;display:grid;gap:6px;background:#ffffffa8;border:1px solid #fff9;backdrop-filter:blur(18px);border-radius:23px;box-shadow:0 12px 50px #09302315;font-size:14px}.hero-caption-glass strong{font-weight:600}.hero-disciplines{position:absolute;bottom:24px;left:52px;right:32px;font-size:12px;font-weight:600;letter-spacing:.08em;display:flex;gap:17px}.studio-page .ticker{background:transparent;color:#216756;margin-top:18px;border-block:1px solid #acd8c5}.ticker .ticker-track{animation-duration:55s}.ticker div{font-size:18px}
.section{padding-block:46px}.section-head h2{font-size:clamp(30px,3.6vw,49px)}.section-head h2 em{color:#147460}.service{background:#ffffff80;border:1px solid #fff!important;box-shadow:0 8px 30px #144a3210;backdrop-filter:blur(18px);transition:transform .3s,box-shadow .3s;min-height:330px}.service:hover{transform:translateY(-6px);box-shadow:0 20px 44px #144a321c}.service:nth-child(2){background:#ccedf5a6}.service:nth-child(3){background:#d9f5b6a6;color:var(--ink)}.service-detail p,.service:nth-child(2) p,.service:nth-child(3) p,.service-num,.service:nth-child(2) .service-num,.service:nth-child(3) .service-num,.tags,.service:nth-child(2) .tags,.service:nth-child(3) .tags{color:#436360}.service-detail a,.service:nth-child(3) a{color:#185741;border-color:#214a4526}.service h3{font-size:32px}.service-detail p{font-size:16px}.tags{font-size:12px}.photo-rail .work{border:1px solid #fff;border-radius:26px;padding:8px;background:#ffffff92;box-shadow:0 6px 24px #164f3510}.photo-rail .work figcaption{padding:12px}.photo-rail .work figcaption>span{font-size:14px;color:#4a6867}.photo-rail .work-open{border-radius:19px}.photo-rail .work:nth-child(n){flex-basis:37%}.gallery-toolbar{color:#496763}.gallery-toolbar button{border-color:#91bbae;background:#fff8;color:#143e32}.photo-rail.work-grid,.photo-rail.school-gallery{scrollbar-color:#649e88 #d9eee5}.expand{background:#f1fff4da;backdrop-filter:blur(12px);color:#154235}
.transformation{padding-top:18px}.concept-badge{display:inline-block;font-size:13px;background:#ffffff9c;border:1px solid #aacabd;border-radius:30px;padding:6px 12px;margin:14px 0 0}.comparison{position:relative;aspect-ratio:16/9;max-height:590px;overflow:hidden;border-radius:30px;isolation:isolate;background:#cbdbd1}.comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:20px;padding:8px 16px;border:1px solid #fff9;background:#ffffffe3;border-radius:30px;color:#18362c;font-size:13px;font-weight:600}.label-before{left:20px}.label-after{right:20px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none;transform:translateX(-50%);box-shadow:0 0 8px #0002}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffffffda;border:1px solid white;backdrop-filter:blur(12px);font-size:27px;color:#124333;box-shadow:0 3px 16px #0002}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid #075cd4;outline-offset:5px}.comparison-note{display:flex;justify-content:space-between;gap:25px;margin-top:12px;color:#47665c;font-size:14px}.comparison-note p{margin:0;max-width:520px}.artist{background:#d6eee594;border-block:1px solid #fff9}.artist-copy .lead{color:#123d34}.artist-copy>p,.contact-copy p{color:#43655d}.artist h2 .lime,.studio-page .contact h2 span{color:#067057}.artist-location,.contact-name{color:#4a6867}.contact{background:#ffffff65;border:1px solid white;border-radius:32px;padding:38px;margin-block:25px}.footer{border-color:#bed9d0}.footer p,.footer>a:last-child{color:#44675d;font-size:14px}.footer .brand-brush{width:155px;height:50px}.text-link:hover,.footer a:hover,.phone:hover{color:#087955}#photo-dialog{background:#f2fff8;color:#123d34;border-radius:23px}.dialog-close{color:#123d34}
/* School shares the summer materials, retaining its blue creative energy. */
.school-page{padding-top:0}.school-page .header{background:#ffffffa6;color:#173c40;border-radius:25px}.school-page main{background:#d9f8ef;border-radius:32px;border:1px solid white;width:min(1360px,calc(100% - 48px))}.school-page .school-hero{background-color:#d7f6f3;background-image:radial-gradient(ellipse at 80% 20%,#8bddf9aa,transparent 65%),linear-gradient(#ffffff4a 1px,transparent 1px),linear-gradient(90deg,#ffffff4a 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;min-height:560px}.school-hero>.eyebrow,.school-hero-bottom p{color:#355c66}.school-hero h1{color:#1445b6}.school-hero h1 i{color:#0c775f}.hero-hash{color:#0eaa81;opacity:.5}.floating-photo{background:#ffffff75;border-color:white;color:#21454a;box-shadow:0 20px 45px #16626320}.school-page .ticker{background:#c3fc70}.school-page #formats{background:#ffffff91}.format-card{background:#e8f5f199;border:1px solid #fff;transition:transform .25s}.format-card:hover{transform:translateY(-4px)}.format-card:nth-child(3){background:#1656c9}.format-card:nth-child(4){background:#cff6a5}.format-card a{font-size:14px}.format-sub,.price-note{font-size:14px}.school-page #photos{background:linear-gradient(120deg,#c2f2de,#b1e9fc);color:#183f49}.school-page #photos .section-head h2 em{color:#086c59}.school-page .gallery-toolbar{color:#315e63}.school-page .gallery-toolbar button{color:#163b45;border-color:#75aaa6}.school-page .photo-rail .work{background:#ffffff9c;border-color:white;color:#183f49}.school-proof,.school-page #booking{background:#effbf6;color:#173e36}.proof-inner h2 em{color:#125dc0}.proof-inner p:not(.eyebrow),.school-page .contact-copy p,.school-page .contact-name{color:#44675d}.school-page #booking{border:0;border-radius:0;margin:0}.school-page .contact h2 span{color:#08735b}.school-page .footer{background:transparent}.school-page #photo-dialog{background:#f2fff8}.school-page #photo-dialog .dialog-close{color:#123d34}
@keyframes summer-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){.floating-photo.photo-left{animation:float-left 7s ease-in-out infinite}.floating-photo.photo-right{animation:float-right 8s ease-in-out infinite}@keyframes float-left{50%{transform:translateY(-13px) rotate(-7deg)}}@keyframes float-right{50%{transform:translateY(-11px) rotate(8deg)}}}
@media(max-width:1000px){.hero-caption-glass{right:22px;bottom:75px}.summer-hero-copy{max-width:600px}.header{gap:14px}.brand-brush{width:155px}.header nav a{padding:8px 10px}.hero-disciplines{font-size:11px;gap:10px}}
@media(max-width:700px){.wrap{width:calc(100% - 24px)}.header{margin-block:10px;padding:10px 14px;border-radius:22px}.brand-brush{width:140px;height:44px}.header nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:3px;gap:6px}.header nav a{white-space:nowrap;font-size:13px;padding:7px 10px}.header-cta{font-size:12px;padding:10px}.studio-hero{padding:30px 23px;min-height:650px;border-radius:27px}.studio-hero:after{background:linear-gradient(180deg,#effbf3f5 0%,#effbf3e6 45%,#effbf310 77%)}.summer-hero-media img{object-position:65% center}.studio-hero h1{font-size:clamp(52px,13.8vw,86px);margin:24px 0 19px}.summer-description{font-size:18px}.summer-actions{gap:8px}.summer-actions .button{padding:13px 17px;font-size:14px;min-height:48px}.hero-caption-glass{bottom:63px;left:20px;right:auto;padding:12px 17px;font-size:13px}.hero-disciplines{bottom:18px;left:23px;right:23px;display:block;font-size:10px;line-height:1.9;letter-spacing:.02em}.hero-disciplines span{padding:0 5px}.service{min-height:0}.service h3{font-size:29px}.section{padding-block:32px}.section-head h2{font-size:32px}.photo-rail .work:nth-child(n){flex-basis:88%}.comparison{aspect-ratio:4/3;border-radius:22px}.compare-label{top:12px;padding:5px 12px}.label-before{left:12px}.label-after{right:12px}.comparison-note{flex-direction:column;gap:8px;font-size:13px}.contact{padding:25px 20px}.contact h2{font-size:60px}.school-page main{width:calc(100% - 24px);border-radius:24px}.school-page .header{padding:12px;width:calc(100% - 24px)}.school-page .school-hero{min-height:0}.school-page .header nav a{font-size:13px}.school-page .header-cta{font-size:13px}.format-card a{font-size:13px}.format-sub{font-size:12px}.school-page .footer{width:calc(100% - 30px)}.footer .brand-brush{width:140px}.footer p,.footer>a:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
