/* Palette sampled from the existing Saywhat logo; the original image remains unmodified. */
:root{--paper:#fff;--ink:#1e3349;--navy:#1e3349;--cream:#fbefdb;--coral:#f68473;--red:#b63e32;--line:#dce1e5;--muted:#586979;--display:'Montserrat','Arial',sans-serif}
body{background:#fff;color:var(--navy)}h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-1.8px}.draft{background:var(--navy);color:var(--cream)}header{padding-top:13px;padding-bottom:13px}.brand{display:flex;align-items:center;gap:15px;letter-spacing:-.4px}.identity-mark{width:90px;height:90px;object-fit:contain;display:block}.identity-name{font-size:17px;line-height:1.2}.identity-name b{font-weight:700}.brand span span,.brand>b>span{color:var(--red)}nav{gap:22px}nav a{font-size:12px}.langs{padding-left:17px}h1,.hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-2.8px;line-height:1.08}h2{font-size:clamp(32px,3.7vw,49px)}h3{font-size:27px;letter-spacing:-.9px}.hero{padding-top:45px;padding-bottom:45px;gap:6%}.hero-copy{padding-top:0;padding-bottom:0}.hero h1{margin:23px 0}.hero .red{color:var(--red)}.hero-copy>p{font-size:15px;line-height:1.8;max-width:450px}.hero-image{min-height:495px}.hero-image img{object-position:center top}.image-tag{background:var(--navy);color:var(--cream);padding:12px 18px}.eyebrow{letter-spacing:1.7px;font-size:10px}.live:before{background:var(--coral)}.btn{background:var(--navy);border-color:var(--navy);color:var(--cream);padding:14px 21px;gap:24px;transition:background .15s,color .15s}.btn:hover{background:#2e4b68;border-color:#2e4b68}.btn>span{color:var(--coral)}.indexline{background:var(--navy);color:var(--cream);padding:18px 23px;border:0;font-size:10px;letter-spacing:1px}.section{padding-top:65px;padding-bottom:65px}.door{padding-top:30px;padding-bottom:30px}.door h3{font-size:34px;letter-spacing:-1.2px}.door .arrow{color:var(--red)}.door .num{color:var(--red)}.doors{border-color:var(--navy)}.saywhat-mark{width:145px;height:145px;display:block;flex:none}.saywhat-mark img{width:100%;height:100%;object-fit:contain;display:block}.section-head{align-items:center}.dark{background:var(--navy);color:var(--cream)}.dark h2{color:var(--cream)}.dark .eyebrow{color:var(--coral)}.dark p{color:#dee4ea}.dark .textlink{color:var(--cream)}.dark .specs{border-color:#627385;color:var(--cream)}.dark .btn{background:var(--coral);color:var(--navy)}.strip h2{font-size:43px}.contact-band{background:#f2f5f7;padding:40px;margin:12px 0 35px;border:0}.contact-band h2{font-size:39px}.contact-band .red{color:var(--red)}.pageintro{padding-top:45px;padding-bottom:30px;max-width:950px}.pageintro h1{font-size:clamp(40px,5.4vw,68px);letter-spacing:-2px}.pageintro .lead{font-size:18px;max-width:750px}.explorebar{padding:13px 0;font-size:11px}.note{background:#f2f5f7;border-color:var(--coral)}.project-art{background:var(--navy);color:var(--cream)}.art-pub{background:var(--navy);color:var(--cream)}.art-corp{background:#eaf0f4;color:var(--navy)}.art-narr{background:#f9c5ba;color:var(--navy)}.art-editorial{background:#e5e8ed;color:var(--navy)}.project-art .wave i{background:currentColor}.project-art>b{font-family:var(--display);font-size:32px;letter-spacing:-1px}.project-card h3{font-size:23px;line-height:1.2;letter-spacing:-.6px}.format-tag{font-weight:700}.project-art .card-arrow{color:inherit}.filter-set .active,.filters button.active{background:var(--navy);color:var(--cream)}.reference-brand{font-size:40px;letter-spacing:-1.8px}.reference-list h3{font-size:25px}.brandline a{font-size:29px}.story-split h2{font-size:42px}.story-split h3{font-size:32px}.story-opener{font-family:var(--display);font-size:52px;font-weight:800;letter-spacing:-2px}.story-line,.story-line:after{background:var(--coral)}.chapter-card h3{font-size:29px;line-height:1.2;letter-spacing:-1px}.chapterintro h1{font-size:clamp(38px,5vw,62px)}.story-body .story-lead{font-size:22px}.story-body p{font-size:17px}.detail-project .project-art>b{font-size:45px}.pending-player{color:inherit}.audio-stage{background:#eef2f5}.audio-stage h3{font-size:25px}.chapter-next{border-color:var(--line)}.story-split p{line-height:1.85}footer{background:var(--navy);color:var(--cream);border:0;padding-top:25px;padding-bottom:25px;gap:25px;flex-wrap:wrap}footer p,footer small{color:#d1dbe3}footer .brand{font-size:17px}footer .brand span{color:var(--coral)}footer .footer-logo{margin-left:0!important}.footer-logo img{width:100px;height:100px;display:block}footer>a:not(.brand):not(.footer-logo){color:var(--cream)}.fullstudio{border:1px solid var(--line)}
@media(min-width:1500px){.hero-image{min-height:540px}}@media(max-width:1100px){header{gap:20px}nav{gap:15px}.identity-mark{width:75px;height:75px}.identity-name{font-size:15px}.hero h1{font-size:58px}.hero-image{min-height:470px}}
@media(max-width:950px){header{gap:15px}.identity-mark{width:66px;height:66px}.identity-name{font-size:13px}nav{gap:11px}nav a{font-size:10px}.langs{padding-left:10px;gap:6px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-image{min-height:430px}.hero-copy>p{font-size:14px}.story-split h2{font-size:35px}.saywhat-mark{width:120px;height:120px}.reference-brand{font-size:34px}}
@media(max-width:680px){header{padding:12px 22px;gap:14px}.identity-mark{width:68px;height:68px}.identity-name{font-size:14px}.brand{gap:12px}.menu{padding:3px 0;font-size:11px}.langs{gap:6px}.langs button{font-size:10px}nav a{font-size:14px}.hero{padding-top:28px;gap:25px}.hero h1{font-size:clamp(37px,10.5vw,58px);letter-spacing:-1.9px}.hero-copy>p{font-size:15px}.hero-image{min-height:0;height:420px}.indexline{padding:17px;font-size:9px;gap:9px 17px}.section{padding-top:45px;padding-bottom:45px}.section-head{display:flex;align-items:flex-start}.section-head h2{font-size:32px}.section-head .saywhat-mark{width:86px;height:86px}.door h3{font-size:30px}.contact-band{padding:27px;margin-bottom:20px}.contact-band h2{font-size:31px}.pageintro h1{font-size:40px;letter-spacing:-1.5px}.pageintro .lead{font-size:17px}.story-opener{font-size:37px}.chapter-card h3{font-size:27px}.story-split h2{font-size:34px}.story-split h3{font-size:29px}.detail-project .project-art>b{font-size:36px}.reference-brand{font-size:34px}.project-card h3{font-size:23px}.brandline a{font-size:28px}.footer-logo img{width:80px;height:80px}footer{gap:20px}.contact-layout .saywhat-mark{width:140px;height:140px}.chapterintro h1{font-size:37px}}
@media(max-width:380px){header{padding-left:15px;padding-right:15px;gap:10px}.identity-mark{width:52px;height:52px}.identity-name{font-size:12px}.brand{gap:8px}.menu{font-size:10px}.langs{padding-left:7px}.hero h1{font-size:36px}}
.brand .identity-name{color:var(--navy)}.brand .identity-name b>span{color:var(--red)}.art-narr{background:var(--coral);color:var(--navy)}
.project-art .wave{display:flex;align-items:center;justify-content:center;gap:5px;height:60px;flex-shrink:0}.project-art .wave i{flex:0 0 3px;width:3px}