/* v1 artwork, colour and motion, scoped around the existing public homepage. */
:root{--studio-ink:#172e37;--studio-muted:#62747a;--studio-paper:#fffefa;--studio-coral:#ea6246}
html{scroll-padding-top:95px;scroll-behavior:smooth}.studio-hero,.studio-work{font-family:Rubik,Arial,sans-serif;color:var(--studio-ink)}
.studio-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 55%,#e7ede5 0,transparent 48%),var(--studio-paper);min-height:100svh;display:flex;align-items:center;padding:110px 0 45px;isolation:isolate}
.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:center;width:min(1280px,calc(100% - 80px));max-width:none;min-height:calc(100svh - 155px)}
.studio-hero-copy{position:relative;z-index:3}.studio-eyebrow{color:#496c6c;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 28px}.studio-dot{display:inline-block;width:6px;height:6px;background:#1db2dd;border-radius:50%;margin-right:10px;vertical-align:middle}
.studio-hero h1{color:var(--studio-ink);font-size:clamp(3.2rem,4.6vw,5.2rem);font-weight:650;letter-spacing:-.055em;line-height:1.04;margin:0 0 30px}.studio-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#167f98;white-space:nowrap}
.studio-intro{font-size:.94rem;color:var(--studio-muted);line-height:1.9;max-width:440px;margin:0 0 30px}.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 23px;border-radius:7px;background:var(--studio-coral);color:white;font-size:.8rem;font-weight:650;transition:transform .2s,background .2s;box-shadow:0 8px 20px #e76d4614}.studio-button:hover,.studio-button:focus-visible{background:#d95639;color:#fff;transform:translateY(-2px)}.studio-text-link{display:inline-flex;gap:18px;color:var(--studio-ink);font-size:.78rem;font-weight:650}.studio-tags{display:flex;flex-wrap:wrap;gap:17px;margin-top:42px;font-size:.58rem;color:#597073}.studio-tags span:before{content:'✓';padding-right:5px;color:#087b7d}
.studio-art{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center;isolation:isolate}.studio-bird{position:relative;width:114%;max-width:none;height:auto;z-index:2;filter:drop-shadow(0 20px 30px #203e2d14);animation:studio-float 8s ease-in-out infinite}.studio-orbit{position:absolute;inset:15%;border:1px solid #adc8bd77;border-radius:50%;pointer-events:none}.studio-orbit-one{transform:scale(1.2)}.studio-orbit-two{inset:7%;border-style:dashed;transform:rotate(-20deg)}.studio-art-note{position:absolute;top:3px;right:30px;font-size:.55rem;letter-spacing:.17em;z-index:3;text-transform:uppercase;color:var(--studio-ink);margin:0}.studio-floating-card{position:absolute;bottom:4%;left:0;z-index:4;display:flex;align-items:center;gap:14px;transform:rotate(-4deg);padding:16px 23px;background:var(--studio-paper);border:1px solid #e1e8df;border-radius:12px;box-shadow:0 20px 60px #193f3420}.studio-floating-card>span{font-size:2rem;color:#e46c4c}.studio-floating-card b{display:block;font-size:.8rem}.studio-floating-card small{display:block;color:#697c80;font-size:.65rem;margin-top:4px}.studio-art-label{position:absolute;right:-22px;top:50%;writing-mode:vertical-rl;font-size:.58rem;letter-spacing:.2em;color:#69817d;margin:0}
.studio-work{background:#f4f6ef;padding:95px 0}.studio-work>.container{width:min(1280px,calc(100% - 80px));max-width:none}.studio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px}.studio-section-heading .studio-eyebrow{margin-bottom:24px}.studio-section-heading h2{color:var(--studio-ink);font-size:clamp(2.2rem,3.6vw,3.6rem);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:0}.studio-section-heading>p{max-width:350px;font-size:.85rem;color:var(--studio-muted);line-height:1.8;margin:0 0 6px}.studio-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-work-card{margin:0;border-radius:13px;overflow:hidden;padding:25px 28px 27px;border:1px solid #dce4db}.studio-teal{background:#e1eee6}.studio-cream{background:#faeddc}.studio-work-card img{display:block;width:100%;max-height:450px;object-fit:contain;margin:auto}.studio-work-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;font-size:.76rem}.studio-work-card figcaption span{font-size:.58rem;color:#71817a}
/* Keep the navigation legible above the light hero and every section. */
.navbar,.navbar.nav-scroll{background:rgba(255,254,250,.96)!important;box-shadow:0 2px 18px #172e370a;backdrop-filter:blur(12px)}.navbar .navbar-nav .nav-link{color:#172e37!important}.navbar .navbar-nav .active{color:#167f98!important}.navbar .quote-link{border-color:#1db2dd!important}.navbar-toggler{color:#172e37!important}.navbar .logo img{object-fit:contain}.studio-motion-toggle{position:fixed;bottom:18px;right:18px;z-index:90;padding:9px 14px;border:1px solid #d8e1d7;border-radius:30px;background:#fffefa;color:#24484d;font-size:12px;box-shadow:0 4px 15px #172e3710;cursor:pointer}.studio-motion-paused .studio-bird{animation-play-state:paused}.studio-motion-paused .vmm-motion-card{transform:none!important}.studio-motion-paused .classic-reveal{opacity:1!important;transform:none!important}
@keyframes studio-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}
@media(min-width:1600px){.studio-hero-grid{width:min(1440px,calc(100% - 100px))}.studio-art{min-height:650px}}
@media(max-width:1100px){.studio-hero-grid{width:calc(100% - 48px)}.studio-hero h1{font-size:clamp(2.6rem,4.8vw,4rem)}.studio-art{min-height:440px}.studio-tags{gap:10px;font-size:.53rem}.studio-floating-card{padding:12px 16px}.studio-work>.container{width:calc(100% - 48px)}}
@media(max-width:800px){.studio-hero{padding:120px 0 48px}.studio-hero-grid{grid-template-columns:1fr;gap:15px;width:calc(100% - 36px);min-height:0}.studio-hero h1{font-size:clamp(2.65rem,8.6vw,4.7rem)}.studio-intro{max-width:520px}.studio-art{min-height:0;width:min(100%,550px);justify-self:center;margin-top:30px}.studio-bird{width:100%}.studio-art-note{top:0;right:20px}.studio-art-label{right:0}.studio-floating-card{bottom:2%;left:6%}.studio-tags{margin-top:28px}.studio-work{padding:65px 0}.studio-work>.container{width:calc(100% - 36px)}.studio-section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.studio-work-grid{gap:15px}.studio-work-card{padding:16px}.studio-work-card figcaption{align-items:flex-start;flex-direction:column;gap:4px}.studio-motion-toggle{bottom:12px;right:12px;font-size:11px}}
@media(max-width:500px){.studio-work-grid{grid-template-columns:1fr}.studio-actions{gap:20px}.studio-button{padding:14px 18px;font-size:.75rem}.studio-hero .studio-eyebrow{font-size:.54rem}.studio-art-note{font-size:.46rem}.studio-floating-card b{font-size:.7rem}.studio-floating-card small{font-size:.57rem}.studio-floating-card>span{font-size:1.5rem}.studio-tags{font-size:.53rem}.studio-art-label{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){.studio-bird{animation:none}.studio-button{transition:none}.studio-button:hover{transform:none}html{scroll-behavior:auto}.studio-motion-toggle{display:none}}
@media(min-width:801px){.studio-bird{max-height:calc(100svh - 160px);object-fit:contain}}
@media(min-width:801px) and (max-height:760px){.studio-art{min-height:440px}.studio-hero{padding-top:100px;padding-bottom:30px}.studio-hero-grid{min-height:calc(100svh - 130px)}.studio-hero h1{font-size:clamp(2.6rem,4.3vw,4.4rem)}}
@media(max-width:500px){.studio-hero h1{font-size:clamp(2.05rem,8.8vw,2.65rem)}}
/* v9: one continuous light showcase and contact area. */
.studio-work{padding-bottom:60px}.studio-contact{background:#f4f6ef!important;color:#172e37;padding:30px 0 95px}.studio-contact>.container{width:min(1280px,calc(100% - 80px));max-width:none}.studio-contact .section-head{margin:0 auto 45px;float:none;flex:0 0 100%;max-width:100%;text-align:left}.studio-contact .section-head h4,.studio-contact .section-head h4 span{color:#172e37!important;font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:1.08;letter-spacing:-.045em;text-transform:none;font-weight:600}.studio-contact .section-head p{color:#62747a!important;font-size:.9rem;max-width:610px;margin:20px 0 0;line-height:1.85}.studio-contact .contact-info{border:1px solid #dce4db;background:#e1eee6;border-radius:13px;padding:30px}.studio-contact .contact-info .item .cont h6,.studio-contact .contact-info .item .cont,.studio-contact .contact-info .item .icon{color:#24484d!important}.studio-contact .contact-info .item .cont{overflow-wrap:anywhere}.studio-contact .classic-contact{border:1px solid #e4ddcf;border-radius:13px;background:#fffefa;padding:30px}.studio-contact .classic-contact label,.studio-contact .classic-contact legend{color:#24484d!important}.studio-contact .classic-contact input,.studio-contact .classic-contact select,.studio-contact .classic-contact textarea{background:#fff!important;border-color:#d5dfd8!important;border-radius:6px!important;color:#172e37!important}.studio-contact .classic-contact fieldset{min-width:0}.studio-contact .classic-contact .butn{background:#ea6246!important;color:white!important;border-color:#ea6246!important;border-radius:7px}.studio-contact .classic-contact a{color:#167f98}.studio-contact .classic-direct-note{color:#62747a}.studio-tab-hidden .studio-bird,.studio-hero-offscreen .studio-bird{animation-play-state:paused!important}
@media(max-width:800px){.studio-contact{padding:15px 0 65px}.studio-contact>.container{width:calc(100% - 36px)}.studio-contact .contact-info{padding:22px;margin-bottom:24px}.studio-contact .classic-contact{padding:20px}.studio-work{padding-bottom:45px}}
/* v10: match the gallery control buttons; one selected navigation link. */
.navbar .navbar-nav a.nav-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #1db2dd!important;border-radius:999px!important;background:#fff!important;color:#111!important;line-height:1.4;min-height:36px;margin:4px 5px;transition:background-color .15s ease,color .15s ease}
.navbar .navbar-nav a.nav-link:hover{background:#eefaff!important;color:#111!important}
.navbar .navbar-nav a.nav-link.active,.navbar .navbar-nav a.nav-link.active:hover{background:#1db2dd!important;border-color:#1db2dd!important;color:#fff!important}
.navbar .navbar-nav a.nav-link:focus-visible{outline:3px solid #167f98;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.navbar .navbar-nav a.nav-link{transition:none}}