.feature-bg{position:absolute;inset:-65px;z-index:-2;pointer-events:none;background-size:cover;background-position:center;filter:blur(25px);opacity:.38}
.feature-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#f7f6f3dc,#f7f6f358 66%,#f7f6f399)}
.hero{height:1020px;min-height:1020px;padding:0}.hero-grid{display:block;min-height:0;width:100%;max-width:none;position:static}.hero-art{position:absolute;left:calc(50% - 725px);top:150px;width:810px;height:810px;margin:0;display:block}
.hero-art>.feature-art{display:block!important;visibility:visible!important;width:100%!important;height:100%;max-width:none;mask-image:none;clip-path:none;transform:none;mix-blend-mode:normal;filter:none}.feature-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-copy{position:absolute;left:calc(50% + 60px);top:204px;width:min(596px, 42%);padding:0;z-index:3}.hero-copy .eyebrow{margin:0 0 35px 64px;font-size:11px}.hero-copy h1{margin:0 0 33px;font-size:82px;line-height:.98;font-weight:800;letter-spacing:-.055em}.hero-copy h1>*{display:block}.hero-copy .line-out{margin-left:64px}.hero-copy .line-play{margin-left:24px;font-size:114px;font-weight:500;line-height:1.03;letter-spacing:-.06em}.hero-copy .line-different{margin-left:36px}.hero-copy .lede{margin-left:64px;max-width:452px;font-size:17px;line-height:1.65}.hero-copy .actions{margin:30px 0 0 64px;gap:23px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:28px;left:max(32px, calc(50% - 640px));width:min(1280px, calc(100% - 64px));max-width:none;margin:0}
.contact{min-height:1040px;height:1040px;padding:0}.contact-grid{display:block;position:static}.contact-copy{position:absolute;left:max(40px, calc(50% - 656px));top:100px;width:568px;z-index:3}.contact-copy .eyebrow{margin-bottom:37px}.contact h2{font-size:91px;font-weight:800;line-height:.99;letter-spacing:-.057em;margin:0 0 0 0}.contact h2 .line{display:block;white-space:nowrap}.contact h2 .line-next{margin-left:40px}.contact h2 .line-move{margin-left:164px}.contact-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;margin-top:82px;max-width:270px}.contact-symbol{display:none}.contact-art{position:absolute;left:calc(50% - 440px);top:203px;width:690px;height:828px;pointer-events:none;z-index:2;overflow:hidden}.contact .enquiry{position:absolute;left:auto;right:max(32px, calc(50% - 664px));top:110px;width:min(394px, 28%);padding:28px;gap:23px;z-index:4}.contact .enquiry .form-row{gap:12px}.contact .enquiry .form-heading{font-size:9px;letter-spacing:.07em}.contact .enquiry input,.contact .enquiry select,.contact .enquiry textarea{padding:14px 12px;font-size:12px}.contact .enquiry label{font-size:11px}.contact .enquiry .form-caption{font-size:9px}.contact .enquiry .button{font-size:13px}.contact .enquiry textarea{min-height:130px}
@media(min-width:701px) and (max-width:1200px){.hero{height:950px;min-height:950px}.hero-art{left:-10px;top:300px;width:54vw;height:54vw}.hero-copy{left:56%;top:200px;width:41%}.hero-copy .eyebrow{margin-left:14px}.hero-copy h1{font-size:clamp(40px,5.76vw,59px)}.hero-copy .line-out{margin-left:14px}.hero-copy .line-play{font-size:clamp(60px,8.6vw,88px);margin-left:0}.hero-copy .line-different{margin-left:8px}.hero-copy .lede,.hero-copy .actions{margin-left:14px}.hero-bottom{left:32px;width:calc(100% - 64px)}.contact{height:1360px}.contact-copy{left:36px;width:520px}.contact h2{font-size:78px}.contact h2 .line-move{margin-left:110px}.contact-art{left:-20px;top:480px;width:58vw;height:69.6vw}.contact-copy>p:not(.eyebrow){margin-top:40px;max-width:290px}.contact .enquiry{left:auto;right:32px;top:445px;width:38%;padding:23px}.contact .enquiry .form-row{flex-direction:column}}
@media(max-width:700px){.hero{height:calc(100vw + 647px);min-height:1040px;padding:0}.hero-copy{left:20px;top:125px;width:calc(100% - 40px);display:flex;flex-direction:column;padding:0}.hero-copy .eyebrow{font-size:9px;margin:0 0 22px 0}.hero-copy h1{font-size:49px;line-height:1;letter-spacing:-.06em;margin:0}.hero-copy .line-out{margin-left:0}.hero-copy .line-play{font-size:71px;margin-left:50px;line-height:1}.hero-copy .line-play:after{content:none}.hero-copy .line-different{margin-left:3px}.hero-copy .lede{font-size:14px;margin:calc(100vw + 82px) 0 0 0;max-width:100%}.hero-copy .actions{margin:24px 0 0;gap:18px}.hero-art{left:-12px;top:350px;width:calc(100% + 24px);height:auto;aspect-ratio:1;margin:0}.hero-bottom{left:20px;bottom:27px;width:calc(100% - 40px);font-size:8px}.hero-bottom .replay{order:3}.contact{height:auto;min-height:0;padding:62px 0 52px}.contact-grid{width:calc(100% - 40px)}.contact-copy{position:relative;left:auto;top:auto;width:100%}.contact-copy .eyebrow{margin-bottom:24px}.contact h2{font-size:61px;line-height:.98;letter-spacing:-.058em}.contact h2 .line-next{margin-left:29px}.contact h2 .line-move{margin-left:104px}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-top:24px;max-width:100%}.contact-art{position:relative;left:-20px;top:auto;width:calc(100% + 40px);height:auto;aspect-ratio:1/1.1;margin:24px 0 0;overflow:hidden}.contact-art .feature-art{width:100%;height:auto;object-fit:contain}.contact .enquiry{position:relative;left:auto;right:auto;top:auto;width:100%;margin:0;padding:25px;gap:20px}.contact .enquiry .form-row{flex-direction:column;gap:20px}.contact .enquiry input,.contact .enquiry select,.contact .enquiry textarea{font-size:13px}.feature-bg{opacity:.35}.contact .enquiry .form-heading{font-size:8px}}
@media(max-width:380px){.hero-copy h1{font-size:46px}.hero-copy .line-play{font-size:66px}.hero-copy .lede{margin-top:440px}.hero{height:1020px;min-height:1020px}.contact h2{font-size:55px}}

