/* Happie / quiet revision. Original voice, fewer elements, generous space. */
.quiet-site{--bg:#fcfcfd;--ink:#211d2c;--muted:#706b79;--soft:#f6f4f8;--line:#211d2c16;background:var(--bg);color:var(--ink)}
.quiet-site h1,.quiet-site h2,.quiet-site h3{font-weight:500;letter-spacing:-.065em}.quiet-site p{font-weight:400}.quiet-site .site-header{height:106px;padding:0 6.5%;gap:46px;border:0;margin:0;background:var(--bg)}.quiet-site .site-header .brand img{width:140px}.quiet-site .site-header nav{gap:35px;font-size:11px;font-weight:400}.quiet-site .site-header nav a{padding:14px 0}.quiet-site .site-header nav a[aria-current]{text-decoration-thickness:1px;text-underline-offset:6px}.quiet-site .header-cta{font-weight:400;font-size:11px;border:0;gap:18px;padding-left:0}.quiet-site .header-cta span{font-size:18px}.quiet-site .mobile-secondary{display:none}.quiet-site .inline-link{font-weight:400;font-size:13px}.quiet-site .btn,.quiet-site .button{font-weight:400;box-shadow:none}.quiet-site .version-dock{left:auto;right:18px;transform:none;bottom:15px;box-shadow:none;border:1px solid #211d2c15;background:#ffffffed;backdrop-filter:blur(15px);padding:3px}.quiet-site .version-dock a{font-size:9px;min-height:31px;padding:8px 10px}.quiet-site .version-dock a[aria-current]{background:#f0edf5;color:#190482}.quiet-site .version-dock .gallery-link{font-size:14px;padding:4px 9px}.quiet-site .section-label{letter-spacing:0;font-weight:400;text-transform:none;font-size:12px}.quiet-site .wrap{padding-left:8%;padding-right:8%}
/* The only moving object is the original mark. */
.quiet-hero{min-height:650px;height:calc(100svh - 106px);max-height:1000px;position:relative;background:var(--bg);overflow:hidden}.quiet-title{position:absolute;left:8%;top:50%;transform:translateY(-57%);z-index:2;pointer-events:none}.quiet-title h1{font-size:clamp(64px,8.2vw,140px);line-height:1.04;letter-spacing:-.072em;font-weight:500}.quiet-hero .hero-object{position:absolute;right:6%;top:50%;transform:translateY(-58%);width:28%;height:360px}.quiet-hero .brand-sculpture{opacity:1}.quiet-hero .sculpture-fallback{filter:none}.quiet-hero .motion-toggle{right:calc(50% - 22px);bottom:-20px;opacity:.6;width:44px;min-height:44px;padding:10px}.quiet-hero .motion-toggle:hover{opacity:1}.quiet-hero .motion-toggle>span:first-child{width:23px;height:23px;font-size:9px;border-color:currentColor}.quiet-hero .motion-label{display:none}.quiet-hero-foot{position:absolute;bottom:35px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.quiet-hero-foot a{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:19px;color:var(--ink)}
.quiet-site.studio{--bg:#f7f5fa;--ink:#190482;--muted:#746d85}.studio .quiet-title{top:51%;left:5%;right:5%;transform:translateY(-30%);text-align:center}.studio .quiet-title h1{font-size:clamp(66px,8.6vw,140px);line-height:1.03;font-weight:450}.studio .quiet-hero .hero-object{width:175px;height:175px;left:calc(50% - 87.5px);right:auto;top:7%;transform:none}.studio .quiet-hero .motion-toggle{bottom:-10px;right:-38px}.studio .quiet-intro{background:#fcfcfd}
.quiet-site.nocturne{--bg:#190482;--ink:#eee7f6;--muted:#b8a9d1;--soft:#211087;--line:#dccfec23}.quiet-site.nocturne .site-header{background:var(--bg)}.nocturne .quiet-title{left:9%;top:46%}.nocturne .quiet-title h1{font-weight:430;line-height:1.08}.nocturne .quiet-hero .hero-object{right:2%;top:42%;width:44%;height:560px;transform:translateY(-36%)}.nocturne .quiet-hero .brand-sculpture{opacity:.12}.nocturne .quiet-hero .motion-toggle{bottom:0;right:18%;color:var(--lilac)}.nocturne .quiet-intro{border-top:1px solid var(--line)}.nocturne .quiet-intro p{color:var(--muted)}
.quiet-site.pulse{--bg:#fff;--ink:#211d2c;--muted:#746f7a;--soft:#f7f4f9}.quiet-site.pulse .site-header{background:#fff}.pulse .quiet-title{left:43%;top:49%}.pulse .quiet-title h1{font-size:clamp(58px,7.3vw,124px);font-weight:470}.pulse .quiet-hero .hero-object{right:auto;left:7%;width:26%;height:360px;top:49%;transform:translateY(-57%)}.pulse .quiet-intro{background:#fcfafc}
/* Original copy takes precedence over a sales-page sequence. */
.quiet-intro{padding:160px 10%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:12%;background:#f7f6f9}.quiet-intro h2{font-size:clamp(48px,5.6vw,88px);font-weight:470;line-height:1.08}.quiet-intro p{max-width:430px;font-size:19px;line-height:1.65;margin:0 0 30px;color:var(--ink)}.quiet-intro-links{display:flex;gap:32px;font-size:12px}.quiet-intro-links a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--line)}.quiet-intro-links a:hover{text-decoration-color:currentColor}
.quiet-references{padding:90px 8% 110px}.quiet-references>.section-label{font-size:12px;margin-bottom:45px;color:var(--muted)}.quiet-references .ref-grid{background:none;border:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:28px 26px;align-items:center}.quiet-references .ref-grid>.ref-item{border:0;background:transparent;border-radius:0;min-height:65px;padding:10px 4px;display:flex;justify-content:center;align-items:center}.quiet-references .ref-grid .ref-item img{width:106px;height:40px;max-width:100%;object-fit:contain;filter:none}.quiet-references .ref-grid .ref-item span{display:none}.quiet-references .ref-grid>.logo-on-dark{background:#202630;min-height:65px;padding:12px;border-radius:2px}.quiet-references .ref-grid>.logo-on-dark img{max-width:95%;height:36px}.nocturne .quiet-references .ref-grid>.ref-item:not(.logo-on-dark){background:#fff;min-height:65px;border-radius:2px;padding:12px}.home-references{padding-top:90px;padding-bottom:95px}
.quiet-footer{display:block;padding:0 8% 75px;font-size:11px;background:var(--bg)}.quiet-contact{padding:75px 0 100px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:40px}.quiet-contact>a:first-child{display:inline-flex;align-items:center;gap:45px;font-size:clamp(42px,5vw,76px);font-weight:450;letter-spacing:-.06em;line-height:1.2}.quiet-contact>a:first-child>span{font-size:.65em;font-weight:300}.quiet-contact .quiet-email{font-size:14px;letter-spacing:-.015em;color:var(--muted)}.quiet-footer-bottom{display:flex;align-items:center;gap:40px}.quiet-logo{width:125px;height:auto}.quiet-footer-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-left:auto;font-size:10px}.quiet-footer-links a{padding:10px 0}.quiet-footer-bottom>.meta-badge{width:105px;height:auto;margin-left:25px}.quiet-legal{display:flex;gap:26px;font-size:9px;color:var(--muted);margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.quiet-legal>small{font-size:9px;margin-right:auto}.quiet-legal a{min-height:30px}.nocturne .quiet-footer-bottom>.meta-badge{background:#fff}
/* Inner pages use the same restraint. */
.quiet-page-head{padding:80px 8% 100px;max-width:1400px;margin:auto}.quiet-page-head .breadcrumb{font-size:11px;color:var(--muted);margin-bottom:45px}.quiet-page-head h1{font-size:clamp(60px,8.3vw,120px);font-weight:470;line-height:1.04}.quiet-page-head>p{font-size:19px;line-height:1.65;max-width:640px;margin:35px 0 0;color:var(--muted)}.quiet-about{padding:0 8% 120px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.quiet-about>img{width:100%;height:570px;object-fit:cover;border-radius:3px}.quiet-about>div>p{font-size:25px;line-height:1.5;color:var(--ink);margin:0 0 50px;letter-spacing:-.025em}.quiet-about ul{list-style:none;padding:0;margin:0}.quiet-about li{font-size:14px;line-height:1.7;padding:18px 0;border-top:1px solid var(--line);color:var(--muted)}.quiet-services{padding:0 8% 120px;max-width:1400px;margin:auto}.quiet-service{border-bottom:1px solid var(--line)}.quiet-service:first-child{border-top:1px solid var(--line)}.quiet-service>summary{font-size:clamp(22px,2.65vw,39px);font-weight:450;letter-spacing:-.035em;align-items:center;padding:30px 0;gap:45px}.quiet-service>summary>span{font-size:24px;font-weight:300}.quiet-service>div{max-width:750px;padding-bottom:35px}.quiet-service p{font-size:16px;line-height:1.9;margin:0 0 10px}.quiet-service-contact{border:0;background:none;color:var(--ink);padding:10px 0;cursor:pointer}.quiet-work-list{padding:0 8% 120px;max-width:1400px;margin:auto}.quiet-work-list>a{display:grid;grid-template-columns:150px 1fr auto;gap:50px;align-items:center;padding:35px 0;border-top:1px solid var(--line)}.quiet-work-list>a>img{width:150px;height:110px;object-fit:cover;border-radius:2px}.quiet-work-list h2{font-size:clamp(30px,3.3vw,48px);font-weight:450}.quiet-work-list>a>span{display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.quiet-work-list b{font-size:21px;font-weight:300}.quiet-site .career-section{gap:12%;padding-top:0;padding-bottom:120px}.quiet-site .career-section h2{font-size:48px;margin-bottom:24px}.quiet-site .job-list h3{font-size:19px;font-weight:450;margin-bottom:30px}.quiet-site .job-row{font-size:18px;font-weight:400}.quiet-site .job-row>span:last-child{font-size:22px}.quiet-site .contact-page{padding-top:0;padding-bottom:110px;gap:10%}.quiet-site .contact-email{font-size:clamp(37px,4vw,60px);font-weight:450;margin-top:0}.quiet-site .contact-phone{font-size:20px}.quiet-site .location-card{border:0;border-radius:3px}.quiet-site .location-card>img{height:220px}.quiet-site .location-card>span{padding-left:0;padding-right:0}.quiet-site .contact-social{font-size:11px;gap:25px}.quiet-site .inquiry-card{background:none;border:0;padding:0;border-radius:0}.quiet-site .inquiry-card h2{font-size:34px;line-height:1.3;font-weight:450}.quiet-site .inquiry-card label{font-size:12px;font-weight:400}.quiet-site .inquiry-card input,.quiet-site .inquiry-card textarea,.quiet-site .inquiry-card select{border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:12px 0;min-height:46px;font-size:14px}.quiet-site .inquiry-card .btn,.quiet-site .inquiry-card .button{font-size:12px;border-radius:30px;background:var(--navy);color:white}.quiet-site .form-note{font-size:10px}.quiet-site.nocturne .inquiry-card{background:none}.quiet-site.nocturne .inquiry-card input,.quiet-site.nocturne .inquiry-card select,.quiet-site.nocturne .inquiry-card textarea{color:var(--lilac)}.quiet-site.nocturne .inquiry-card option{background:var(--navy)}.quiet-site.nocturne .inquiry-card .btn,.quiet-site.nocturne .inquiry-card .button{background:var(--lilac);color:var(--navy)}.quiet-site .case-intro{background:none;margin:0;padding:70px 8% 80px;text-align:left}.quiet-site .case-intro h1{font-size:clamp(60px,8.3vw,120px);font-weight:470}.quiet-site .case-intro>.section-label{font-size:11px}.quiet-site .case-cover img{max-height:570px;border-radius:3px}.quiet-site .case-story{padding-top:80px;gap:10%}.quiet-site .case-client h2,.quiet-site .case-chapters h2{font-size:23px;font-weight:500}.quiet-site .case-client p,.quiet-site .case-chapters p{font-size:15px;line-height:1.85}.quiet-site .case-stats strong{font-size:36px;font-weight:450}.quiet-site .case-stats span{font-size:10px}.quiet-site .case-motion img{max-height:650px;border-radius:3px}.quiet-site .next-projects>a{font-size:25px;font-weight:450}.quiet-site dialog{border-radius:12px;padding:45px;box-shadow:0 20px 90px #0002}.quiet-site dialog h2{font-size:38px;line-height:1.1;font-weight:450}.quiet-site dialog label{font-size:12px;font-weight:400}.quiet-site dialog input,.quiet-site dialog select,.quiet-site dialog textarea{border-radius:5px;font-size:14px}.quiet-site dialog .button{border-radius:30px;font-size:12px}
@media(min-width:1700px){.quiet-hero .hero-object{height:430px}.studio .quiet-hero .hero-object{height:185px;width:185px;left:calc(50% - 92.5px)}.nocturne .quiet-hero .hero-object{height:650px}.pulse .quiet-hero .hero-object{height:430px}}
@media(max-width:1100px){.quiet-site .site-header{gap:32px}.quiet-site .site-header nav{gap:25px}.quiet-title h1{font-size:8.3vw}.quiet-hero .hero-object{height:300px;right:5%;width:28%}.quiet-intro{padding:120px 8%;gap:9%}.quiet-intro p{font-size:17px}.quiet-footer-links{gap:10px 18px}.quiet-footer-bottom{gap:25px}.quiet-references .ref-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.quiet-footer-bottom>.meta-badge{margin-left:0}.quiet-about>img{height:460px}.quiet-about>div>p{font-size:21px}.quiet-work-list>a{gap:30px}.nocturne .quiet-hero .hero-object{height:450px}}
@media(max-width:950px){.quiet-site .site-header{height:90px;padding:0 6%;gap:24px}.quiet-site .site-header .brand img{width:132px}.quiet-site .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:30px 6%;border-bottom:1px solid var(--line);box-shadow:none}.quiet-site .site-header nav.open{display:flex;gap:8px}.quiet-site .site-header nav a{font-size:16px;padding:10px 0}.quiet-site .mobile-secondary{display:block}.quiet-site .site-header .menu-toggle{display:block;font-size:21px}.quiet-hero{height:calc(100svh - 90px);min-height:620px}.quiet-intro{padding:100px 8%;gap:8%}.quiet-intro h2{font-size:6vw}.quiet-intro p{font-size:16px}.quiet-footer-bottom{flex-wrap:wrap;gap:30px}.quiet-footer-links{order:3;width:100%;margin-left:0;gap:25px}.quiet-footer-bottom>.meta-badge{margin-left:auto}.quiet-footer{padding-bottom:70px}.quiet-contact{padding:70px 0 80px}.quiet-about{gap:7%}.quiet-about>img{height:430px}.quiet-about>div>p{font-size:20px}.quiet-about li{font-size:12px}.quiet-page-head h1{font-size:9vw}.quiet-page-head{padding-top:60px;padding-bottom:75px}.quiet-work-list>a{grid-template-columns:120px 1fr auto;gap:25px}.quiet-work-list>a>img{width:120px;height:95px}.quiet-work-list h2{font-size:32px}}
@media(max-width:640px){.quiet-site .site-header{height:83px;padding:0 6%;gap:18px}.quiet-site .site-header .brand img{width:116px}.quiet-site .header-cta{font-size:10px;padding:10px 0!important}.quiet-site .header-cta span{font-size:16px}.quiet-site .menu-toggle{min-width:40px}.quiet-hero{height:calc(100svh - 83px);min-height:660px;max-height:850px}.quiet-title{left:8%;right:8%;top:17%;transform:none}.quiet-title h1{font-size:12.6vw;line-height:1.06;font-weight:480}.quiet-hero .hero-object{width:210px;height:220px;left:calc(50% - 105px);right:auto;top:44%;transform:none}.quiet-hero .motion-toggle{bottom:-15px;right:-20px}.quiet-hero-foot{left:8%;right:6%;bottom:26px;font-size:9px}.studio .quiet-title{top:43%;left:6%;right:6%;transform:none}.studio .quiet-title h1{font-size:12.7vw;font-weight:450}.studio .quiet-hero .hero-object{width:140px;height:140px;left:calc(50% - 70px);top:11%}.studio .quiet-hero .motion-toggle{right:-30px;bottom:-10px}.nocturne .quiet-title{left:8%;top:23%}.nocturne .quiet-title h1{font-size:12.6vw;font-weight:420}.nocturne .quiet-hero .hero-object{width:290px;height:310px;right:0;left:auto;top:43%;transform:none}.nocturne .quiet-hero .brand-sculpture{opacity:.14}.nocturne .quiet-hero .motion-toggle{right:15%;bottom:0}.pulse .quiet-title{top:43%;left:8%;right:8%;text-align:center;transform:none}.pulse .quiet-title h1{font-size:12.7vw;font-weight:470}.pulse .quiet-hero .hero-object{width:150px;height:160px;left:calc(50% - 75px);top:10%;transform:none}.pulse .quiet-hero .motion-toggle{bottom:0;right:-35px}.quiet-intro{display:block;padding:80px 8% 85px}.quiet-intro h2{font-size:12vw;margin-bottom:35px}.quiet-intro p{font-size:17px;line-height:1.65;margin-bottom:20px}.quiet-intro-links{font-size:11px;gap:28px}.quiet-references{padding:65px 8% 70px}.quiet-references>.section-label{font-size:11px;margin-bottom:30px}.quiet-references .ref-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.quiet-references .ref-grid>.ref-item{min-height:55px;padding:8px 4px}.quiet-references .ref-grid .ref-item img{width:85px;height:32px;max-width:100%}.quiet-references .ref-grid>.logo-on-dark{min-height:55px;padding:8px}.quiet-references .ref-grid>.logo-on-dark img{height:28px}.quiet-references .ref-grid .ref-item:last-child{grid-column:auto}.nocturne .quiet-references .ref-grid>.ref-item:not(.logo-on-dark){padding:8px;min-height:55px}.quiet-footer{padding:0 8% 70px}.quiet-contact{display:block;padding:55px 0 65px}.quiet-contact>a:first-child{font-size:45px;gap:30px}.quiet-contact .quiet-email{font-size:12px;margin-top:20px;display:block}.quiet-footer-bottom{gap:25px}.quiet-logo{width:112px}.quiet-footer-bottom>.meta-badge{width:95px}.quiet-footer-links{gap:10px 21px;font-size:10px}.quiet-footer-links a{padding:9px 0}.quiet-legal{margin-top:25px;gap:20px;font-size:9px}.quiet-site .version-dock{bottom:10px;right:10px}.quiet-site .version-dock a{font-size:9px;padding:7px 9px;min-height:30px}.quiet-page-head{padding:45px 8% 60px}.quiet-page-head .breadcrumb{font-size:10px;margin-bottom:30px}.quiet-page-head h1{font-size:12.6vw}.quiet-page-head>p{font-size:16px;line-height:1.7;margin-top:25px}.quiet-about{padding:0 8% 75px;grid-template-columns:1fr;gap:45px}.quiet-about>img{height:350px}.quiet-about>div>p{font-size:22px;margin-bottom:30px}.quiet-about li{font-size:14px;padding:17px 0}.quiet-services{padding:0 8% 75px}.quiet-service>summary{padding:24px 0;font-size:22px;line-height:1.35;gap:25px;letter-spacing:-.035em}.quiet-service>summary>span{font-size:22px}.quiet-service>div{padding-bottom:24px}.quiet-service p{font-size:14px;line-height:1.8}.quiet-work-list{padding:0 8% 75px}.quiet-work-list>a{grid-template-columns:75px 1fr;gap:20px;padding:25px 0}.quiet-work-list>a>img{width:75px;height:75px;grid-row:1/3}.quiet-work-list h2{font-size:28px;align-self:end}.quiet-work-list>a>span{grid-column:2;font-size:10px;align-self:start;margin-top:-12px;gap:15px}.quiet-site .career-section{padding-top:0;padding-bottom:75px;gap:50px}.quiet-site .career-section h2{font-size:33px}.quiet-site .job-row{font-size:16px}.quiet-site .contact-page{padding-bottom:75px;gap:55px}.quiet-site .contact-email{font-size:42px}.quiet-site .contact-phone{font-size:18px}.quiet-site .inquiry-card{padding:0}.quiet-site .inquiry-card h2{font-size:32px}.quiet-site .case-intro{padding:45px 8% 55px}.quiet-site .case-intro h1{font-size:13vw}.quiet-site .case-cover img{border-radius:3px}.quiet-site .case-story{padding-top:50px;gap:35px}.quiet-site .case-client p,.quiet-site .case-chapters p{font-size:14px}.quiet-site .case-stats strong{font-size:29px}.quiet-site .case-stats>div{min-width:130px}.quiet-site .next-projects>a{font-size:22px}.quiet-site dialog{padding:35px 25px}.quiet-site dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.quiet-site *, .quiet-site *:before, .quiet-site *:after{animation:none!important;transition:none!important}.quiet-site .motion-toggle{display:none}}
@media(min-width:951px){.quiet-hero{min-height:600px}}
.quiet-site .version-dock{left:50%;right:auto;transform:translateX(-50%);border:0;background:transparent;backdrop-filter:none;border-radius:0;gap:6px}.quiet-site .version-dock a{border-radius:0;color:var(--muted)}.quiet-site .version-dock a[aria-current]{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.quiet-site .version-dock a:hover{color:var(--ink)}
/* Transparent reference marks, without backing tiles. Source files stay unmodified. */
.quiet-site .quiet-references .ref-grid>.ref-item{background:transparent;border:0;border-radius:0;min-height:65px;padding:10px 4px}
.quiet-site .quiet-references .ref-grid>.logo-transparent-light img{filter:brightness(0);mix-blend-mode:normal;width:106px;height:40px;max-width:100%}
.quiet-site.nocturne .quiet-references .ref-grid>.ref-item{background:transparent;border:0}
.quiet-site.nocturne .quiet-references .ref-grid>.ref-item img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.quiet-site.nocturne .quiet-references .ref-grid>.logo-transparent-light img{filter:none;mix-blend-mode:normal}
@media(max-width:640px){.quiet-site .quiet-references .ref-grid>.ref-item{min-height:55px;padding:8px 4px}.quiet-site .quiet-references .ref-grid>.logo-transparent-light img{width:85px;height:32px}}

/* Sixteen reference brands; native source marks retain their proportions. */
@media(min-width:641px){.quiet-site .quiet-references .ref-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1000px;margin-inline:auto;gap:28px 35px}}
.quiet-site .quiet-references .ref-grid>.reference-verti img{width:125px;height:54px}
.quiet-site .quiet-references .ref-grid>.reference-esports{flex-direction:column;gap:4px}
.quiet-site .quiet-references .ref-grid>.reference-esports img{width:48px;height:52px;filter:none;mix-blend-mode:normal}
.quiet-site .quiet-references .ref-grid>.reference-esports span{display:block;font-size:9px;line-height:1.3;letter-spacing:0;color:var(--muted)}
@media(max-width:640px){.quiet-site .quiet-references .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.quiet-site .quiet-references .ref-grid>.reference-verti img{width:105px;height:45px}}
.quiet-site.nocturne .quiet-references .ref-grid>.reference-esports img{filter:none;mix-blend-mode:normal}
/* Pinned scroll scene: enough distance to read the object's changing angles. */
.quiet-site .scroll-sequence{height:auto;max-height:none;min-height:0;overflow:visible}
.quiet-site .scroll-sequence[data-scene-ready="true"]{height:340svh}
.quiet-site .scroll-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:var(--bg);isolation:isolate}
.quiet-site .scroll-stage .hero-object{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;pointer-events:none}
.quiet-site .scroll-stage .brand-sculpture{width:100%;height:100%;opacity:1}
.quiet-site .scroll-stage .sculpture-fallback{position:absolute;left:63%;top:28%;width:29%;height:40%;object-fit:contain}
.quiet-site .scroll-stage .motion-toggle{pointer-events:auto;position:absolute;right:6%;left:auto;top:auto;bottom:37px;z-index:4;color:var(--muted);opacity:.8}
.quiet-site .scroll-stage .quiet-hero-foot{bottom:38px;right:12%;z-index:3}
.quiet-site .scroll-stage .quiet-title{z-index:2;will-change:opacity,translate}
.quiet-site .scroll-ending{position:absolute;left:8%;top:43%;width:47%;opacity:0;pointer-events:none;z-index:2;will-change:opacity,translate}
.quiet-site .scroll-ending p{font-size:clamp(54px,7vw,112px);line-height:1.04;letter-spacing:-.07em;font-weight:470;color:var(--ink);margin:0}
.quiet-site .scroll-sequence[data-scene-ready="true"] .sculpture-fallback{display:none}
.quiet-site.studio .scroll-stage .sculpture-fallback{left:43%;top:8%;width:14%;height:22%}
.quiet-site.pulse .scroll-stage .sculpture-fallback{left:7%;top:28%;width:29%;height:40%}
.quiet-site .quiet-references .ref-grid>.reference-esports img{width:60px;height:84px;filter:none;mix-blend-mode:normal}
.quiet-site.nocturne .quiet-references .ref-grid>.reference-esports img{filter:none;mix-blend-mode:normal}
@media(max-width:640px){.quiet-site .scroll-sequence[data-scene-ready="true"]{height:310svh}.quiet-site .scroll-stage{min-height:590px}.quiet-site .scroll-stage .quiet-hero-foot{left:8%;right:23%;bottom:35px}.quiet-site .scroll-stage .motion-toggle{bottom:34px;right:7%}.quiet-site .scroll-ending{left:8%;right:8%;top:60%;width:auto;text-align:center}.quiet-site .scroll-ending p{font-size:12vw}.quiet-site .scroll-stage .sculpture-fallback{left:25%;top:42%;width:50%;height:30%}.quiet-site.studio .scroll-stage .sculpture-fallback,.quiet-site.pulse .scroll-stage .sculpture-fallback{left:33%;top:10%;width:34%;height:23%}}
@media(prefers-reduced-motion:reduce){.quiet-site .scroll-sequence[data-scene-ready]{height:auto}.quiet-site .scroll-stage{position:relative}.quiet-site .scroll-stage .quiet-title{opacity:1!important;translate:none!important}.quiet-site .scroll-ending{display:none}.quiet-site .scroll-stage .sculpture-fallback{display:block!important}}

.quiet-site:has(.scroll-sequence) .site-header{position:absolute;top:0;left:0;width:100%;background:transparent}
.quiet-site .brand-sculpture[data-ready="false"] .sculpture-canvas{display:none}
@media(prefers-reduced-motion:reduce){.quiet-site .scroll-stage .sculpture-canvas{display:none}}
/* Full supplied marks. Rames' tagline is outside the visible logo window. */
.quiet-site .quiet-references .ref-grid>.reference-smillz img{width:106px;height:66px}
.quiet-site .quiet-references .ref-grid>.reference-hane img{width:62px;height:62px;filter:brightness(.55);mix-blend-mode:normal}
.quiet-site.nocturne .quiet-references .ref-grid>.reference-hane img{filter:brightness(1.3);mix-blend-mode:normal}
.quiet-site .quiet-references .reference-rames .logo-window{position:relative;width:132px;max-width:100%;aspect-ratio:4.4;overflow:hidden}
.quiet-site .quiet-references .reference-rames .logo-window img{position:absolute;left:-3.18%;top:-35%;width:127.27%;max-width:none;height:auto;object-fit:initial}
.quiet-site.nocturne .quiet-references .reference-rames .logo-window img{filter:brightness(0) invert(1);mix-blend-mode:normal}
@media(min-width:641px){.quiet-site .quiet-references .ref-grid>.reference-hane{grid-column:2}.quiet-site .quiet-references .ref-grid>.reference-rames{grid-column:3}}
@media(max-width:640px){.quiet-site .quiet-references .ref-grid>.reference-smillz img{width:85px;height:57px}.quiet-site .quiet-references .reference-rames .logo-window{width:110px}.quiet-site .quiet-references .ref-grid>.reference-hane img{width:54px;height:54px}}