/* Nuáns studio: original identity, clear ideas, work in context. */
.studio-home{--orange:#ef8b4d;--ink:#171717;--muted:#666;--rule:#dedede;color:var(--ink)}
.studio-home .wrap{max-width:1440px}.studio-home .button{border-radius:5px;background:var(--orange);color:var(--ink);gap:20px;transition:background .2s,color .2s,transform .2s}.studio-home .button:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.studio-home .button svg{flex-shrink:0}.studio-home header .button{margin-left:30px}.studio-home .studio-eyebrow{font-size:11px;letter-spacing:.065em;line-height:1.6;color:#555;margin:0 0 22px}.studio-home h2{font-size:clamp(32px,4.1vw,58px);font-weight:400;letter-spacing:-.055em;line-height:1.04}.studio-home h3{font-weight:400;letter-spacing:-.035em}.studio-home p{color:var(--muted)}
.studio-opening{display:grid;grid-template-columns:1.35fr 1fr;gap:10%;align-items:end;padding:54px 0 40px}.studio-opening h1{font-size:clamp(48px,6.4vw,91px);font-weight:400;line-height:.99;letter-spacing:-.062em;margin:0}.studio-opening-copy{max-width:365px;justify-self:end;padding-bottom:2px}.studio-opening-copy p{font-size:20px;line-height:1.5;margin:0 0 22px;color:#333}.studio-opening-copy .text-link{font-size:14px;border-bottom:1px solid #b9b9b9;padding:0 0 7px;gap:28px}.studio-reel figure{margin:0;border-radius:8px;overflow:hidden;background:#efeee9}.studio-reel img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.reel-caption{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:12px;color:#666}.g-motion-toggle{border:0;background:none;padding:5px 0;border-bottom:1px solid #aaa;font-size:12px}
.studio-about{display:grid;grid-template-columns:.55fr 1.45fr;gap:7%;padding:84px 0 76px}.studio-about>div>p{max-width:690px;font-size:18px;line-height:1.6}.studio-about .studio-lead{font-size:clamp(22px,2.5vw,32px);line-height:1.4;letter-spacing:-.025em;color:#333;margin:24px 0 20px}.studio-services{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:44px}.studio-services article{border-top:1px solid var(--rule);padding-top:22px}.studio-services span{font-size:10px;letter-spacing:.055em;color:#777}.studio-services h3{font-size:24px;line-height:1.1;margin:18px 0 12px}.studio-services p{font-size:14px;line-height:1.6;margin:0}
.studio-work{padding:25px 0 72px}.studio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.studio-section-heading h2{margin:0}.studio-section-heading>p{font-size:15px;line-height:1.6;margin:0;max-width:310px}.studio-projects{display:grid;grid-template-columns:repeat(12,1fr);gap:44px 28px}.studio-project{grid-column:span 5;min-width:0}.studio-project:first-child,.studio-project:last-child{grid-column:span 7}.studio-project-image{aspect-ratio:1.36;overflow:hidden;border-radius:5px;background:#f0efea}.studio-project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.studio-project:first-child .studio-project-image,.studio-project:last-child .studio-project-image{aspect-ratio:1.91}.studio-project.project-xodus img{object-fit:contain;padding:12px}.studio-project-label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0 0}.studio-project-label .studio-eyebrow{margin:0 0 10px;font-size:10px}.studio-project h3{font-size:clamp(23px,2.2vw,32px);margin:0 0 7px}.studio-project-label p:last-child{font-size:14px;margin:0}.studio-project-label>svg{width:26px;height:26px;flex-shrink:0;transition:transform .2s}.studio-project:hover>div img{transform:scale(1.025)}.studio-project:hover .studio-project-label>svg{transform:translate(3px,-3px)}
.studio-process{padding:50px 0 70px;border-top:1px solid var(--rule)}.studio-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;margin:46px 0 0;list-style:none}.studio-process li{border-top:1px solid var(--rule);padding:23px 0 0}.studio-process li>span{font-size:13px;color:#777}.studio-process h3{font-size:29px;margin:24px 0 15px}.studio-process li p{font-size:15px;line-height:1.6;margin:0;max-width:360px}
.studio-home .sprint{border-radius:8px;margin:0 auto;width:94%;max-width:1560px;padding:60px 0;background:#f5f4f0}.studio-home .sprint-grid{width:92%;gap:10%;align-items:center}.studio-home .price-card{border-radius:6px;padding:30px;border:1px solid #ddd;box-shadow:none}.studio-home .price-card:before{display:none}.studio-home .sprint .price{font-size:51px}.studio-home .included li{font-size:15px}.studio-home .price-top{font-size:10px;letter-spacing:.06em}.studio-home .sprint .fine-print{color:#666}.studio-home .sprint-intro h2{max-width:440px}.studio-home .timing{margin:24px 0}.studio-home .timing strong{font-size:64px}.studio-home .faq{padding:75px 0;grid-template-columns:1fr 1.4fr;gap:12%}.studio-home .faq h2{font-size:40px}.studio-home details p{color:#555;line-height:1.65}.studio-home summary{font-size:15px;padding:21px 0}.studio-home .included li:before{content:'+'}
.studio-contact{background:var(--orange);border-radius:8px;padding:42px!important;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8%;margin-bottom:45px!important}.studio-contact .studio-eyebrow,.studio-contact p{color:#222}.studio-contact h2{font-size:clamp(42px,5vw,72px);margin:0}.studio-contact p:last-child{font-size:16px;margin:24px 0 0}.studio-contact-actions{display:flex;flex-direction:column;gap:23px;align-items:start}.studio-contact .button{background:#fff}.studio-contact .button:hover{background:#171717;color:#fff}.studio-contact-actions>a:last-child{font-size:14px;border-bottom:1px solid #333;padding-bottom:6px;overflow-wrap:anywhere}.studio-footer{border-top:1px solid var(--rule);display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:40px;padding:30px 0 38px}.studio-footer p{font-size:14px;line-height:1.6;margin:0}.studio-footer>div{display:flex;gap:26px;font-size:13px}.studio-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1500px){.studio-reel figure{max-height:640px}.studio-reel img{height:640px}}
@media(max-width:1000px){.studio-opening{gap:7%;grid-template-columns:1.2fr 1fr;padding:40px 0 34px}.studio-opening-copy p{font-size:18px}.studio-home header .button{margin-left:0}.studio-home nav{gap:18px;font-size:14px}.studio-about{grid-template-columns:.4fr 1.6fr;gap:6%}.studio-services{gap:20px}.studio-services h3{font-size:22px}.studio-projects{gap:34px 22px}.studio-project-label .studio-eyebrow{font-size:9px}.studio-contact{padding:34px!important;gap:5%}.studio-contact .button{padding:15px 18px;font-size:14px}.studio-footer{gap:28px}.studio-footer>div{gap:16px}}
@media(max-width:700px){.studio-opening{grid-template-columns:1fr;gap:26px;padding:34px 0 28px}.studio-opening h1{font-size:clamp(46px,11.8vw,74px)}.studio-home .studio-eyebrow{font-size:9px;margin-bottom:18px}.studio-opening-copy{max-width:390px;justify-self:start}.studio-opening-copy p{font-size:17px;line-height:1.5;margin-bottom:15px}.studio-opening-copy .text-link{font-size:13px}.studio-reel figure{border-radius:4px}.reel-caption{font-size:10px;padding:10px 0;gap:10px}.g-motion-toggle{font-size:11px}.studio-about{grid-template-columns:1fr;gap:8px;padding:42px 0 44px}.studio-home h2{font-size:36px}.studio-about>div>p{font-size:16px}.studio-about .studio-lead{font-size:22px}.studio-services{grid-template-columns:1fr;gap:0;margin-top:26px}.studio-services article{display:grid;grid-template-columns:1fr 1.25fr;gap:0 20px;padding:19px 0}.studio-services span{grid-column:1;font-size:9px}.studio-services h3{grid-column:1;font-size:21px;margin:10px 0}.studio-services p{grid-column:2;grid-row:1/span 2;font-size:13px}.studio-section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:27px}.studio-section-heading>p{font-size:14px}.studio-work{padding:15px 0 43px}.studio-projects{grid-template-columns:1fr;gap:31px}.studio-project,.studio-project:first-child,.studio-project:last-child{grid-column:auto}.studio-project-image,.studio-project:first-child .studio-project-image,.studio-project:last-child .studio-project-image{aspect-ratio:1.4}.studio-project-label{padding-top:15px}.studio-project-label .studio-eyebrow{font-size:9px;margin:0 0 8px}.studio-project h3{font-size:26px;line-height:1.1}.studio-project-label p:last-child{font-size:13px}.studio-process{padding:34px 0 43px}.studio-process ol{grid-template-columns:1fr;gap:23px;margin-top:30px}.studio-process li{display:grid;grid-template-columns:36px 1fr;gap:0 14px;padding-top:19px}.studio-process li>span{font-size:11px;padding-top:5px}.studio-process h3{margin:0 0 14px;font-size:25px}.studio-process li p{grid-column:2;font-size:14px}.studio-home .sprint{padding:33px 0;border-radius:6px}.studio-home .sprint-grid{gap:23px}.studio-home .sprint-intro h2{font-size:36px}.studio-home .sprint .eyebrow{font-size:12px;margin-bottom:20px}.studio-home .price-card{padding:24px}.studio-home .price{font-size:47px!important}.studio-home .faq{grid-template-columns:1fr;padding:44px 0;gap:10px}.studio-home .faq h2{font-size:33px}.studio-home .faq>div>p{font-size:14px}.studio-home summary{font-size:14px}.studio-contact{grid-template-columns:1fr;gap:28px;padding:29px 24px!important;margin-bottom:25px!important}.studio-contact h2{font-size:43px}.studio-contact p:last-child{font-size:14px;margin-top:20px}.studio-contact-actions{gap:19px}.studio-contact-actions>a:last-child{font-size:13px}.studio-footer{grid-template-columns:115px 1fr;gap:23px;padding:25px 0}.studio-footer p{font-size:12px}.studio-footer>div{grid-column:1/-1;gap:25px;font-size:12px}.studio-home .button.small{align-self:start}}
@media(prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important;transition:none!important}.studio-project:hover>div img,.studio-home .button:hover{transform:none}}
/* The original brand film opens on its own; the studio statement follows. */
.studio-cinema{position:relative;width:96%;max-width:1920px;margin:0 auto;padding-bottom:max(30px,calc(28svh - 100px));}
.cinema-frame{position:relative;height:72svh;max-height:1000px;min-height:330px;overflow:hidden;border-radius:5px;background:#f1f0eb;transform-origin:50% 0}
.cinema-frame>img{display:block;width:100%;height:100%;object-fit:cover}
.studio-home .cinema-toggle{position:absolute;right:20px;bottom:20px;width:40px;height:40px;padding:0;border:1px solid #4444;border-radius:50%;background:#ffffffa8;font-size:0;color:#292929;transition:background .2s}
.cinema-toggle:before{content:'';position:absolute;top:14px;left:15px;width:8px;height:11px;border-left:3px double currentColor;border-right:2px solid currentColor}
.cinema-toggle[aria-pressed="true"]:before{top:13px;left:16px;width:0;height:0;border:7px solid transparent;border-left:10px solid currentColor;border-right:0}
.studio-home .cinema-toggle:hover{background:#fff}
.studio-statement{position:relative;z-index:1;background:#fff;display:grid;grid-template-columns:1.65fr 1fr;gap:40px 8%;padding:68px 0 0}
.studio-statement h1{font-size:clamp(48px,6.4vw,91px);font-weight:400;line-height:1.06;letter-spacing:-.062em;margin:0}
.statement-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.statement-line>span{display:block;transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.statement-line:nth-child(2)>span{transition-delay:.1s}
.studio-statement-copy{align-self:end;max-width:345px;padding-bottom:3px;transition:opacity .7s .16s,transform .7s .16s}
.studio-statement-copy p{font-size:19px;line-height:1.55;color:#414141;margin:0 0 23px}
.studio-statement-copy .text-link{font-size:14px;border-bottom:1px solid #aaa;padding-bottom:9px;gap:40px}
.studio-statement .studio-eyebrow{transition:opacity .5s}
.studio-statement-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dedede;padding:20px 0;font-size:12px;color:#666;margin-top:12px}
.studio-statement-foot a{display:flex;gap:35px;color:#333}
.studio-statement.intro-pending .statement-line>span{transform:translateY(115%)}
.studio-statement.intro-pending .studio-statement-copy{opacity:0;transform:translateY(24px)}
.studio-statement.intro-pending .studio-eyebrow{opacity:0}
.studio-home .studio-about{padding-top:62px}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .cinema-frame{animation:cinema-depart linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
 }
}
@keyframes cinema-depart{to{transform:translateY(45px) scale(.96)}}
@media(min-width:1900px){.cinema-frame{height:75svh}.studio-cinema{padding-bottom:max(30px,calc(25svh - 100px))}}
@media(max-width:1000px){.studio-statement{column-gap:6%;grid-template-columns:1.4fr 1fr}.studio-statement-copy p{font-size:17px}}
@media(max-width:700px){
 .studio-cinema{width:100%;padding-bottom:max(32px,calc(28svh - 85px))}
 .cinema-frame{height:72svh;min-height:300px;max-height:760px;border-radius:0}
 .cinema-frame>img{object-fit:contain;transform:scale(1.55)}
 .studio-home .cinema-toggle{right:20px;bottom:18px;width:38px;height:38px}
 .studio-statement{grid-template-columns:1fr;gap:26px;padding-top:26px}
 .studio-statement h1{font-size:clamp(42px,10.2vw,70px);line-height:1.08}
 .studio-statement .studio-eyebrow{font-size:9px;margin-bottom:20px}
 .studio-statement-copy{max-width:370px}
 .studio-statement-copy p{font-size:17px;margin-bottom:18px}
 .studio-statement-copy .text-link{font-size:13px}
 .studio-statement-foot{font-size:10px;margin-top:0;padding:18px 0}
 .studio-statement-foot a{gap:18px}
 .studio-home .studio-about{padding-top:38px}
}
@media(prefers-reduced-motion:reduce){
 .cinema-frame,.statement-line>span,.studio-statement-copy,.studio-statement .studio-eyebrow{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}