/* One scene behind the live glass content; all lettering remains HTML. */
body{background:#f0efec}.section{isolation:auto}.section>.wrap,.hero-bottom{position:relative;z-index:2}.hero .hero-grid,.contact .contact-grid{position:static}.hero-bottom{position:absolute}.feature-bg{z-index:0}.idle-art{z-index:2}
.ribbon-stage{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;overflow:hidden;background:#f0efec;transition:opacity .25s}
.ribbon-stage>img,.ribbon-stage>video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:var(--ribbon-position,75%) 0}
.ribbon-stage>video{opacity:0}.ribbon-stage.ready>video{opacity:1}.ribbon-stage:after{content:'';position:absolute;inset:0;background:#f7f6f33d}
.about .glass,.services .glass,.clients .glass,.perspectives .glass{background:linear-gradient(126deg,#ffffffb8,#ffffff73 44%,#ffffffa6)}
.section-heading>p{position:relative;isolation:isolate}.section-heading>p:before{content:'';position:absolute;inset:-14px -17px;z-index:-1;background:#f7f6f38f;backdrop-filter:blur(12px);border-radius:20px}
.section-note span{background:#f7f6f399;backdrop-filter:blur(12px);padding:8px 12px;border-radius:10px}.about>.wrap>.eyebrow{width:max-content;background:#f7f6f3a0;padding:6px 9px;border-radius:8px}
.idle-art>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.idle-art.is-playing>canvas{opacity:1}.idle-art.is-playing>.feature-art{opacity:0}
.idle-art>video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:0;top:0}.idle-art>.feature-art{content:normal!important}
.contact-art{aspect-ratio:3/4;height:auto}.contact-art>.feature-art{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}
.contact-art>canvas{width:100%;height:100%}
.motion-toggle{position:fixed;right:22px;bottom:20px;z-index:60;display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid #ffffffab;border-radius:30px;font-size:11px;color:#fff;background:#201b24da;backdrop-filter:blur(16px);box-shadow:0 5px 20px #0002}
.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline-offset:3px}.motion-toggle span{font-size:13px}.footer-stage{z-index:2;margin-top:0;padding-bottom:75px}
.intro{transition:clip-path .8s cubic-bezier(.6,0,.3,1),opacity .3s}.intro.paint .load-content{opacity:1}.intro.cleared{clip-path:inset(0 0 100% 0)}.intro button{min-height:44px}.load-content span{letter-spacing:.16em;text-transform:uppercase;font-size:10px}.loader-wipe{position:absolute;left:0;bottom:0;height:5px;background:#fff9;width:0;transition:width .6s}.intro.paint .loader-wipe{width:100%}
@media(min-width:1201px) and (max-width:1380px){.hero-art{width:740px;height:740px;left:calc(50% - 690px);top:180px}.hero-copy{left:55%;width:42%}.hero-copy h1{font-size:70px}.hero-copy .line-play{font-size:102px}.hero-copy .line-out,.hero-copy .lede,.hero-copy .actions,.hero-copy .eyebrow{margin-left:26px}.contact-art{width:610px;left:calc(50% - 410px);top:235px}.contact h2{font-size:82px}.contact-copy{left:40px}.contact .enquiry{width:29%;right:28px;padding:24px}}
@media(max-width:700px){.hero .hero-grid,.contact .contact-grid{position:static}.hero-copy{z-index:3}.hero-art{z-index:2}.contact .contact-grid{position:relative}.contact-art{aspect-ratio:3/4;margin-top:8px}.contact-art>.feature-art{height:100%;object-fit:contain}.section-heading>p:before{display:none}.section-heading{padding-bottom:130px}.about>.wrap>.eyebrow{margin-bottom:165px}.services .section-heading{margin-bottom:28px}.motion-toggle{right:12px;bottom:12px;padding:10px 12px;font-size:10px}.footer-stage{padding-bottom:72px}.contact .enquiry input,.contact .enquiry select,.contact .enquiry textarea{font-size:16px}}
@media(max-width:380px){.hero-copy .lede{margin-top:calc(100vw + 80px)}}
@media(prefers-reduced-motion:reduce){.hero-art>.feature-art{content:normal!important}.ribbon-stage,.intro{transition:none}.load-content i{animation:none}.idle-art>canvas{display:none}.idle-art.is-playing>.feature-art{opacity:1}}
/* Keep the featured suit clear of headings and supporting copy. */
@media(min-width:701px){.services .section-heading,.clients .section-heading{display:block}.services .section-heading>p,.clients .section-heading>p{width:max-content;margin-top:18px}.section-heading>p:before{inset:-7px -10px}.services .section-heading>p br,.clients .section-heading>p br{display:none}.services .section-heading>p br:after,.clients .section-heading>p br:after{content:' '}}
@media(max-width:700px){.ribbon-stage>video,.ribbon-stage>img{top:175px}.ribbon-stage{background:linear-gradient(#f0efec,#f4f0e8)}.section-heading{padding-bottom:300px}.about>.wrap>.eyebrow{margin-bottom:340px}.section-heading>p{max-width:250px}.section-heading h2{max-width:390px}}
.section>.hero-bottom{position:absolute}
.ribbon-stage>video,.ribbon-stage>img{top:var(--ribbon-y,0px);height:calc(100% + var(--ribbon-extra,0px))}
@media(min-width:701px){.perspectives .section-heading{margin-bottom:110px}}
@media(max-width:700px){.ribbon-stage>video,.ribbon-stage>img{top:var(--ribbon-y,240px);mask-image:linear-gradient(transparent,#000 45px);-webkit-mask-image:linear-gradient(transparent,#000 45px)}.about>.wrap>.eyebrow{margin-bottom:400px}.perspectives .section-heading{padding-bottom:350px}}
@media(min-width:701px){.services .section-heading,.clients .section-heading{margin-bottom:65px}.perspectives .section-heading{margin-bottom:138px}}