/* Shared editorial rhythm; no changes to form or catalog business rules. */
body h1,body h2,body h3{letter-spacing:-.035em}
.desktop-nav{gap:24px}.desktop-nav a{font-size:13px;color:#c2cbcc}
body main .eyebrow{color:#adbfc0;letter-spacing:.12em}
body main p{color:#acb8b9}
.page-intro h1{font-size:clamp(42px,5.5vw,78px);line-height:1.1;max-width:1000px}
.page-intro>p:not(.eyebrow){max-width:650px;line-height:1.8}
.page-index .section-space{padding-block:80px}
.page-index .section-heading{margin-bottom:34px}
.page-index .featured-work{border-top:1px solid #bbd0ce22}
.page-index .featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}
.page-index .featured-card{border:0;border-radius:0;background:transparent}
.page-index .featured-card img{aspect-ratio:3/2;border-radius:3px;transition:filter .3s}
.page-index .featured-card:hover img{filter:brightness(1.07)}
.page-index .featured-card>div{padding:15px 0;border-bottom:1px solid #bbd0ce26}
.page-index .featured-card .eyebrow{min-height:0;font-size:11px}
.page-index .featured-card h3{font-size:21px;margin-top:8px;display:flex;justify-content:space-between}
.page-index .customer-reviews{padding-block:60px}
.page-index .customer-review{border:0;border-top:1px solid #bbd0ce38;border-radius:0;background:transparent;padding:28px 0}
.page-index .customer-review-list{gap:60px}
.page-index .review-content blockquote{margin:25px 0}
.page-index .review-content blockquote p{line-height:1.9}
.page-index .acquisition-grid article{padding:30px 0;border:0;border-top:1px solid #bbd0ce38;border-radius:0;background:none}
.page-index .acquisition-grid{gap:60px}.page-index .acquisition-grid h3{max-width:440px}
.page-index .process-grid h3{font-size:23px}
.collection-index{padding-bottom:30px}
.collection-row{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1fr);gap:8%;align-items:center;border-top:1px solid #bbd0ce30;padding-block:42px}
.collection-photo{display:block;background:#dce0dc;overflow:hidden;aspect-ratio:4/3;border-radius:3px}
.collection-photo img{width:100%;height:100%;object-fit:contain;transition:transform .6s}
.collection-photo:hover img{transform:scale(1.025)}
.collection-copy{position:relative;padding:20px 0}
.collection-number{display:block;font-size:12px;color:#71ccd4;font-variant-numeric:tabular-nums;margin-bottom:24px}
.collection-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.14;margin:15px 0 22px}
.collection-copy>p:not(.eyebrow){max-width:520px}
.collection-copy .category-options{margin:22px 0;color:#a5b8b9!important;font-size:14px!important}
.collection-copy .text-link{margin-top:12px;gap:35px;border-bottom:1px solid #64ced380;color:#8ce2e8}
.collection-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
.collection-row:nth-child(even) .collection-photo{order:2}
.page-promosyon .quote-guide{border:0;border-top:1px solid #bbd0ce30;border-radius:0;background:none;padding:40px 0}
.studio-heading h1{letter-spacing:-.045em}
.studio-paths{display:flex;gap:26px;pointer-events:auto;flex-wrap:wrap}
.studio-paths .studio-digital{min-height:44px;font-size:13px;gap:20px;margin-top:20px}
body main section.product-studio p.studio-intro{font-size:15px!important;line-height:1.8;max-width:430px}
.studio-current>button{min-height:44px;font-size:14px;padding:8px 0;color:#c4d5d2}
.studio-current>span{font-size:12px}
.studio-navigation{gap:12px}.studio-dots{gap:4px}.studio-dots button{min-width:44px;min-height:44px;font-size:12px}
.studio-navigation>button{min-width:44px;min-height:44px}
.studio-all{font-size:14px;min-height:44px;align-items:center}
.studio-footnote{font-size:9px;color:#a1b7b5}
.studio-benefits{width:188px}.studio-benefits button{min-height:55px;font-size:13px;color:#b5c9c6}
.studio-close{min-height:44px;font-size:14px}
body main .product-studio .studio-editorial>p:not(.eyebrow){font-size:15px!important;line-height:1.8}
.studio-editorial .text-link{font-size:14px!important}
@media(min-width:1700px){.product-studio .studio-heading{max-width:720px}.studio-heading h1{font-size:80px}}
@media(max-width:1100px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}}
@media(max-width:900px){
 .page-index .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-index .section-space{padding-block:55px}.page-index .customer-review-list,.page-index .acquisition-grid{gap:30px}
 .collection-row,.collection-row:nth-child(even){gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .collection-copy h2{font-size:30px}.collection-number{margin-bottom:14px}
 .studio-benefits{width:100%}.studio-benefits button{font-size:12px;min-height:64px}
 .studio-editorial{bottom:85px}.studio-editorial>p:not(.eyebrow){min-height:75px}
 body main .product-studio .studio-editorial>p:not(.eyebrow){font-size:14px!important;line-height:1.7}
 .studio-footnote{font-size:8px}
}
@media(max-width:600px){
 .page-index .featured-grid{grid-template-columns:1fr;gap:24px}.page-index .featured-card h3{font-size:21px}
 .page-index .featured-card img{aspect-ratio:16/9}
 .page-index .customer-review-list,.page-index .acquisition-grid{grid-template-columns:1fr;gap:18px}
 .page-index .customer-review{padding-block:22px}.page-index .section-heading{margin-bottom:25px}
 .collection-row,.collection-row:nth-child(even){grid-template-columns:1fr;gap:12px;padding-block:28px}
 .collection-row:nth-child(even) .collection-photo{order:0}.collection-photo{aspect-ratio:4/3}
 .collection-copy{padding:15px 0}.collection-copy h2{margin:12px 0 16px}
 .collection-number{display:none}.collection-copy .category-options{margin:15px 0}
}
@media(max-width:540px){
 .product-studio{min-height:840px;padding-top:105px}
 .studio-heading h1{font-size:40px;line-height:1.1;margin-block:17px}
 body main section.product-studio p.studio-intro{font-size:14px!important;line-height:1.7}
 .studio-paths{gap:16px}.studio-paths .studio-digital{font-size:12px;gap:10px;margin-top:12px}
 .studio-stage{inset:345px -20% 215px}
 .studio-bottom{bottom:62px;gap:8px}.studio-navigation{gap:8px}
 .studio-current h2{margin:4px 0}.studio-current>span{font-size:10px}
 .studio-footnote{font-size:7px}.studio-dots button{min-width:44px;min-height:44px}
 .studio-is-detail .studio-stage{inset:145px -20% 400px}
 .studio-editorial{bottom:92px}.studio-benefits{gap:8px}
 .studio-benefits button{font-size:11px;min-height:72px;padding:10px 0}
 .studio-editorial .text-link{margin-top:4px}
 .studio-editorial h2{line-height:1.15}
}
@media(prefers-reduced-motion:reduce){.collection-photo img,.featured-card img{transition:none}}

/* Keep the canvas size stable; the 3D camera composition owns the transition. */
@media(max-width:900px){.studio-stage,.studio-is-detail .studio-stage{inset:145px -12% 215px}}
@media(max-width:540px){.studio-stage,.studio-is-detail .studio-stage{inset:145px -20% 215px}.studio-navigation{gap:6px}.studio-dots{gap:0}}
.page-index .site-header,.page-promosyon .site-header{backdrop-filter:none;background:#0b1214f5}

/* Clear service proposition, with the product selection as a supporting visual. */
.product-studio{height:760px;min-height:760px;max-height:none;padding-top:135px}
.product-studio .studio-heading{width:51%;max-width:660px}
.product-studio .studio-heading h1{font-size:clamp(40px,3.8vw,60px);line-height:1.12;letter-spacing:-.045em;margin:20px 0}
body main section.product-studio p.studio-intro{max-width:480px}
.studio-actions{gap:12px;margin-top:26px}
.studio-actions .button{pointer-events:auto;min-height:48px;padding:14px 18px;font-size:13px;gap:22px}
.studio-actions .button-outline{border-color:#8aa6a777;color:#e1e9e7;background:transparent}
.studio-watermark{font-size:clamp(120px,18vw,300px);opacity:.5}
.studio-light-field{opacity:.45}
.studio-fallback{inset:12% 6% 8% 54%}
.studio-fallback .studio-preview-object{scale:.85}
@media(max-width:1100px) and (min-width:901px){.studio-actions{max-width:420px}.studio-actions .button{font-size:12px;padding-inline:14px}}
@media(max-width:900px){
 .product-studio{height:900px;min-height:900px;padding-top:110px}
 .product-studio .studio-heading{width:100%;max-width:580px}
 .product-studio .studio-heading h1{font-size:42px}
 .studio-actions{margin-top:20px}
 .studio-fallback{inset:55% 20% 0}
}
@media(max-width:540px){
 .product-studio{padding-top:100px}
 .product-studio .studio-heading h1{font-size:32px;line-height:1.12;margin:16px 0}
 body main section.product-studio p.studio-intro{font-size:14px!important;line-height:1.65}
 .studio-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px;max-width:340px}
 .studio-actions .button{min-height:44px;justify-content:space-between;padding:11px 15px;font-size:13px}
}
