/* The chosen Muse design, using real studio portraits and readable mobile type. */
body[data-portfolio=studio]{padding-bottom:0}
body[data-portfolio=studio] .label{font-size:12px;letter-spacing:.13em}
body[data-portfolio=studio] .button,body[data-portfolio=studio] .text-button,body[data-portfolio=studio] .nav-book{font-size:14px}
body[data-portfolio=studio] .desktop-navigation{font-size:14px;gap:28px}
body[data-portfolio=studio] .intro>p:last-child,body[data-portfolio=studio] .mood-description p,body[data-portfolio=studio] .service-note>p,body[data-portfolio=studio] .founder-copy>p:not(.label),body[data-portfolio=studio] .address>p,body[data-portfolio=studio] .appointment>p{font-size:16px;line-height:1.8}
body[data-portfolio=studio] .section-heading>p:last-child{font-size:15px;line-height:1.8}
body[data-portfolio=studio] .muse-bottom>.label{font-size:11px}
body[data-portfolio=studio] .muse-print.main img{object-position:50% 18%}
body[data-portfolio=studio] .muse-print.tools img{object-position:50% 32%}
body[data-portfolio=studio] .muse-print.bridal img{object-position:50% 32%}
body[data-portfolio=studio] .image-caption{font-size:11px}
body[data-portfolio=studio] .mood-tabs button,body[data-portfolio=studio] .gallery-filters button{font-size:14px}
body[data-portfolio=studio] .mood-photo .photo img{object-position:50% 30%}
body[data-portfolio=studio] .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
body[data-portfolio=studio] .portfolio-grid>article:nth-child(even){padding-top:0}
body[data-portfolio=studio] .portfolio-grid>article:nth-child(3n+2){padding-top:64px}
body[data-portfolio=studio] .portfolio-grid>article.landscape{grid-column:span 2;padding-top:0}
body[data-portfolio=studio] .portfolio-grid>article.landscape .photo img{aspect-ratio:16/9;object-position:center}
body[data-portfolio=studio] .portfolio-grid .photo img,body[data-portfolio=studio] .portfolio-grid>article:nth-child(even) .photo img{height:auto;aspect-ratio:3/4;object-position:50% 30%}
body[data-portfolio=studio] .portfolio-grid .photo-label{font-size:11px;left:14px;right:14px;bottom:14px}
body[data-portfolio=studio] .gallery-caption h3{font-size:28px;line-height:1.1}
body[data-portfolio=studio] .gallery-caption>span{font-size:11px;letter-spacing:.04em}
body[data-portfolio=studio] .gallery-hint{font-size:11px}
body[data-portfolio=studio] .credentials p,body[data-portfolio=studio] .footer-meta,body[data-portfolio=studio] .form-note{font-size:13px}
body[data-portfolio=studio] .map>div{font-size:13px}
body[data-portfolio=studio] .founder-image img{object-position:50% 50%;transform:scale(1.03)}
body[data-portfolio=studio] .viewer-category{font-size:12px}
body[data-portfolio=studio] .viewer-credit{font-size:12px}
body[data-portfolio=studio] .viewer-bottom p{font-size:14px;line-height:1.5}
body[data-portfolio=studio] .viewer-count{font-size:12px}
@media(max-width:1000px){body[data-portfolio=studio] .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}body[data-portfolio=studio] .portfolio-grid>article:nth-child(3n+2){padding-top:0}body[data-portfolio=studio] .portfolio-grid>article:nth-child(even){padding-top:52px}}
@media(max-width:600px){
 body[data-portfolio=studio] .muse-hero{min-height:850px}
 body[data-portfolio=studio] .muse-title>.label{font-size:10px;letter-spacing:.11em}
 body[data-portfolio=studio] .muse-collage{top:350px;bottom:185px}
 body[data-portfolio=studio] .muse-bottom{bottom:32px}
 body[data-portfolio=studio] .muse-bottom .button{font-size:13px}
 body[data-portfolio=studio] .muse-bottom>.label{font-size:10px}
 body[data-portfolio=studio] .muse-print.bridal{width:34%;height:48%;right:-3%}
 body[data-portfolio=studio] .muse-print.tools{width:40%;height:51%;right:-2%;bottom:-2%}
 body[data-portfolio=studio] .section{padding:64px 24px}
 body[data-portfolio=studio] .mood-copy h2{font-size:50px}
 body[data-portfolio=studio] .mood-tabs{gap:16px;justify-content:flex-start;flex-wrap:wrap}
 body[data-portfolio=studio] .mood-tabs button{font-size:13px}
 body[data-portfolio=studio] .service-choice{font-size:27px}
 body[data-portfolio=studio] .service-photo{height:390px}
 body[data-portfolio=studio] .service-photo img{object-position:50% 25%}
 body[data-portfolio=studio] .portfolio-grid{gap:30px 14px}
 body[data-portfolio=studio] .portfolio-grid>article:nth-child(even){padding-top:28px}
 body[data-portfolio=studio] .portfolio-grid .photo img,body[data-portfolio=studio] .portfolio-grid>article:nth-child(even) .photo img{aspect-ratio:3/4;height:auto}
 body[data-portfolio=studio] .portfolio-grid .photo-label{font-size:10px;left:8px;right:8px;bottom:8px}
 body[data-portfolio=studio] .gallery-caption h3{font-size:24px}
 body[data-portfolio=studio] .gallery-caption>span{font-size:11px}
 body[data-portfolio=studio] .gallery-filters button{font-size:13px;padding:9px 16px}
 body[data-portfolio=studio] .mobile-contact a{font-size:13px}
 body[data-portfolio=studio] .appointment>p.form-note{font-size:13px}
 body[data-portfolio=studio] .footer-top>a{font-size:13px}
 body[data-portfolio=studio] .credentials p{line-height:1.8}
}
@media(max-width:350px){body[data-portfolio=studio] .muse-hero{min-height:830px}body[data-portfolio=studio] .muse-collage{top:342px;bottom:185px}body[data-portfolio=studio] .muse-title h1{font-size:58px}body[data-portfolio=studio] .gallery-caption h3{font-size:21px}body[data-portfolio=studio] .gallery-filters button{padding:9px 12px}body[data-portfolio=studio] .mobile-contact a{font-size:11px}}
body[data-portfolio=studio] .portfolio-grid>article.landscape{padding-top:0}
body[data-portfolio=studio] .portfolio-grid>article.landscape .photo img{aspect-ratio:16/9;object-position:center}
/* Genuine before/after: same crop, original colors, and explicit order. */
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.comparison-frame{display:flex;flex-direction:column;min-width:0}
.comparison-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 28%;filter:none;transform:none}
.comparison-label{display:block;text-align:left;font-size:14px;line-height:1.4;padding-top:12px;letter-spacing:.04em}
.comparison-frame:last-child .comparison-label{color:#755567}
.comparison-eyebrow{display:block;font-size:12px;line-height:1.5;letter-spacing:.1em;margin-bottom:18px}
.comparison-card-button,.service-comparison{border:1px solid rgba(24,25,29,.18);padding:24px;background:#e7e8ec;color:#18191d;width:100%;text-align:left}
.comparison-card-button{display:block;cursor:pointer;transition:background .35s}
.comparison-card-button:hover{background:#f0f0f3}
.comparison-open{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;margin-top:20px}
.comparison-open>span{font-size:24px}
.comparison-enlarge{border:0;background:none;color:inherit;margin-top:24px;min-height:44px;padding:0}
body[data-portfolio=studio] .portfolio-grid>article.comparison-card{grid-column:span 2;padding-top:0}
.viewer-comparison{width:min(100%,950px);height:100%;display:grid;place-items:center}
.comparison-full{height:100%;align-items:center;gap:24px}
.comparison-full .comparison-frame{height:auto;max-height:100%;justify-content:center;min-height:0}
.comparison-full img{width:100%;height:auto;max-height:calc(100dvh - 260px);min-height:0;aspect-ratio:9/16;object-fit:contain;object-position:center}
.comparison-full .comparison-label{text-align:center;font-size:16px;color:white;padding-top:14px}
.comparison-full .comparison-frame:last-child .comparison-label{color:#d4bdc9}
@media(max-width:600px){
 .comparison-card-button,.service-comparison{padding:16px}
 .comparison-grid{gap:8px}
 .comparison-eyebrow{font-size:11px;letter-spacing:.07em;margin-bottom:14px}
 .comparison-label{font-size:13px;padding-top:10px}
 .comparison-open{font-size:13px;margin-top:16px}
 .comparison-full{gap:10px}
 .comparison-full .comparison-label{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.comparison-card-button{transition:none}}
/* Compact Muse: the same prints and palette, with a shorter editorial rhythm. */
body[data-portfolio=studio] .section{padding-top:76px;padding-bottom:76px}
body[data-portfolio=studio] .section-heading{margin-bottom:32px}
body[data-portfolio=studio] .muse-print.tools img{object-position:52% 30%}
body[data-portfolio=studio] .founder{background:#fff;gap:8vw;grid-template-columns:.75fr 1.2fr}
body[data-portfolio=studio] .founder-image{aspect-ratio:4/4.5;max-height:460px}
body[data-portfolio=studio] .founder-copy h2{margin:16px 0 24px}
body[data-portfolio=studio] .founder-copy>p:not(.label){margin-bottom:16px}
body[data-portfolio=studio] .founder-copy>.text-button{margin-top:18px}
body[data-portfolio=studio] .credentials{margin-top:20px;padding-top:18px}
body[data-portfolio=studio] .mood-photo .photo img{height:480px}
body[data-portfolio=studio] .service-photo{height:360px}
.service-image-crop{position:absolute;inset:0;transform:scale(1);transform-origin:center}
.service-image-crop img{width:100%;height:100%}
body[data-portfolio=studio] .service-stage[data-service-index="3"] .service-image-crop{transform:scale(1.35);transform-origin:50% 28%}
body[data-portfolio=studio] .service-stage[data-service-index="3"] .service-photo img{object-position:50% 26%}
body[data-portfolio=studio] .service-stage[data-service-index="4"] .service-image-crop{transform:scale(1.4);transform-origin:57% 28%}
body[data-portfolio=studio] .service-stage[data-service-index="4"] .service-photo img{object-position:57% 24%}
body[data-portfolio=studio] .service-stage[data-service-index="3"] .service-photo,body[data-portfolio=studio] .service-stage[data-service-index="4"] .service-photo{height:auto;aspect-ratio:4/3}
body[data-portfolio=studio] .portfolio-grid{gap:26px 24px}
body[data-portfolio=studio] .portfolio-grid>article:nth-child(n){padding-top:0}
body[data-portfolio=studio] .gallery-caption{margin-top:12px}
body[data-portfolio=studio] .gallery-caption h3{font-size:26px}
body[data-portfolio=studio] .portfolio-grid>article.comparison-card{grid-column:span 1}
.comparison-card-button{padding:18px}
.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;flex-wrap:wrap}
body[data-portfolio=studio] .gallery-hint{margin:0}
.gallery-more{background:none;border:0;border-bottom:1px solid currentColor;color:inherit;padding:8px 0}
body[data-portfolio=studio] .portfolio-grid>article.studio-collage-card{grid-column:1/-1}
.studio-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#e7e8ec;padding:8px}
.studio-tile{display:block;min-width:0;padding:0;border:0;border-radius:0;background:#e7e8ec;overflow:hidden;aspect-ratio:4/3}
.studio-tile img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}
@media(hover:hover){.studio-tile:hover img{transform:scale(1.04)}}
body[data-portfolio=studio] .contact-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:40px}
body[data-portfolio=studio] .contact h2{font-size:clamp(60px,6vw,86px);margin-top:18px}
body[data-portfolio=studio] .contact h2 em{margin-left:0}
.contact-book{min-width:225px}
body[data-portfolio=studio] .contact-layout{grid-template-columns:.85fr 1.15fr;align-items:start}
body[data-portfolio=studio] .contact .map{margin-top:0}
body[data-portfolio=studio] .contact .map iframe{height:310px}
body[data-portfolio=studio] .footer{padding-top:36px;padding-bottom:28px}
body[data-portfolio=studio] .footer-name{margin:26px 0 30px}
@media(max-width:1000px){body[data-portfolio=studio] .portfolio-grid>article.comparison-card{grid-column:span 2}}
@media(max-width:600px){
 body[data-portfolio=studio] .section{padding-top:48px;padding-bottom:48px}
 body[data-portfolio=studio] .section-heading h2{font-size:48px;margin-top:14px}
 body[data-portfolio=studio] .section-heading{margin-bottom:26px}
 body[data-portfolio=studio] .founder{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
 body[data-portfolio=studio] .founder-image{grid-column:2;grid-row:1;width:100%;height:215px;aspect-ratio:auto;align-self:center;transform:rotate(-2deg);padding:5px}
 body[data-portfolio=studio] .founder-image img{object-position:54% 50%;transform:none}
 body[data-portfolio=studio] .founder-copy{display:contents}
 body[data-portfolio=studio] .founder-heading{grid-column:1;grid-row:1}
 body[data-portfolio=studio] .founder-heading>.label{font-size:11px;letter-spacing:.07em}
 body[data-portfolio=studio] .founder-copy h2{font-size:clamp(34px,10.5vw,44px);margin:18px 0 0;line-height:1.05}
 body[data-portfolio=studio] .founder-copy>p,body[data-portfolio=studio] .founder-copy>.credentials,body[data-portfolio=studio] .founder-copy>.text-button{grid-column:1/-1;margin:0}
 body[data-portfolio=studio] .founder-copy>p:not(.label){margin:0;line-height:1.7}
 body[data-portfolio=studio] .credentials{padding-top:18px}
 body[data-portfolio=studio] .credentials p{margin-top:8px}
 body[data-portfolio=studio] .founder-copy>.text-button{justify-self:start}
 body[data-portfolio=studio] .mood{gap:24px}
 body[data-portfolio=studio] .mood-copy h2{font-size:46px;margin:18px 0 20px}
 body[data-portfolio=studio] .mood-tabs{margin-bottom:18px}
 body[data-portfolio=studio] .mood-description p{line-height:1.7}
 body[data-portfolio=studio] .mood-book{margin-top:16px}
 body[data-portfolio=studio] .mood-photo .photo img{height:270px}
 body[data-portfolio=studio] .service-photo{height:320px}
 body[data-portfolio=studio] .service-explorer{gap:18px}
 body[data-portfolio=studio] .service-note>p{line-height:1.7}
 body[data-portfolio=studio] .portfolio-grid{gap:24px 14px}
 body[data-portfolio=studio] .portfolio-grid>article:nth-child(n){padding-top:0}
 body[data-portfolio=studio] .gallery-caption h3{font-size:23px}
 .studio-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px}
 .studio-tile{aspect-ratio:4/2.7}
 .gallery-bottom{margin-top:24px;gap:14px}
 body[data-portfolio=studio] .gallery-hint{font-size:10px}
 body[data-portfolio=studio] .gallery-more{min-height:48px;width:100%;justify-content:center;border:1px solid rgba(24,25,29,.25);font-size:14px}
 body[data-portfolio=studio] .contact-heading{display:block;margin-bottom:30px}
 body[data-portfolio=studio] .contact h2{font-size:54px}
 .contact-book{width:100%;margin-top:24px}
 body[data-portfolio=studio] .contact-layout{display:block}
 body[data-portfolio=studio] .contact .map{margin-top:28px}
 body[data-portfolio=studio] .contact .map iframe{height:240px}
 body[data-portfolio=studio] .phone{margin-bottom:20px}
 body[data-portfolio=studio] .address>p{margin-bottom:16px}
 body[data-portfolio=studio] .footer{padding-top:30px;padding-bottom:28px}
 body[data-portfolio=studio] .footer-name{margin:24px 0}
}
@media(prefers-reduced-motion:reduce){.studio-tile img{transition:none}}
.gallery-mobile-hint{display:none}
@media(max-width:600px){
 body[data-portfolio=studio] .portfolio-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;gap:18px;align-items:start;padding-bottom:12px}
 body[data-portfolio=studio] .portfolio-grid>article{flex:0 0 72%;min-width:0;scroll-snap-align:start}
 body[data-portfolio=studio] .portfolio-grid>article.comparison-card{flex-basis:100%}
 body[data-portfolio=studio] .portfolio-grid>article.studio-collage-card{flex-basis:100%}
 body[data-portfolio=studio] .gallery-mobile-hint{display:inline}
 body[data-portfolio=studio] .gallery-hint{display:block;font-size:10px;letter-spacing:.04em;white-space:normal}
 body[data-portfolio=studio] .gallery-caption{min-height:63px}
}
/* The portfolio is a charcoal photo exhibition, with framed prints and a studio story. */
body[data-portfolio=studio] .gallery-editorial{background:#18191d;color:#fff}
body[data-portfolio=studio] .gallery-editorial .section-heading{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:28px;margin-bottom:22px}
body[data-portfolio=studio] .gallery-editorial h2 em{color:#b395a4}
body[data-portfolio=studio] .gallery-editorial .label{color:#c6c7cd}
body[data-portfolio=studio] .gallery-editorial .gallery-filters{gap:8px 26px;margin-bottom:20px}
body[data-portfolio=studio] .gallery-editorial .gallery-filters button{background:none;border:0;border-bottom:1px solid transparent;color:#a8a9b2;padding:8px 0;font-size:14px;min-height:44px}
body[data-portfolio=studio] .gallery-editorial .gallery-filters button[aria-pressed=true]{color:#fff;border-color:#b395a4}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid{display:flex;align-items:end;gap:38px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:16px 8px 22px;margin:0 -8px}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid::-webkit-scrollbar{display:none}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article{flex:0 0 27%;min-width:0;scroll-snap-align:start;padding:0}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article:first-child{flex-basis:36%}
body[data-portfolio=studio] .gallery-editorial .photo{border:7px solid #fff;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2);transform:rotate(-1.5deg)}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article:nth-child(3n+2) .photo{transform:rotate(1.5deg)}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article.portrait .photo img{height:auto;aspect-ratio:3/4;object-position:50% 30%}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article:first-child .photo img{aspect-ratio:4/5}
body[data-portfolio=studio] .gallery-editorial .photo-label,body[data-portfolio=studio] .gallery-editorial .photo:after{display:none}
body[data-portfolio=studio] .gallery-editorial .gallery-caption{display:flex;flex-direction:column-reverse;gap:8px;margin-top:22px;min-height:73px}
body[data-portfolio=studio] .gallery-editorial .gallery-caption h3{font-size:30px;line-height:1.1;color:#fff}
body[data-portfolio=studio] .gallery-editorial .gallery-caption>span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c1a7b6;opacity:1}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article.comparison-card{flex-basis:48%}
body[data-portfolio=studio] .gallery-editorial .comparison-card-button{background:#e7e8ec;border:7px solid #fff;box-shadow:0 10px 24px rgba(0,0,0,.2);padding:20px}
body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article.studio-collage-card{flex-basis:88%}
body[data-portfolio=studio] .gallery-editorial .studio-collage{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);height:clamp(300px,30vw,420px);gap:8px;padding:8px;background:#fff;align-items:stretch}
body[data-portfolio=studio] .gallery-editorial .studio-collage>.studio-tile{width:100%;min-width:0;aspect-ratio:auto;height:100%}
.studio-room-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
body[data-portfolio=studio] .gallery-editorial .studio-room-strip .studio-tile{aspect-ratio:auto;height:100%;min-height:0}
.studio-room-strip .studio-tile:last-child{grid-column:1/-1}
.gallery-navigation{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}
.gallery-controls{display:flex;gap:10px;flex-shrink:0}
.gallery-controls button{border:1px solid rgba(255,255,255,.4);background:none;color:#fff;padding:8px 18px;min-height:44px;font-size:14px}
.gallery-controls button:disabled{opacity:.3;cursor:default}
body[data-portfolio=studio] .gallery-editorial .gallery-hint{color:#bcbcc6;font-size:11px;line-height:1.6;display:block}
body[data-portfolio=studio] .gallery-editorial .gallery-bottom{justify-content:center;margin-top:28px}
body[data-portfolio=studio] .gallery-editorial .gallery-more{border:1px solid rgba(255,255,255,.4);color:#fff;min-height:48px;padding:10px 28px;background:none}
@media(max-width:900px){body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article{flex-basis:42%}body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article:first-child{flex-basis:48%}}
@media(max-width:600px){
 body[data-portfolio=studio] .gallery-editorial .section-heading{padding-bottom:22px;margin-bottom:16px}
 body[data-portfolio=studio] .gallery-editorial .gallery-filters{gap:18px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
 body[data-portfolio=studio] .gallery-editorial .gallery-filters button{font-size:14px;padding:8px 0;white-space:nowrap;flex-shrink:0}
 body[data-portfolio=studio] .gallery-editorial .portfolio-grid{align-items:start;gap:24px;padding:12px 7px 18px;margin:0 -7px}
 body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article,body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article:first-child{flex-basis:79%}
 body[data-portfolio=studio] .gallery-editorial .photo{border-width:5px}
 body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article.portrait .photo img{aspect-ratio:4/5}
 body[data-portfolio=studio] .gallery-editorial .gallery-caption{min-height:68px;margin-top:18px;gap:7px}
 body[data-portfolio=studio] .gallery-editorial .gallery-caption h3{font-size:27px}
 body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article.comparison-card{flex-basis:100%}
 body[data-portfolio=studio] .gallery-editorial .comparison-card-button{padding:16px;border-width:5px}
 body[data-portfolio=studio] .gallery-editorial .portfolio-grid>article.studio-collage-card{flex-basis:100%}
 body[data-portfolio=studio] .gallery-editorial .studio-collage{grid-template-columns:1fr;height:auto;gap:7px;padding:7px}
 body[data-portfolio=studio] .gallery-editorial .studio-collage>.studio-tile{aspect-ratio:4/3;height:auto}
 .studio-room-strip{display:flex;overflow-x:auto;gap:6px;scroll-snap-type:x mandatory;scrollbar-width:none}
 .studio-room-strip::-webkit-scrollbar{display:none}
 body[data-portfolio=studio] .gallery-editorial .studio-room-strip .studio-tile{flex:0 0 96px;height:72px;aspect-ratio:4/3;scroll-snap-align:start}
 .gallery-navigation{align-items:start;gap:14px;margin-top:18px}
 body[data-portfolio=studio] .gallery-editorial .gallery-hint{font-size:10px;letter-spacing:.03em;max-width:170px}
 .gallery-controls{gap:7px}
 .gallery-controls button{padding:8px 12px;font-size:13px}
 body[data-portfolio=studio] .gallery-editorial .gallery-bottom{margin-top:20px}
 body[data-portfolio=studio] .gallery-editorial .gallery-more{width:100%}
}
/* Stroke icons never depend on Apple or Android emoji fonts. */
.arrow-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:1}
.arrow-icon svg,.service-toggle svg{display:block;width:100%;height:100%;overflow:visible}
body[data-portfolio=studio] .mobile-contact a>.arrow-icon{width:17px;height:17px}
body[data-portfolio=studio] .footer-top>a{display:inline-flex;align-items:center;gap:12px;min-height:44px}
body[data-portfolio=studio] .viewer-bottom button{display:flex;align-items:center;justify-content:center}
.mobile-services{display:none}
@media(max-width:900px){
 body[data-portfolio=studio] .services>.service-explorer{display:none}
 .mobile-services{display:block;border-top:1px solid rgba(24,25,29,.25);overflow-anchor:none}
 .mobile-service{border-bottom:1px solid rgba(24,25,29,.25)}
 .mobile-service>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:68px;padding:18px 0;font:400 29px/1.15 var(--serif);touch-action:manipulation}
 .mobile-service>summary::-webkit-details-marker{display:none}
 .mobile-service>summary::marker{content:''}
 .service-toggle{display:block;flex-shrink:0;width:20px;height:20px;color:#18191d}
 .mobile-service[open]>summary{color:#755567}
 .mobile-service[open] .plus-vertical{display:none}
 .mobile-service-body{padding:4px 0 26px;overflow-anchor:none}
 body[data-portfolio=studio] .mobile-service-body .service-photo{height:auto;aspect-ratio:4/5}
 body[data-portfolio=studio] .mobile-service-body[data-service-index="3"] .service-photo,body[data-portfolio=studio] .mobile-service-body[data-service-index="4"] .service-photo{aspect-ratio:4/3}
 .mobile-service-note{margin-top:20px}
 .mobile-service-note>p{font-size:16px;line-height:1.7;color:#656671}
 .mobile-service-note>.text-button{margin-top:14px}
}
@media(max-width:350px){.mobile-service>summary{font-size:26px}}