.seo-eyebrow{display:block;font:400 10px/1.7 Arial,sans-serif;letter-spacing:.12em;color:#b84612}
.international-seo-preview .reference-intro .seo-eyebrow{margin-bottom:12px}
.international-seo-preview .reference-intro h1{font-size:clamp(29px,3vw,49px);line-height:1.04}
.international-seo-preview .reference-intro p{max-width:540px;font-size:13px;line-height:1.65;margin-top:14px}
.international-seo-preview .seo-service-heading{margin:90px 0 28px}
.international-seo-preview .seo-service-heading h2{font-size:clamp(32px,4vw,54px);margin:10px 0 0}
.seo-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.seo-service-card{display:block;color:inherit;text-decoration:none;border-bottom:1px solid #fff3;padding-bottom:24px}
.seo-service-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#202425;transition:filter .2s}
.seo-service-card:hover img{filter:brightness(1.12)}
.seo-service-card span{display:block;margin-top:20px}.seo-service-card small{font:10px Arial,sans-serif;letter-spacing:.1em;color:#bbbbb3}.seo-service-card h3{font:400 23px/1.2 Arial,sans-serif;margin:12px 0 0;letter-spacing:-.03em}
.seo-remote{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:85px 0 60px;margin-top:50px;border-top:1px solid #fff3}
.international-seo-preview .seo-remote h2{font-size:clamp(36px,4vw,60px);margin-top:16px}
.seo-text-link{display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0;font:14px/1.5 Arial,sans-serif}
.seo-faq{border-top:1px solid #fff3;padding-top:24px}.seo-faq h3{font:400 26px/1.2 Arial,sans-serif}.seo-faq details{border-bottom:1px solid #fff3;padding:18px 0}.seo-faq summary{cursor:pointer;font:16px/1.5 Arial,sans-serif}.seo-faq p{max-width:850px}
@media(min-width:701px){.international-seo-preview .reference-chapters{top:clamp(300px,39%,380px)}}
@media(max-width:700px){.international-seo-preview .reference-intro{top:auto!important;left:auto!important;right:auto!important;width:100%!important;padding:24px 0 28px}.international-seo-preview .reference-intro h1{font-size:clamp(27px,7.5vw,37px);white-space:normal!important}.international-seo-preview .reference-intro .seo-eyebrow{font-size:8px;margin-bottom:9px}.international-seo-preview .reference-intro p{font-size:11px;line-height:1.6}.international-seo-preview .reference-chapters{top:auto!important;bottom:auto!important;min-height:330px}.international-seo-preview .reference-composition{height:750px!important;min-height:750px!important}.international-seo-preview .reference-hero{min-height:750px!important}.seo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.seo-service-card h3{font-size:19px}.seo-service-card small{font-size:8px}.seo-remote{grid-template-columns:1fr;gap:24px;padding:45px 0}.international-seo-preview .seo-service-heading{margin-top:55px}}
.seo-detail{margin:0;background:#faf8f3;color:#151819;font:16px/1.75 Arial,sans-serif}.seo-detail *{box-sizing:border-box}.seo-detail a:focus-visible{outline:2px solid #b84612;outline-offset:6px}.seo-detail-nav{display:flex;justify-content:space-between;align-items:center;padding:32px 6%;border-bottom:1px solid #171a1926}.seo-detail-nav a{color:inherit;text-decoration:none}.seo-wordmark{font-size:32px;letter-spacing:-.09em}.seo-detail-nav nav{display:flex;gap:28px;font-size:13px}.seo-detail h1,.seo-detail h2,.seo-detail h3{font-weight:400;letter-spacing:-.045em;line-height:1.06}.seo-detail h1{font-size:clamp(40px,5.2vw,76px);margin:22px 0 28px}.seo-detail h2{font-size:clamp(30px,3vw,46px)}.seo-detail h3{font-size:26px}.seo-detail p{max-width:660px}.seo-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:75px 6% 85px;align-items:center}.seo-detail-lead{font-size:21px;line-height:1.55}.seo-detail-hero figure{margin:0}.seo-detail-hero img{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:cover;background:#202425}.seo-detail-hero figcaption{font-size:10px;margin-top:14px;color:#626760}.seo-pill{display:inline-flex;background:#171c1c;color:#faf8f3;text-decoration:none;padding:14px 24px;border-radius:30px;margin:18px 0}.seo-regions{display:block;font-size:9px;letter-spacing:.07em;margin-top:15px;line-height:1.8}.seo-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:70px 6%;border-top:1px solid #171a1926}.seo-detail-content ul{padding-left:20px}.seo-detail-content li{padding:7px 0}.seo-detail-process{background:#171c1c;color:#faf8f3;padding:75px 6%}.seo-detail-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:45px}.seo-detail-process article{border-top:1px solid #fff3;padding-top:22px}.seo-detail-process article>span{font-size:12px;color:#c88964}.seo-detail-process p{font-size:14px;color:#cccfc9}.seo-detail .seo-faq{border:0;padding:0}.seo-detail .seo-faq details{border-color:#171a1926}.seo-detail-cta{padding:80px 6%;background:#e9e6de}.seo-detail-cta h2{font-size:clamp(37px,5vw,70px)}.seo-detail-cta .seo-text-link{margin-left:30px}.seo-related{display:flex;flex-wrap:wrap;gap:20px;padding:35px 6%}.seo-related a{font-size:13px;color:inherit}.seo-detail-footer{padding:25px 6%;font-size:11px;border-top:1px solid #171a1926}
@media(max-width:700px){.seo-detail-nav{padding:22px 6%}.seo-wordmark{font-size:26px}.seo-detail-nav nav{gap:15px;font-size:11px}.seo-detail-hero,.seo-detail-content{grid-template-columns:1fr;padding:45px 6%;gap:35px}.seo-detail-hero h1{font-size:43px}.seo-detail-hero img{aspect-ratio:4/3}.seo-detail-process{padding:50px 6%}.seo-detail-process>div{grid-template-columns:1fr;gap:25px}.seo-detail-cta{padding:50px 6%}.seo-detail-cta .seo-text-link{display:table;margin:15px 0 0}}

.seo-detail-hero .seo-motion-film{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:cover;background:#202425}
@media(max-width:700px){.seo-detail-hero .seo-motion-film{aspect-ratio:4/3}}
.seo-service-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 6% 0;font:14px/1.5 Arial,sans-serif}
.seo-service-controls a{color:inherit;text-decoration:none;padding:12px 0;border-bottom:1px solid #171a1930}
.seo-next-service{display:flex;align-items:center;gap:18px}.seo-next-service span{font-size:24px}
.seo-detail-hero .seo-architecture-image{aspect-ratio:auto;object-fit:contain;background:transparent}
#services{scroll-margin-top:30px}
@media(max-width:700px){.seo-service-controls{font-size:12px;gap:16px;align-items:flex-start}.seo-next-service{max-width:58%;gap:10px}.seo-detail-hero .seo-architecture-image{aspect-ratio:auto}}
.seo-detail-hero img,.seo-detail-hero .seo-motion-film{object-fit:contain;background:transparent;max-height:680px}
.seo-service-card img{object-fit:contain;background:transparent}
.seo-service-card{display:flex;flex-direction:column}
.seo-service-visual{position:relative;width:100%;aspect-ratio:4/3;box-sizing:border-box;background:#171c1c;border:1px solid #ffffff14}
.seo-service-visual img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);min-height:0;aspect-ratio:auto;object-fit:contain}
.seo-service-card h3{min-height:2.4em;font-size:clamp(18px,1.6vw,22px);line-height:1.2}
@media(max-width:700px){.seo-service-visual img{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.seo-service-card h3{font-size:18px}}
.seo-service-arrows{display:flex;align-items:center;gap:32px}
.seo-previous-service{display:flex;align-items:center;gap:18px}.seo-previous-service span{font-size:24px}
@media(max-width:700px){.seo-service-controls{flex-wrap:wrap}.seo-service-arrows{width:100%;align-items:stretch;gap:18px}.seo-service-arrows a{flex:1;max-width:none;font-size:11px;gap:8px}.seo-service-arrows .seo-next-service{justify-content:flex-end;text-align:right}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-service-slide="next"]::view-transition-old(root){animation:service-slide-out-left .42s cubic-bezier(.22,1,.36,1) both}
html[data-service-slide="next"]::view-transition-new(root){animation:service-slide-in-right .42s cubic-bezier(.22,1,.36,1) both}
html[data-service-slide="previous"]::view-transition-old(root){animation:service-slide-out-right .42s cubic-bezier(.22,1,.36,1) both}
html[data-service-slide="previous"]::view-transition-new(root){animation:service-slide-in-left .42s cubic-bezier(.22,1,.36,1) both}
@keyframes service-slide-out-left{to{transform:translateX(-100%)}}
@keyframes service-slide-in-right{from{transform:translateX(100%)}}
@keyframes service-slide-out-right{to{transform:translateX(100%)}}
@keyframes service-slide-in-left{from{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.seo-detail-hero figure{display:grid;justify-items:center;gap:18px;min-width:0}
.seo-detail-hero figure>img{aspect-ratio:auto}
.seo-detail-hero figcaption{width:100%;font:12px/1.6 Arial,sans-serif;text-align:center;margin:0;color:#626760}
.seo-detail-hero .seo-motion-film{width:auto;max-width:100%;height:auto;aspect-ratio:auto;margin-inline:auto}
.seo-service-visual img[src$="/studio-poster.webp"]{inset:16px auto 16px 50%;width:auto;max-width:calc(100% - 32px);height:calc(100% - 32px);transform:translateX(-50%)}
@media(max-width:700px){.seo-service-visual img[src$="/studio-poster.webp"]{inset:10px auto 10px 50%;max-width:calc(100% - 20px);height:calc(100% - 20px)}}
/* Blend only this red motion study into its surrounding surface on every edge. */
.seo-motion-film,img[src$="/studio-poster.webp"],video[src$="/motion-square-studio-30fps.mp4"]{
 -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);
 mask-composite:intersect;
}

/* Fit the complete landing and controls inside the stable phone viewport. */
@media(max-width:700px){
 .international-seo-preview .reference-hero{min-height:0!important}
 .international-seo-preview .reference-composition{height:calc(100svh - 84px - env(safe-area-inset-bottom))!important;min-height:490px!important}
 .international-seo-preview .reference-intro{padding:12px 0 14px}
 .international-seo-preview .reference-intro h1{font-size:clamp(24px,6.7vw,32px)}
 .international-seo-preview .reference-intro p{font-size:10px;line-height:1.45;margin-top:8px}
 .international-seo-preview .reference-chapters{min-height:210px;margin-bottom:10px;grid-template-rows:repeat(4,minmax(0,1fr))}
 .international-seo-preview .phone-category-name{font-size:clamp(23px,6.5vw,31px)}
 .international-seo-preview .phone-category-copy{padding-block:5px;gap:3px}
 .international-seo-preview .phone-category-description{font-size:10px}
 .international-seo-preview .reference-tools{min-height:76px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}
 .international-seo-preview .reference-tools>span:last-child{display:none}
}
@media(max-width:700px) and (max-height:650px){
 .international-seo-preview .reference-composition{min-height:440px!important}
 .international-seo-preview .reference-header nav{min-height:36px}
 .international-seo-preview .reference-header nav a,.international-seo-preview .reference-header .search-button{min-height:36px;height:36px}
 .international-seo-preview .reference-intro .seo-eyebrow{display:none}
 .international-seo-preview .reference-intro h1{font-size:22px}
 .international-seo-preview .reference-chapters{min-height:180px}
 .international-seo-preview .phone-category-name{font-size:22px}
}

video[src*="/web-v2/studio-"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}

@media(max-width:700px) and (max-height:530px){.international-seo-preview .reference-composition{min-height:0!important}.international-seo-preview .reference-header .kf-mark{font-size:24px}.international-seo-preview .reference-intro{padding-block:8px}.international-seo-preview .reference-intro h1{font-size:20px}.international-seo-preview .reference-intro p{margin-top:4px;font-size:9px}.international-seo-preview .reference-chapters{min-height:140px;margin-bottom:4px}.international-seo-preview .phone-category-name{font-size:19px}.international-seo-preview .phone-category-description{display:none}}