/* Fit expanded service/FAQ content without clipping or nested scrolling. */
.services-section.page-stack-content{padding:28px 4%;display:flex;flex-direction:column;justify-content:center;}
.services-section .expertise-heading{margin:16px 0 20px;}
.services-section .expertise-heading h2{font-size:clamp(34px,5svh,58px);line-height:1.08;margin:0;}
.services-section .expertise-heading p{font-size:16px;line-height:1.5;}
.services-section .service-item summary{padding:12px 0;gap:18px;}
.services-section .service-item h3{font-size:clamp(22px,3.6svh,32px);}
.services-section .service-content{max-width:none;padding:0 62px 16px;display:grid;grid-template-columns:1.5fr 1fr;gap:8px 32px;align-items:start;}
.services-section .service-content>p{grid-row:span 2;font-size:15px;line-height:1.55;max-width:680px;margin:0;}
.services-section .service-pills{margin:0;gap:8px 16px;font-size:12px;}
.services-section .service-content .text-link{justify-self:start;margin:6px 0 0;font-size:12px;}
.faq-section.page-stack-content{padding:40px 5%;align-items:center;gap:6%;}
.faq-section .faq-list summary{padding:18px 0;font-size:18px;line-height:1.4;}
.faq-section .faq-list details p{font-size:16px;line-height:1.6;margin:0 0 20px;}
.working-together{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:50px 5%;background:#fff;color:#111317;align-items:center;overflow:hidden;}
.together-copy h2{font:500 clamp(40px,4.6vw,76px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-.055em;text-transform:none;margin:32px 0 22px;}
.together-copy h2 em{font-style:normal;color:#eb740b;}
.together-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:490px;color:#565b64;}
.together-actions{display:flex;gap:22px;align-items:center;margin:28px 0;}
.together-actions button{display:flex;align-items:center;gap:24px;border:0;background:#111317;color:white;border-radius:32px;padding:14px 22px;font:inherit;cursor:pointer;}
.together-actions button span{background:white;color:#111;border-radius:50%;padding:4px 8px;}
.together-actions a{font-size:14px;border-bottom:1px solid #ccc;padding:8px 0;}
.together-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(25px,8svh,80px);}
.together-values span{background:#f3f3f3;padding:8px 12px;border-radius:24px;font-size:11px;}
.together-values span:nth-child(2){background:#fff0dc;}
.together-portraits{display:grid;grid-template-columns:1fr 1fr;gap:18px;height:clamp(420px,76svh,780px);overflow:hidden;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent);}
.together-column{display:flex;flex-direction:column;gap:20px;transform:translateY(-25px);}
.together-column:nth-child(2){transform:translateY(-95px);}
.conversation-card{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;flex:none;height:clamp(245px,42svh,400px);background:#e9ebee;}
.conversation-card img{width:100%;height:100%;object-fit:cover;}
.conversation-card::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000b);z-index:0;}
.conversation-status{position:absolute;right:12px;top:12px;background:#ffffffdf;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;}
.conversation-caption{position:absolute;bottom:14px;left:12px;right:12px;z-index:1;background:#ffffff19;border:1px solid #ffffff45;backdrop-filter:blur(10px);border-radius:18px;padding:14px;color:white;}
.conversation-caption h3{font:500 16px/1.3 'Space Grotesk',sans-serif;margin:0 0 7px;}.conversation-caption p{font-size:12px;line-height:1.5;margin:0;}
@media(min-width:901px) and (max-height:700px){.services-section.page-stack-content{padding:20px 4%}.services-section .section-label{padding-bottom:10px}.services-section .expertise-heading{margin:12px 0}.services-section .service-item summary{padding:8px 0}.services-section .service-content{padding-bottom:12px}.faq-section .faq-list summary{padding:12px 0}.working-together{padding:28px 5%}.together-copy h2{font-size:52px;margin:22px 0 18px}.together-values{margin-top:24px}.together-portraits{height:450px}}
@media(max-width:700px){.services-section .service-content{display:block;padding:0 0 18px 0}.services-section .service-content>p{font-size:15px}.services-section .service-pills{margin:12px 0}.services-section .service-short{display:none}.services-section .service-number{width:20px;flex:none}.services-section .service-toggle{margin-left:auto;flex:none}.services-section .service-item h3{font-size:22px}.services-section .expertise-heading p{display:none}.faq-section.page-stack-content{grid-template-columns:1fr;padding:28px 6%;gap:24px}.faq-section .display{font-size:42px;margin:12px 0}.faq-section .faq-list summary{font-size:16px;padding:14px 0}.working-together{grid-template-columns:1fr;gap:26px;padding:36px 6%}.together-copy h2{font-size:clamp(36px,9vw,54px);margin:20px 0}.together-copy>p:not(.eyebrow){font-size:16px}.together-values{margin-top:20px}.together-portraits{height:420px;gap:12px}.conversation-card{height:255px}.conversation-caption{padding:10px;left:8px;right:8px}.conversation-caption h3{font-size:14px}.conversation-caption p{font-size:11px}.together-actions{gap:16px}.together-actions button{font-size:14px;padding:12px 16px}}
.services-section .expertise-heading{padding:0;}
/* Keep all collaboration captions readable inside the staggered image composition. */
.together-portraits{--portrait-height:clamp(420px,76svh,780px);height:var(--portrait-height);mask-image:none;}
.together-column{transform:none;}.together-column:nth-child(2){transform:translateY(28px);}
.conversation-card{height:calc((var(--portrait-height) - 54px)/2);}
@media(min-width:901px) and (max-height:700px){.together-portraits{--portrait-height:450px;}}
@media(max-width:700px){.together-portraits{--portrait-height:420px;}}
/* Service accordion: a readable, responsive last chapter with native keyboard controls. */
#services{background:#fff;color:#15171b;}
#services .services-list{border:1px solid #d9dde2;border-radius:16px;overflow:hidden;background:#fff;}
#services .service-item{position:relative;border-bottom:1px solid #d9dde2;transition:background-color .25s ease,box-shadow .25s ease;}
#services .service-item:last-child{border-bottom:0;}
#services .service-item summary{padding-inline:18px;transition:background-color .25s ease;color:#17191d;}
#services .service-item summary h3{transition:transform .28s ease,color .28s ease;}
#services .service-item summary:hover{background:#fff4e7;}
#services .service-item summary:hover h3{transform:translateX(5px);color:#a94700;}
#services .service-item summary:focus-visible{outline:3px solid #e96c00;outline-offset:-3px;background:#fff4e7;}
#services .service-item[open]{background:#fff7ed;box-shadow:inset 4px 0 #ff7900;}
#services .service-item[open] summary h3{color:#a94700;}
#services .service-number{color:#754420;font-weight:600;}
#services .service-short{color:#454b55;font-size:11px;font-weight:500;}
#services .service-content{padding-left:80px;padding-right:24px;}
#services .service-content>p{color:#252b33;font-weight:500;}
#services .service-pills{color:#343b45;font-weight:500;}
#services .service-pills span{border-color:#b9b0a5;}
#services .service-toggle{border-radius:50%;border-color:#9a9fa7;transition:background-color .25s ease,transform .3s ease;}
#services .service-item summary:hover .service-toggle{transform:rotate(90deg);background:#ff7900;border-color:#ff7900;}
#services .service-item[open] .service-content{animation:service-answer-enter .32s ease both;}
@keyframes service-answer-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@supports(interpolate-size:allow-keywords){
 #services .service-item{interpolate-size:allow-keywords;}
 #services .service-item::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .35s ease,opacity .25s ease,content-visibility .35s allow-discrete;}
 #services .service-item[open]::details-content{block-size:auto;opacity:1;}
}
@media(max-width:700px){#services .service-item summary{padding-inline:12px;gap:10px}#services .service-content{padding:0 16px 18px}#services .service-item h3{font-size:21px}#services .service-toggle{margin-left:auto;width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){#services .service-item,#services .service-item summary,#services .service-item summary h3,#services .service-toggle,#services .service-item::details-content{transition:none}#services .service-item[open] .service-content{animation:none}#services .service-item summary:hover h3,#services .service-item summary:hover .service-toggle{transform:none}}
/* Shared high-contrast reading ink. Keep display artwork and mock UI untouched. */
:root{--copy-color:#22262d;--label-color:#252a32;--reading-ink:#22262d;--reading-caption:#252a32;}
:is(.product-showcase,.image-stream,.home-expertise,.systems,.technology-section,.tool-sphere-section,.expertise-wheel-section,.work-chapter-dark,.site-footer,.expertise-cosmic-hero){--reading-ink:#e8ebf0;--reading-caption:#e0e5ed;}
:is(.tm-card,.chapter-card,.studio-service-card,.pricing-card3d,.service-content,.together-values){--reading-ink:#22262d;--reading-caption:#252a32;}
:is(.chapter-card:nth-child(3),.pricing-card3d.is-featured,.conversation-caption){--reading-ink:#fff;--reading-caption:#f4f5f7;}
:is(.hero-summary,.intro-copy,.systems-intro,.work-intro,.studio-copy,.expertise-heading>p,.service-content>p,.process-heading>p:last-child,.process-step p,.faq-list p,.editorial-heading>p,.editorial-grid p,.design-heading p,.chapter-description,.case-story p,.case-story li,.contact-page p,.stream-content>p,.tm-heading>p:not(.tm-eyebrow),.home-studio .studio-copy p,.together-copy>p:not(.eyebrow),.service-tile p,.chapter-card p,.studio-service-card p,.project-description p,.feature-panel p,.bali-panel p,.sphere-copy>p,.product-heading>p,.cosmic-content>p){color:var(--reading-ink);font-weight:500;opacity:1;}
:is(.eyebrow,.section-label,.ex-kicker,.design-kicker,.design-baseline,.studio-small,.service-tile small,.chapter-card-top,.work-chapter-top,.work-chapter-copy .eyebrow,.service-number,.service-short,.studio-annotation,.studio-values,.studio-principles,.process-step>span:last-child,.project-index small,.service-pills,.project-tags,.chapter-tags,.chapter-tags span,.case-meta,.case-disclosure,.next-project small,.work-count,.work-end p,.work-chapter-bottom>p,.hero-action-meta,.bali-signature,.disciplines-panel small,.footer-top p,.footer-main nav a>span,.footer-bottom,.tm-person span,.tool-footnote,.sphere-hint,.technology-credit,.together-values span){color:var(--reading-caption);font-weight:600;opacity:1;}
/* Preserve brand accents while strengthening supporting copy on both surfaces. */
.bali-panel .panel-kicker,.service-item[open] .service-number{color:#ad4700;}
#services .expertise-heading>p{color:#22262d;font-weight:500;}
#services :is(.section-label,.service-short,.service-pills){color:#252a32;font-weight:600;}
#services .service-short{font-size:12px;letter-spacing:.015em;}
#services .service-pills{font-size:13px;}
#services .service-content>p{color:#22262d;}
.working-together .conversation-caption p{color:#fff;font-weight:500;text-shadow:0 1px 3px #0006;}
.conversation-caption{background:#111820a6;}
.expertise-cosmic-hero .cosmic-links a{color:#fff;font-weight:500;}
.site-footer .footer-bottom,.site-footer .footer-top p,.site-footer .footer-main nav a>span{color:#e1e5ec;}
@media(max-width:700px){#services .service-pills{font-size:12px;}}
.has-sphere-cradle{--reading-ink:#22262d;--reading-caption:#252a32;}
.has-sphere-cradle .tech-dark-well{--reading-ink:#e8ebf0;--reading-caption:#e0e5ed;}
:is(.tech-orbit-left>p,.tech-stat-row>span){color:#22262d;font-weight:500;}
:is(.tech-kicker-line,.tech-stat-pill,.tech-orbit-link){color:#252a32;font-weight:600;}
:is(.tech-well-sub,.technology-intro,.product-top,.product-description,.product-bottom,.preview-disclaimer,.app-demo-label){color:var(--reading-ink);font-weight:500;}

/* Connected Expertise: tactile cards, with keyboard and reduced-motion parity. */
#home-expertise .service-tile{transition:transform .35s ease,box-shadow .35s ease}
#home-expertise .service-tile:is(:hover,:focus-visible){transform:translateY(-7px);box-shadow:0 14px 30px #0005;outline:2px solid #ff7900;outline-offset:3px}
#home-expertise .tile-top>span:last-child{transition:transform .35s ease}
#home-expertise .service-tile:is(:hover,:focus-visible) .tile-top>span:last-child{transform:translate(3px,-3px)}
#home-expertise .service-tile:focus-visible .service-art>*{transform:translateY(-6px) rotate(-3deg)}
@media(prefers-reduced-motion:reduce){#home-expertise .service-tile,#home-expertise .tile-top>span:last-child{transition:none}#home-expertise .service-tile:is(:hover,:focus-visible),#home-expertise .service-tile:is(:hover,:focus-visible) .service-art>*,#home-expertise .service-tile:is(:hover,:focus-visible) .tile-top>span:last-child{transform:none}}

/* Product planning and collaboration: clear outputs, relevant interface visuals. */
.engagement-redesign,.collaboration-redesign{background:#fff;color:#16191e;padding:clamp(24px,4vh,48px) 4%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:24px;min-height:100svh}
.scope-top{display:flex;justify-content:space-between;border-bottom:1px solid #d6d8db;padding-bottom:14px;font-size:12px;font-weight:600}
.scope-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.scope-heading h2,.collab-copy h2{font:600 clamp(38px,4.7vw,76px)/.98 'Oswald',sans-serif;margin:0;letter-spacing:-.03em}.scope-heading em,.collab-copy em{color:#d75b00;font-style:normal}.scope-heading>p{max-width:420px;font-size:17px;line-height:1.6;color:#252a32}
.scope-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scope-cards article{border:1px solid #d8dce1;border-radius:16px;padding:22px;background:#f8f9fa;transition:transform .3s,box-shadow .3s;overflow:hidden}.scope-cards article:nth-child(2){background:#fff4e7;border-color:#edbb86}.scope-cards article:hover{transform:translateY(-5px);box-shadow:0 12px 30px #17191e12}.scope-card-top{display:flex;justify-content:space-between;align-items:center;color:#b84c00}.scope-card-top>b{font-size:32px}.scope-cards h3{font-size:23px;margin:14px 0}.scope-cards p{font-size:15px;line-height:1.6;color:#282e36;margin:0}.scope-checks{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.scope-checks span{font-size:12px;background:white;border:1px solid #d8dce1;border-radius:20px;padding:5px 9px}.scope-cards footer{border-top:1px solid #d0d4da;padding-top:14px;display:grid;gap:6px}.scope-cards footer small{font-size:10px;letter-spacing:.08em}.scope-cards footer strong{font-size:16px}.scope-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.scope-bottom p{font-size:15px}.scope-bottom button,.collab-copy>button{background:#121518;color:#fff;border:0;border-radius:8px;padding:15px 20px;font:600 13px inherit;cursor:pointer;transition:background .25s}.scope-bottom button:hover,.collab-copy>button:hover{background:#b84c00}
.collaboration-redesign{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5%;background:#f7f8fa}.collab-copy .eyebrow{display:block;font-size:12px;margin-bottom:24px;color:#252a32}.collab-copy h2{font-size:clamp(38px,4.3vw,68px)}.collab-copy>p{font-size:17px;line-height:1.65;color:#252a32;max-width:480px}.collab-promises{display:grid;gap:16px;margin:25px 0}.collab-promises>div{display:flex;gap:15px;align-items:center}.collab-promises b{color:#b84c00;border:1px solid #ddd;border-radius:50%;padding:10px;font-size:12px}.collab-promises span{display:grid;gap:4px;font-size:13px;color:#303740}.collab-promises strong{font-size:16px;color:#16191e}
.collab-workspace{background:#fff;border:1px solid #d5d9df;border-radius:18px;box-shadow:0 25px 65px #18253614;overflow:hidden;transform:rotate(-1deg)}.collab-workspace>header{padding:18px 20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-bottom:1px solid #ddd;font-size:11px}.collab-workspace header i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f57900;margin-right:6px}.collab-workspace header small{font-size:9px;color:#515964}.workspace-title{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-title small{font-size:10px;letter-spacing:.08em}.workspace-title h3{font-size:25px;margin:7px 0}.workspace-status{font-size:11px;background:#fff1df;color:#9e4000;border-radius:20px;padding:7px 10px;white-space:nowrap}.workspace-phases{display:flex;justify-content:space-between;gap:5px;margin:0 24px 20px;border-bottom:2px solid #eceef1;padding-bottom:14px;font-size:12px}.workspace-phases strong{color:#aa4600}.workspace-board{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 24px 24px}.workspace-board>div>small{display:block;font-size:10px;letter-spacing:.06em;margin-bottom:10px}.workspace-board article{border:1px solid #e0e3e8;border-radius:12px;padding:15px;margin-bottom:12px}.workspace-board h4{font-size:16px;margin:12px 0 7px}.workspace-board p{font-size:12px;line-height:1.6;margin:0;color:#303740}.workspace-board article>b{display:block;font-size:10px;color:#a54400;margin-top:16px}.mock-screen{height:100px;display:grid;grid-template-columns:1fr 2fr;gap:7px;padding:10px;background:#15191f;border-radius:8px}.mock-screen i{background:#3d4655;border-radius:4px}.mock-screen i:nth-child(2){background:linear-gradient(140deg,#ff7900,#ffbe6e)}.mock-screen i:last-child{background:repeating-linear-gradient(0deg,#303947 0 5px,#596579 5px 7px)}.task-tick{display:inline-block;background:#ebf3ee;color:#276143;padding:8px;border-radius:8px}.workspace-board .workspace-note{background:#fff6ea;border-color:#efd5b5}.collab-workspace>footer{padding:16px 24px;background:#f4f5f7;display:flex;gap:15px;justify-content:space-between;font-size:10px}.collab-workspace a{color:#9e4000;font-weight:600}
@media(min-width:901px) and (max-height:720px){.engagement-redesign,.collaboration-redesign{gap:16px;padding:22px 4%}.scope-heading h2{font-size:43px}.scope-cards article{padding:16px}.scope-cards h3{font-size:20px;margin:10px 0}.scope-cards p{font-size:14px}.scope-checks{margin:12px 0}.collab-copy h2{font-size:44px}.collab-promises{gap:10px;margin:18px 0}.workspace-title{padding:18px 24px}.mock-screen{height:80px}}
@media(max-width:900px){.collaboration-redesign{grid-template-columns:1fr;gap:30px}.collab-workspace{transform:none}.scope-heading{align-items:flex-start}.scope-cards{gap:10px}.scope-cards article{padding:15px}.scope-heading h2{font-size:42px}}
@media(max-width:600px){.engagement-redesign,.collaboration-redesign{padding:30px 6%;height:auto;min-height:100svh}.scope-top span:last-child{display:none}.scope-heading{display:block}.scope-heading h2,.collab-copy h2{font-size:40px}.scope-heading>p,.collab-copy>p{font-size:16px}.scope-cards{grid-template-columns:1fr;gap:14px}.scope-cards article{padding:20px}.scope-bottom{align-items:stretch;flex-direction:column;gap:8px}.workspace-title{padding:18px 14px;flex-wrap:wrap}.workspace-title h3{font-size:22px}.workspace-phases{margin-inline:14px;font-size:10px}.workspace-board{padding:0 14px 14px;gap:10px}.workspace-board article{padding:10px}.workspace-board h4{font-size:14px}.collab-workspace>footer{flex-wrap:wrap;padding:14px}.mock-screen{height:80px}.collab-workspace>header{padding:14px}}
@media(prefers-reduced-motion:reduce){.scope-cards article,.scope-bottom button,.collab-copy>button{transition:none}.scope-cards article:hover{transform:none}}
@media(min-width:901px) and (max-height:720px){.collaboration-redesign{padding-block:18px}.collaboration-redesign .collab-workspace{transform:none}.collaboration-redesign .workspace-board{padding-bottom:12px}.collaboration-redesign .workspace-board article{padding:12px;margin-bottom:8px}.collaboration-redesign .workspace-board p{margin:0;font-size:12px;line-height:1.5}.collaboration-redesign .workspace-board h4{margin:10px 0 6px}.collaboration-redesign .workspace-title{padding-block:14px}.collaboration-redesign .collab-workspace>header,.collaboration-redesign .collab-workspace>footer{padding-block:12px}.collaboration-redesign .workspace-phases{margin-bottom:14px}.engagement-redesign{gap:14px}}

/* Home 05: supplied photography with frosted-glass card surfaces. */
#home-studio.studio-glass-section{background:radial-gradient(ellipse at 90% 85%,#d2d8c6 0,transparent 48%),radial-gradient(ellipse at 5% 20%,#9eb6ac 0,transparent 52%),#e6ebe6;padding:24px 5%;color:#141c19;gap:0}
#home-studio.studio-glass-section .studio-card-intro{margin:18px 0 22px}
#home-studio.studio-glass-section .studio-service-cards{gap:22px;overflow:visible;padding:0;margin:0}
#home-studio .glass-studio-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:0;height:clamp(360px,57svh,590px);padding:20px;border-radius:28px;border:1px solid #ffffff70;background:#243832;color:#fff;box-shadow:0 14px 35px #1f35282b;isolation:isolate;overflow:hidden;transition:box-shadow .35s,transform .35s}
#home-studio .glass-studio-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071712b8,transparent 48%,#07171255);z-index:-1;pointer-events:none}
#home-studio .studio-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#home-studio .glass-card-heading{text-align:center;color:white;text-shadow:0 2px 14px #0008}
#home-studio .glass-step{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;border:1px solid #ffffff55;background:#ffffff18;backdrop-filter:blur(12px);border-radius:30px;padding:6px 11px;margin-bottom:12px}
#home-studio .glass-card-heading h3{font:600 clamp(22px,2.1vw,34px)/1.12 'Space Grotesk',sans-serif;color:#fff;margin:0;max-width:none;letter-spacing:-.035em}
#home-studio .glass-card-panel{background:linear-gradient(120deg,#16241be6,#203029b5);border:1px solid #ffffff52;border-radius:20px;padding:16px;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff30;color:#fff}
#home-studio .glass-card-panel small{color:#f3f5f1;font-size:10px!important;font-weight:600;letter-spacing:.045em;max-width:none;padding:0}
#home-studio .glass-card-panel p{color:#fff;font-size:14px;line-height:1.5;margin:9px 0 13px;max-width:none}
#home-studio .glass-card-panel a{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;color:#17221c;width:max-content;min-height:36px;padding:7px 15px;border-radius:30px;font-size:13px;font-weight:600}
#home-studio .glass-studio-card:is(:hover,:focus-within){box-shadow:0 20px 40px #1f352849;transform:translateY(-4px)}
#home-studio .glass-studio-card:is(:hover,:focus-within) .studio-card-photo{transform:scale(1.035)}
#home-studio .glass-card-panel a:focus-visible{outline:3px solid #ff7900;outline-offset:4px}
#home-studio .glass-studio-card.card-design{background:linear-gradient(145deg,#526459,#1b3027)}
#home-studio .card-design .studio-card-photo{object-fit:contain;height:54%;top:21%;padding:0 8px;box-sizing:border-box;filter:none}
@media(min-width:701px) and (max-height:700px){#home-studio.studio-glass-section{padding:18px 4%}#home-studio.studio-glass-section .studio-card-intro{margin:12px 0 16px}#home-studio .glass-studio-card{height:calc(100svh - 245px);min-height:315px;padding:14px}#home-studio .glass-card-panel{padding:12px}#home-studio .glass-card-panel p{font-size:13px;margin:7px 0 10px}#home-studio .glass-card-heading h3{font-size:24px}#home-studio .glass-step{margin-bottom:8px}}
@media(max-width:700px){#home-studio.studio-glass-section{padding:30px 6%}#home-studio.studio-glass-section .studio-card-intro{grid-template-columns:1fr;gap:18px}#home-studio.studio-glass-section .studio-service-cards{grid-template-columns:1fr;gap:22px}#home-studio .glass-studio-card{height:540px;max-height:none;padding:20px}#home-studio .glass-card-heading h3{font-size:28px}#home-studio .glass-card-panel p{font-size:15px}}
@media(prefers-reduced-motion:reduce){#home-studio .glass-studio-card,#home-studio .studio-card-photo{transition:none}#home-studio .glass-studio-card:is(:hover,:focus-within),#home-studio .glass-studio-card:is(:hover,:focus-within) .studio-card-photo{transform:none}}
#home-studio .card-design .studio-card-photo{height:42%;top:21%}
@media(max-width:700px){#home-studio .card-design .studio-card-photo{height:46%;top:20%}}

/* Match the reference: seamless edge blur, never an inset content box. */
#home-studio .glass-studio-card{padding:28px 22px 22px;border:0}
#home-studio .glass-studio-card::before{background:linear-gradient(180deg,#06120c80 0,transparent 46%,#07110c10 65%,#08140bb3 100%)}
#home-studio .glass-studio-card::after{content:'';position:absolute;inset:auto 0 0;height:38%;z-index:0;pointer-events:none;background:linear-gradient(transparent,#08140bd9)}
#home-studio .glass-card-heading{position:relative;z-index:1}
#home-studio .glass-step{margin:12px 0 0;padding:4px 10px;border:0;font-size:10px;letter-spacing:.025em;background:#ffffff24}
#home-studio .glass-card-panel{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#home-studio .glass-card-number{display:grid;place-items:center;flex:0 0 35px;height:35px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff20;color:white;font-size:12px}
#home-studio .glass-card-caption{display:grid;gap:4px;flex:1;min-width:0;color:#fff;text-shadow:0 1px 8px #0009}
#home-studio .glass-card-caption strong{font-size:13px;font-weight:500}
#home-studio .glass-card-caption>span{font-size:11px;line-height:1.35;color:#f0f1ed}
#home-studio .glass-card-panel a{flex-shrink:0;min-height:34px;padding:7px 15px;font-size:12px;gap:0}
#home-studio .card-design .studio-card-photo{inset:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:53% center}
@media(min-width:701px) and (max-height:700px){#home-studio .glass-studio-card{padding:24px 18px 20px}#home-studio .glass-card-panel{padding:0}#home-studio .glass-card-heading h3{font-size:24px}#home-studio .glass-step{margin-top:10px}}
@media(min-width:701px) and (max-width:1050px){#home-studio .glass-card-number{display:none}#home-studio .glass-studio-card{padding-inline:15px}#home-studio .glass-card-panel a{padding-inline:12px}}
@media(max-width:700px){#home-studio .glass-studio-card{padding:32px 20px 24px}#home-studio .glass-card-panel{padding:0}#home-studio .card-design .studio-card-photo{height:100%;top:0}#home-studio .glass-card-heading h3{font-size:28px}}

/* Video remains behind the pricing copy, with a contrast scrim. */
.pricing-skyline-bg video{width:100%;height:100%;object-fit:cover;display:block}
.pricing-skyline-bg::after{background:linear-gradient(110deg,#101218c9,#1c212e80 65%,#ff790040)}
/* Keep the reference's seamless glass treatment, strengthen the typography. */
#home-studio .glass-studio-card::before{background:linear-gradient(180deg,#06100de6 0%,#06100d70 24%,transparent 48%,#06100d30 65%,#06100de6 100%)}
#home-studio .glass-studio-card::after{height:35%;background:linear-gradient(transparent,#08130ce6)}
#home-studio .glass-card-heading h3{font-size:clamp(25px,2.25vw,35px);font-weight:700;line-height:1.16;max-width:19ch;margin-inline:auto;text-wrap:balance;text-shadow:0 2px 12px #0009}
#home-studio .glass-step{background:#0a1818a6;color:#fff;border:1px solid #ffffff45;font-size:11px;padding:6px 11px;font-weight:600}
#home-studio .glass-card-caption strong{font-size:16px;font-weight:600;line-height:1.3;color:#fff}
#home-studio .glass-card-caption>span{font-size:13px;font-weight:500;color:#fff;line-height:1.45}
#home-studio .glass-card-panel{gap:12px;align-items:center}
#home-studio .glass-card-number{flex-basis:32px;height:32px;font-size:12px}
#home-studio .glass-card-panel a{font-size:13px;min-height:40px;padding:9px 15px}
@media(min-width:701px) and (max-width:1400px){#home-studio .glass-card-number{display:none}#home-studio .glass-card-caption strong{font-size:15px}#home-studio .glass-card-caption>span{font-size:12px}}
@media(max-width:700px){#home-studio .glass-card-heading h3{font-size:30px}#home-studio .glass-card-number{display:none}#home-studio .glass-card-caption>span{font-size:13px}#home-studio .glass-studio-card{height:500px}}

/* Reference proportions: equal portrait cards with a centered, bounded row. */
#home-studio.studio-glass-section .studio-service-cards{width:min(100%,1080px);margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#home-studio .glass-studio-card{height:auto;aspect-ratio: .77;min-height:0;width:100%;border-radius:24px}
@media(min-width:701px) and (max-height:750px){#home-studio.studio-glass-section .studio-service-cards{width:min(100%,calc((100svh - 250px)*2.31 + 44px))}#home-studio .glass-studio-card{height:auto;min-height:0;aspect-ratio:.77;padding:22px 18px}#home-studio .glass-card-heading h3{font-size:clamp(21px,2vw,27px)}}
@media(max-width:700px){#home-studio.studio-glass-section .studio-service-cards{grid-template-columns:1fr;width:min(100%,390px)}#home-studio .glass-studio-card{height:auto;aspect-ratio:.77;min-height:0;padding:25px 18px}#home-studio .glass-card-heading h3{font-size:26px}}


/* Home 02 — cinematic project list, based on the supplied reference. */
.cinematic-projects{background:#fff;color:#171717;min-height:100svh;box-sizing:border-box;display:flex;align-items:center;padding:48px 4%}
.cinematic-inner{width:100%;max-width:1280px;margin:auto}
.cinematic-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.cinematic-header>div>span{font-size:12px;font-weight:600;letter-spacing:.08em}
.cinematic-header h2{font:600 clamp(28px,3vw,40px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:12px 0 0}
.cinematic-header>a{font-size:14px;color:#404040;white-space:nowrap}.cinematic-header>a span{margin-left:12px}
.cinematic-list{border-top:1px solid #d4d4d4}
.cinematic-row{height:96px;position:relative;overflow:hidden;border-bottom:1px solid #d4d4d4;transition:height .7s cubic-bezier(.25,1,.5,1);isolation:isolate}
.cinematic-row.is-active{height:400px}
.cinematic-photo{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .7s ease}
.cinematic-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1s ease;display:block}
.cinematic-photo>div{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.25) 65%,rgba(0,0,0,.12))}
.cinematic-row.is-active .cinematic-photo{opacity:1}.cinematic-row.is-active .cinematic-photo img{transform:scale(1)}
.cinematic-trigger{position:absolute;inset:0;width:100%;display:flex;align-items:center;gap:48px;padding:0 48px;text-align:left;border:0;background:transparent;cursor:pointer;color:#171717}
.cinematic-index{font:12px monospace;color:#737373;transition:color .3s}
.cinematic-trigger h3{font:700 clamp(24px,3.6vw,48px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0;transition:transform .5s,color .5s;max-width:75%}
.cinematic-row.is-active .cinematic-trigger h3{color:#fff;transform:translateY(-8px)}.cinematic-row.is-active .cinematic-index{color:#eee}
.cinematic-meta{position:absolute;right:112px;top:50%;transform:translateY(32px);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;color:white;font-size:12px;text-transform:uppercase;letter-spacing:.08em;max-width:220px;text-align:right}
.cinematic-row.is-active .cinematic-meta{opacity:1;transform:translateY(-50%)}
.cinematic-link{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid #b5b5b5;border-radius:50%;display:grid;place-items:center;color:#171717;transition:background .4s,transform .4s,color .4s}
.cinematic-link svg{width:20px;height:20px;transition:transform .4s}.cinematic-row.is-active .cinematic-link{background:white;border-color:white;transform:translateY(-50%) scale(1.1);color:#171717}.cinematic-row.is-active .cinematic-link svg{transform:rotate(-45deg)}
.cinematic-trigger:focus-visible{outline:3px solid #ff7900;outline-offset:-4px}.cinematic-link:focus-visible,.cinematic-header>a:focus-visible{outline:3px solid #ff7900;outline-offset:4px}
@media(min-width:701px) and (max-height:850px){.cinematic-projects{padding:25px 4%}.cinematic-header{margin-bottom:24px}.cinematic-row{height:clamp(62px,9svh,80px)}.cinematic-row.is-active{height:clamp(190px,calc(100svh - 405px),400px)}}
@media(max-width:1000px){.cinematic-meta{right:95px;top:auto;bottom:35px;max-width:none;text-align:left;left:104px}.cinematic-row.is-active .cinematic-meta{transform:none}.cinematic-trigger{padding:0 32px;gap:30px}.cinematic-link{right:32px}}
@media(max-width:700px){.cinematic-projects{padding:36px 20px;min-height:100svh}.cinematic-header{display:block;margin-bottom:28px}.cinematic-header>a{display:inline-block;margin-top:18px;font-size:13px}.cinematic-header h2{font-size:30px}.cinematic-row{height:88px}.cinematic-row.is-active{height:260px}.cinematic-trigger{padding:0 12px;gap:16px}.cinematic-trigger h3{font-size:clamp(21px,5.6vw,30px);max-width:calc(100% - 78px)}.cinematic-index{font-size:11px}.cinematic-link{right:12px;width:34px;height:34px}.cinematic-meta{left:42px;right:20px;bottom:30px;font-size:11px;line-height:1.6}.cinematic-row.is-active .cinematic-trigger h3{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.cinematic-row,.cinematic-photo,.cinematic-photo img,.cinematic-trigger h3,.cinematic-index,.cinematic-meta,.cinematic-link,.cinematic-link svg{transition:none}}

/* Studio process: supplied rolling typography and floating photo reveal. */
.rolling-process{background:#fff;color:#171717;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 24px;box-sizing:border-box}
.rolling-process-inner{width:100%;max-width:672px;padding-inline:16px}
.rolling-process h2{font:700 14px/1.4 'Space Grotesk',sans-serif;letter-spacing:.12em;text-align:center;color:#525252;margin:0 0 32px}
.rolling-process-row{position:relative;display:block;width:100%;text-align:left;cursor:pointer;border:0;border-bottom:1px solid #e5e5e5;padding:24px 0;background:transparent;color:#171717}
.rolling-text-window{display:block;overflow:hidden;height:80px}.rolling-text-track{display:block;transition:transform .5s cubic-bezier(.76,0,.24,1)}
.rolling-text-track>span{height:80px;display:flex;align-items:center;font:900 72px/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;text-transform:uppercase;white-space:nowrap}
.rolling-text-track>span+span{font-style:italic;color:#ff7900}.rolling-process-row.is-active .rolling-text-track{transform:translateY(-50%)}
.rolling-category{position:absolute;top:32px;right:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#737373;transition:opacity .3s}.rolling-process-row.is-active .rolling-category{opacity:0}
.rolling-image{pointer-events:none;position:absolute;right:0;top:50%;z-index:2;height:128px;width:192px;border-radius:8px;overflow:hidden;box-shadow:0 20px 35px #0003;opacity:0;transform:translate(16px,-50%) scale(.95) rotate(3deg);transition:transform .5s ease-out,opacity .5s ease-out}
.rolling-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s}.rolling-image>span{position:absolute;inset:0;background:#ff790026;mix-blend-mode:overlay}.rolling-process-row.is-active .rolling-image{opacity:1;transform:translate(0,-50%) scale(1) rotate(0)}.rolling-process-row.is-active .rolling-image img{filter:grayscale(0)}
.rolling-process-row:focus-visible{outline:2px solid #ff7900;outline-offset:6px}
#home-studio .glass-card-count{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:0 0 14px;color:#fff;font:600 36px/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;text-shadow:0 2px 8px #0009}
#home-studio .glass-card-count i{font:500 12px/1 'Space Grotesk',sans-serif;letter-spacing:.05em;color:#fff;opacity:.85}
@media(min-width:701px) and (max-height:750px){.rolling-process{padding:24px}.rolling-process h2{margin-bottom:20px}.rolling-process-row{padding:16px 0}.rolling-text-window,.rolling-text-track>span{height:68px}.rolling-text-track>span{font-size:64px}.rolling-image{height:100px;width:160px}#home-studio .glass-card-count{font-size:30px;margin-bottom:12px}}
@media(max-width:700px){.rolling-process{padding:32px 16px}.rolling-process-inner{padding:0;max-width:440px}.rolling-text-window,.rolling-text-track>span{height:60px}.rolling-text-track>span{font-size:clamp(36px,9vw,48px)}.rolling-category{display:none}.rolling-image{width:90px;height:76px;right:0}.rolling-process-row.is-active .rolling-text-track>span{font-size:clamp(29px,7vw,40px)}}
@media(prefers-reduced-motion:reduce){.rolling-text-track,.rolling-category,.rolling-image,.rolling-image img{transition:none}}

/* Studio hero: branded portrait composition inspired by the supplied reference. */
.has-page-stack .page-stack-content.studio-brand-hero,.studio-brand-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:2%;background:#fff;padding:42px 5%;min-height:calc(100svh - 110px)}
.studio-brand-copy{min-width:0;position:relative;z-index:1}.studio-brand-hero h1{font-size:clamp(44px,5.6vw,98px);line-height:1.08;margin:25px 0 28px;letter-spacing:-.045em}.studio-brand-hero .intro-copy{font-size:clamp(16px,1.3vw,20px);line-height:1.7;max-width:49ch;color:#171a1e}
.studio-brand-visual{min-width:0;display:flex;align-items:center;justify-content:center}.studio-brand-visual img{display:block;width:100%;height:auto;max-height:calc(100svh - 175px);object-fit:contain}
@media(min-width:701px) and (max-height:720px){.has-page-stack .page-stack-content.studio-brand-hero{padding:22px 5%;min-height:calc(100svh - 96px)}.studio-brand-hero h1{font-size:clamp(42px,5.4vw,76px);margin:20px 0}.studio-brand-visual img{max-height:calc(100svh - 155px)}}
@media(max-width:700px){.has-page-stack .page-stack-content.studio-brand-hero,.studio-brand-hero{grid-template-columns:1fr;padding:28px 6% 18px;gap:18px;min-height:calc(100svh - 88px);align-content:center}.studio-brand-hero h1{font-size:clamp(37px,9.6vw,65px);margin:18px 0}.studio-brand-hero .intro-copy{font-size:15px;line-height:1.6}.studio-brand-visual img{width:min(100%,390px);max-height:38svh}.studio-brand-hero .eyebrow{font-size:12px}}
@media(min-width:701px){.has-page-stack .page-stack-content.studio-brand-hero{min-height:calc(100svh - 148px)}.studio-brand-visual img{max-height:calc(100svh - 230px)}}

/* Studio: three connected, animated milestones; motion is visibility gated. */
.together-motion{background:#f7f8fa;color:#15181c;padding:clamp(24px,4vh,48px) 4%;display:flex;flex-direction:column;justify-content:center;gap:28px;box-sizing:border-box}
.together-heading{display:flex;justify-content:space-between;align-items:end;gap:36px}.together-heading .eyebrow{font-size:12px;color:#353a41;display:block;margin-bottom:18px}.together-heading h2{font:600 clamp(38px,4.5vw,68px)/1.03 'Oswald',sans-serif;margin:0;letter-spacing:-.03em}.together-heading em{font-style:normal;color:#db6000}.together-heading>p{max-width:420px;font-size:17px;line-height:1.65;margin:0;color:#303640}
.together-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.together-stage{min-width:0;background:#fff;border:1px solid #dce0e5;border-radius:20px;padding:22px;transition:border-color .6s,box-shadow .6s,transform .6s}.together-stage.is-current{border-color:#f58a35;box-shadow:0 10px 32px #c85a0010;transform:translateY(-4px)}.stage-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;letter-spacing:.05em}.stage-dot{width:7px;height:7px;border-radius:50%;background:#ddd}.is-current .stage-dot{background:#ff7900}.stage-illustration{height:150px;display:flex;align-items:center;justify-content:center;margin:8px 0 18px;background:radial-gradient(ellipse,#fff2e3,transparent 70%)}.together-stage h3{font-size:23px;line-height:1.2;margin:0 0 12px;letter-spacing:-.03em}.together-stage p{font-size:15px;line-height:1.65;margin:0;color:#303640;min-height:50px}.together-stage footer{border-top:1px solid #e1e3e6;margin-top:20px;padding-top:14px;font-size:12px;color:#444a52;line-height:1.5}.together-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.together-bottom button{border:0;border-radius:100px;background:#15181c;color:white;padding:15px 22px;font:600 13px 'Space Grotesk',sans-serif;cursor:pointer}.together-bottom button span{margin-left:24px}.together-bottom button:hover{background:#ad4600}
.motion-plan{width:160px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-items:start}.motion-plan span{height:8px;border-radius:5px;background:#ffc792}.motion-plan i{height:62px;border-radius:8px;background:linear-gradient(#ff8a20,#ffb866);animation:plan-rise 3.6s ease-in-out infinite}.motion-plan i:nth-last-child(2){height:86px;animation-delay:.3s}.motion-plan i:last-child{height:46px;animation-delay:.6s}
.motion-preview{width:176px;border:1px solid #ffc68d;border-radius:12px;background:#fff7ef;overflow:hidden;position:relative}.motion-preview header{display:flex;gap:4px;padding:10px;border-bottom:1px solid #ffdbb8}.motion-preview header i{width:4px;height:4px;border-radius:50%;background:#ef8a32}.motion-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.motion-preview span{height:30px;background:#ffba77;border-radius:5px}.motion-preview span:nth-child(3),.motion-preview span:nth-child(4){height:8px;background:#f4d6b8}.motion-preview>b{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffffa8 50%,transparent 70%);animation:preview-sweep 3.6s ease-in-out infinite}
.motion-deliver{width:120px;fill:none;stroke-width:10}.ring-track{stroke:#ffe4c9}.ring-progress{stroke:#f87908;stroke-linecap:round;stroke-dasharray:276;transform:rotate(-90deg);transform-origin:center;animation:deliver-ring 3.6s ease-in-out infinite}.motion-deliver path{stroke:#c65500;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;animation:deliver-check 3.6s ease-in-out infinite}
.together-motion:not(.is-playing) .stage-illustration *{animation-play-state:paused}
@keyframes plan-rise{0%,100%{transform:translateY(5px);opacity:.55}45%,70%{transform:translateY(-5px);opacity:1}}@keyframes preview-sweep{0%,15%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}@keyframes deliver-ring{0%{stroke-dashoffset:230}70%,100%{stroke-dashoffset:0}}@keyframes deliver-check{0%,35%{opacity:0;transform:translateY(4px)}70%,100%{opacity:1;transform:translateY(0)}}
.studio-brand-visual{overflow:hidden;width:100%}.studio-brand-visual img{max-width:100%;object-position:center}
@media(min-width:901px) and (max-height:720px){.together-motion{gap:18px;padding-block:22px}.together-heading h2{font-size:42px}.together-heading>p{font-size:15px}.together-stage{padding:16px}.stage-illustration{height:115px;margin:4px 0 12px}.motion-deliver{width:100px}.together-stage h3{font-size:20px}.together-stage p{font-size:14px}.together-stage footer{margin-top:12px;padding-top:10px}}
@media(max-width:800px){.together-heading{display:block}.together-heading>p{margin-top:18px;max-width:100%}.together-stages{grid-template-columns:1fr}.together-stage{padding:22px}.stage-illustration{height:120px}.together-stage p{min-height:0}.together-bottom{align-items:start;flex-direction:column}.together-motion{padding:32px 6%;gap:24px}.together-stage.is-current{transform:none}}
@media(prefers-reduced-motion:reduce){.stage-illustration *{animation:none!important}.together-stage{transition:none;transform:none!important}}
.together-motion .stage-illustration svg.motion-deliver{width:120px;height:120px;flex:none;max-width:none}
@media(min-width:901px) and (max-height:720px){.together-motion .stage-illustration svg.motion-deliver{width:100px;height:100px}}

/* Reference-led wave cards: numbered colour crowns and concise white bodies. */
.wave-stages{width:min(100%,1080px);margin-inline:auto;gap:26px;align-items:stretch}
.together-stage.wave-stage{padding:0;border:1px solid #e8e2db;border-radius:25px;background:white;overflow:hidden;box-shadow:0 14px 28px #36200b08;transform:none;display:flex;flex-direction:column}
.wave-stage.is-current{box-shadow:0 18px 36px #d469001a;border-color:#f4a35d;transform:translateY(-4px)}
.wave-header{position:relative;background:#b65b27;color:#fff;text-align:center;padding:20px 16px 60px;overflow:hidden;isolation:isolate}
.wave-stage:nth-child(2) .wave-header{background:#ed790f}.wave-stage:nth-child(3) .wave-header{background:#874125}
.wave-number{display:block;font:600 clamp(46px,4.8vw,68px)/1 'Oswald',sans-serif;letter-spacing:-.04em;margin-bottom:12px;color:#fff}
.wave-header h3{font-size:22px;line-height:1.2;margin:0 0 10px;color:#fff;letter-spacing:-.03em}.wave-caption{font-size:10px;font-weight:600;letter-spacing:.11em;color:#fff}
.together-motion svg.wave-divider{position:absolute;bottom:-1px;left:0;width:100%;height:65px;max-width:none;display:block}.wave-echo{fill:#ffffff18}.wave-line{fill:none;stroke:#ffffff8c;stroke-width:1}
.wave-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px 22px;flex:1}.wave-body .stage-illustration{height:100px;width:100%;margin:0 0 12px;background:none}.wave-body .motion-plan{transform:scale(.72)}.wave-body .motion-preview{transform:scale(.75)}.together-motion .wave-body svg.motion-deliver{width:82px;height:82px}
.wave-body p{font-size:15px;line-height:1.6;min-height:48px;max-width:29ch;color:#272c32;margin:0}.wave-body footer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.5;border:0;padding:0;margin:16px 0 18px;color:#42474d}.wave-body footer>span{color:#c45400;font-weight:700}.wave-body>a{margin-top:auto;border-radius:50px;padding:9px 16px;background:#fff0e2;color:#843900;font-size:12px;font-weight:600;text-decoration:none;transition:background .25s,color .25s}.wave-body>a span{margin-left:12px}.wave-body>a:hover,.wave-body>a:focus-visible{background:#b64f00;color:white}
@media(min-width:901px) and (max-height:720px){.wave-stages{max-width:970px;gap:22px}.wave-header{padding:14px 12px 48px}.wave-number{font-size:44px;margin-bottom:8px}.wave-header h3{font-size:20px;margin-bottom:7px}.together-motion svg.wave-divider{height:48px}.wave-body{padding:0 20px 15px}.wave-body .stage-illustration{height:76px;margin-bottom:4px}.wave-body p{font-size:14px;min-height:44px}.wave-body footer{margin:10px 0 12px;font-size:11px}.wave-body>a{padding:7px 14px}}
@media(max-width:800px){.wave-stages{max-width:420px;gap:24px}.wave-header{padding:24px 16px 65px}.wave-number{font-size:60px}.wave-body{padding:0 26px 24px}.wave-body p{min-height:0}.wave-stage.is-current{transform:none}}
@media(prefers-reduced-motion:reduce){.wave-stage,.wave-body>a{transition:none!important}}

/* Flat brand orange for all milestone cards and animated symbols. */
.together-motion{--milestone-orange:#db6000}
.together-motion .wave-header,.together-motion .wave-stage:nth-child(2) .wave-header,.together-motion .wave-stage:nth-child(3) .wave-header{background:var(--milestone-orange)}
.together-motion .wave-stage,.together-motion .wave-stage.is-current{box-shadow:none}
.together-motion .wave-echo,.together-motion .wave-line{display:none}
.together-motion .stage-illustration{background:none}
.together-motion .motion-plan i,.together-motion .motion-plan span,.together-motion .motion-preview span,.together-motion .motion-preview header i{background:var(--milestone-orange)}
.together-motion .motion-preview{background:white;border-color:var(--milestone-orange)}
.together-motion .motion-preview header{border-color:#ddd}
.together-motion .motion-preview>b{background:none;border-left:3px solid var(--milestone-orange);width:2px;animation:flat-preview-scan 3.6s ease-in-out infinite}
.together-motion .ring-progress,.together-motion .motion-deliver path{stroke:var(--milestone-orange)}
.together-motion .ring-track{stroke:#e7e7e7}
@keyframes flat-preview-scan{0%,100%{left:8%;opacity:0}20%,80%{opacity:1}90%{left:92%;opacity:0}}
/* Frame the supplied portfolio's hero, with a top-aligned crop rather than squeezing the full page. */
#home-studio .glass-studio-card.card-design{background:#0d0d0f}
#home-studio .card-design .studio-card-photo{inset:112px 0 auto;width:100%;height:calc(100% - 192px);padding:0;object-fit:cover;object-position:center top;filter:none;transform:none}
#home-studio .card-design::before,#home-studio .card-design::after{display:none}
#home-studio .card-design:hover .studio-card-photo{transform:none}
#home-studio .card-design .glass-card-heading,#home-studio .card-design .glass-card-caption{text-shadow:none}
@media(max-width:700px){#home-studio .card-design .studio-card-photo{top:140px;height:calc(100% - 230px)}}
#home-studio .card-design .studio-card-photo{top:140px;height:calc(100% - 220px)}
@media(max-width:700px){#home-studio .card-design .studio-card-photo{top:150px;height:calc(100% - 240px)}}

/* Solid studio palette, fine reference linework and directional controls. */
.together-motion .wave-stage{--card-tone:#292d32;--milestone-orange:#df6500}
.together-motion .wave-stage:nth-child(2){--card-tone:#c65400}
.together-motion .wave-stage:nth-child(3){--card-tone:#454d56}
.together-motion .wave-stage .wave-header{background:var(--card-tone)}
.together-motion .wave-line{display:block;stroke:#fff;stroke-width:1;opacity:.85;fill:none;vector-effect:non-scaling-stroke}
.together-motion .wave-echo{display:block;fill:#ffffff0d;stroke:none}
.together-motion .wave-body>a{display:inline-flex;align-items:center;gap:18px;position:relative;isolation:isolate;overflow:hidden;background:#f1f2f3;color:#20252b;border:1px solid #dce0e4;border-radius:8px;padding:7px 7px 7px 16px;font-size:12px;transition:color .3s,border-color .3s}
.together-motion .wave-body>a::before{content:'';position:absolute;inset:0;background:#20252b;transform:translateX(-102%);transition:transform .35s cubic-bezier(.22,1,.36,1);z-index:-1}
.together-motion .wave-body>a>span{display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:5px;background:#df6500;color:#fff;font-size:17px;transition:transform .35s}
.together-motion .wave-body>a:is(:hover,:focus-visible){background:#f1f2f3;color:white;border-color:#20252b}
.together-motion .wave-body>a:is(:hover,:focus-visible)::before{transform:translateX(0)}
.together-motion .wave-body>a:is(:hover,:focus-visible)>span{transform:rotate(45deg)}
.together-motion .wave-body>a:active{transform:scale(.97)}
.together-motion .together-bottom button{border-radius:8px;padding:8px 8px 8px 18px;display:flex;align-items:center;gap:24px;background:#20252b;transition:background .3s,transform .2s}
.together-motion .together-bottom button>span{display:grid;place-items:center;width:34px;height:34px;background:#df6500;border-radius:5px;margin:0;font-size:20px;transition:transform .35s}
.together-motion .together-bottom button:hover>span{transform:rotate(45deg)}
.together-motion .together-bottom button:active{transform:scale(.98)}
@media(prefers-reduced-motion:no-preference){
 .studio-brand-copy{animation:studio-copy-arrive .9s cubic-bezier(.22,1,.36,1) both}
 .studio-brand-visual{animation:studio-bali-arrive 1.2s cubic-bezier(.22,1,.36,1) both}
 .studio-brand-visual img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
 .studio-brand-visual:hover img{transform:translateY(-5px) rotate(-1deg)}
 .together-motion.is-playing .wave-stage.is-current .wave-line{stroke-dasharray:500;animation:studio-wave-draw 1.4s ease-out both}
}
@keyframes studio-copy-arrive{from{transform:translateY(24px)}to{transform:translateY(0)}}
@keyframes studio-bali-arrive{from{transform:translateX(65px) scale(.94)}to{transform:translateX(0) scale(1)}}
@keyframes studio-wave-draw{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.together-motion .wave-body>a,.together-motion .wave-body>a::before,.together-motion .wave-body>a>span,.together-motion .together-bottom button,.together-motion .together-bottom button>span{transition:none}}
.together-motion .wave-stage:nth-child(2) .wave-header,.together-motion .wave-stage:nth-child(3) .wave-header{background:var(--card-tone)}
@keyframes plan-rise{0%,100%{transform:translateY(5px);opacity:1}45%,70%{transform:translateY(-5px);opacity:1}}

/* White pill controls and staggered horizontal section entrances. */
.together-motion .wave-body>a{background:#fff;color:#25282d;border:1px solid #e2e2e2;border-radius:100px;padding:11px 22px;gap:10px;box-shadow:none}
.together-motion .wave-body>a::before{display:none}
.together-motion .wave-body>a>span{width:auto;height:auto;background:transparent;color:inherit;font-size:15px;border-radius:0}
.together-motion .wave-body>a:is(:hover,:focus-visible){background:#fff;color:#b64e00;border-color:#b64e00}
.together-motion .wave-body>a:focus-visible{outline:2px solid #df6500;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .together-motion.is-playing .wave-stage{animation:studio-card-side 850ms cubic-bezier(.16,1,.3,1) backwards}
 .together-motion.is-playing .wave-stage:nth-child(2){animation-delay:180ms}
 .together-motion.is-playing .wave-stage:nth-child(3){animation-delay:360ms}
 .together-motion.is-playing .together-heading{animation:studio-content-side 800ms cubic-bezier(.16,1,.3,1) backwards}
}
@keyframes studio-card-side{from{translate:70px 0;opacity:0}to{translate:0 0;opacity:1}}
@keyframes studio-content-side{from{translate:-35px 0;opacity:.3}to{translate:0 0;opacity:1}}
@keyframes studio-copy-arrive{from{transform:translateX(-40px)}to{transform:translateX(0)}}
/* Original image restored in a dedicated slot; text never overlays its content. */
#home-studio .card-design .studio-card-photo{top:155px;height:calc(100% - 245px);object-fit:contain;object-position:center;padding:0 14px;box-sizing:border-box}
@media(max-width:700px){#home-studio .card-design .studio-card-photo{top:170px;height:calc(100% - 270px)}}

/* Contain horizontal card entrances within the section. */
#home-studio.studio-glass-section{overflow-x:clip}