/* Standalone Suno edition. Typography and rhythm inspired by Suno's public sites. */
:root{--paper:#101012;--ink:#FAF7F5;--orange:#FF7222;--muted:#b0aba8;--line:#383538;--serif:'Instrument Serif',Georgia,serif;--header:76px}
::selection{background:#ecc8b2;color:#101012}html{color-scheme:dark}body{overflow-x:clip}h1,h2,h3{font-weight:400}h1,h2:not(.foound-title),.belief-title,.culture-quote-text,.simplify-title,.index-title{font-family:'Instrument Serif',Georgia,serif;letter-spacing:-.025em}.mono,.eyebrow{font-family:'Instrument Serif',Georgia,serif;font-size:10px;letter-spacing:.13em;font-weight:500}.accent{color:var(--orange)}
.site-header{background:#101012ed;backdrop-filter:blur(20px);border-color:#ffffff12}.header-inner{gap:32px}.header-links{gap:30px}.identity{font-size:15px}.application-cta{padding:13px 21px;border-radius:40px;font-size:11px;background:var(--ink);color:var(--paper);gap:14px}.application-cta:hover{background:var(--orange);color:var(--paper)}.header-links a::after{border-radius:50%;width:4px;height:4px}.site-header::after{background:var(--orange);height:1px}.hero{min-height:min(900px,calc(100svh - var(--header)));padding-top:38px;padding-bottom:45px;gap:35px}.hero-meta{align-items:center}.hero-meta .mono:last-child{font-size:9px}.hero-main{grid-template-columns:1fr .6fr;gap:50px}.hero h1{font-size:clamp(100px,14vw,220px);line-height:.93;letter-spacing:-.035em}.hero h1 span{padding-top:.045em}.greeting{padding-bottom:.08em}.greeting-name{font-style:italic}.hero-bottom{grid-template-columns:minmax(0,560px) auto}.hero .reading{font-size:14px}.text-link{font-size:12px}.arrow-icon{width:12px;height:12px;fill:currentColor}
.listening-art{position:relative;width:min(100%,430px);max-width:430px;aspect-ratio:1;justify-self:end;image-rendering:auto;margin:0;isolation:isolate}.sound-disc{position:absolute;inset:6%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 5px,#351c233d 6px 7px),conic-gradient(from 25deg,#f5dfb9,#ce776d,#6e333e,#a66580,#efd7b3,#eeb29b,#f5dfb9);box-shadow:inset 0 0 35px #33162355,0 25px 100px -20px #df858537;transform:rotate(-24deg)}.disc-center{position:absolute;inset:41%;background:#101012;border-radius:50%;border:10px solid #ead5c8;box-shadow:0 0 0 1px #34192255}.sound-orbit{position:absolute;inset:-2%;border:1px solid #FF722235;border-radius:50%;transform:rotate(-28deg) scaleY(.76)}.orbit-two{transform:rotate(28deg) scaleY(.76);inset:-6%}.art-caption{position:absolute;right:0;bottom:-15%;text-align:right;color:var(--muted);font-size:9px;line-height:1.8}
.family-heading{font-size:clamp(50px,6.7vw,104px)}.family-section{padding-top:125px}.family-caption{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(36px,4.5vw,66px);font-weight:400;font-style:italic;letter-spacing:-.035em}.family-photo img{border-radius:3px}.career-section h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(46px,6.3vw,94px);font-weight:500;letter-spacing:-.065em}.career-row{padding-block:31px}.career-row p{color:var(--muted)}.career-rows{border-color:var(--line)}.career-trigger:focus-visible{outline-color:var(--orange)}.point-of-view{background:#19191c;padding-block:110px}.purpose-title{font-size:clamp(52px,8.4vw,128px);line-height:1.04;letter-spacing:-.02em}.purpose-title .accent{font-style:italic}.reading details>p{color:var(--muted)}.reading summary{gap:30px}.blurb-toggle{font-family:'Instrument Serif',Georgia,serif;font-size:10px}.beliefs{background:#101012}.beliefs-heading h2{font-size:40px}.belief-marker{font-family:'Instrument Serif',Georgia,serif;font-size:9px;letter-spacing:.14em}.belief-icon{color:var(--orange);image-rendering:auto;width:76px;height:76px}.belief-icon[data-belief-icon=lollipop]{width:64px;height:64px;margin:6px}.simplify-title{letter-spacing:-.035em}.simplify-line{letter-spacing:inherit}.belief-title{font-size:clamp(60px,7vw,106px);line-height:1.08;letter-spacing:-.025em}.culture-quote-text{font-size:clamp(50px,6.9vw,102px);line-height:1.09;letter-spacing:-.018em}.culture-quote .accent,.belief-title .accent{font-style:italic}.belief-thought{color:#cec7c2}.belief-attribution{letter-spacing:.04em}.index-link::before{background:#252225;border-radius:12px}.index-link .index-title{font-size:clamp(48px,6vw,92px);letter-spacing:-.04em}.index-client{letter-spacing:-.025em!important}.work-index{padding-block:90px}.work-index-links{gap:12px}.project-head h2{font-size:clamp(68px,9vw,138px);letter-spacing:-.04em}.project-head p{color:var(--muted);font-size:24px}.project-art .art-surface{border-radius:8px;overflow:hidden}.microsoft-copy h2{font-size:clamp(70px,8.3vw,127px);line-height:1.04;letter-spacing:-.035em}.microsoft-copy h2 .type-mask:last-child{color:var(--orange);font-style:italic}.microsoft-copy>p{color:var(--muted)}.project-credit{font-size:9px;letter-spacing:.05em}.project-video{border-radius:8px}.future-section{background:#171719;padding-top:90px;padding-bottom:0}.future-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;row-gap:40px;padding-bottom:80px;border-bottom:1px solid var(--line)}.future-intro>.eyebrow{grid-column:1/-1;white-space:normal;max-width:none;margin:0;font-size:10px}.future-intro h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(46px,7vw,100px);grid-column:1;line-height:1.1;letter-spacing:-.075em;margin:0}.foound-title a{color:var(--ink)}.foound-dot{background:var(--ink)!important}.foound-eyes>span{background:var(--paper)!important}.foound-summary{grid-column:2;margin:0;align-self:center;max-width:480px}.future-intro .foound-description{font-size:clamp(18px,2vw,28px);letter-spacing:-.025em;line-height:1.4;max-width:none}.foound-action{margin-top:22px}.foound-lockup{gap:.25em}
.song-feature{padding-top:80px;scroll-margin-top:105px}.song-intro{position:relative;margin-bottom:46px}.song-intro .eyebrow{color:var(--muted);display:block;margin-bottom:24px}.song-intro h2{font-size:clamp(84px,11vw,170px);line-height:1;letter-spacing:-.04em}.song-intro>p{font-size:18px;color:var(--muted);margin-top:16px}.listening-room{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,105px);align-items:center}.song-art{aspect-ratio:1;position:relative;overflow:hidden;isolation:isolate;background:#e8ab94;color:#28151b;border-radius:4px;padding:7%;display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(ellipse at 90% 12%,#f8dfae 0,transparent 50%),linear-gradient(150deg,#dda389,#c87587)}.album-top,.album-bottom{position:relative;z-index:1;letter-spacing:.1em;font-size:9px;line-height:1.8}.album-title{font:clamp(76px,9.5vw,144px)/.83 var(--serif);letter-spacing:-.045em;z-index:1}.album-title em{font-weight:400}.album-orbit{position:absolute;inset:30% -45% -65% 15%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 9px,#4b263756 10px 11px);transform:rotate(-24deg) scaleX(.6);pointer-events:none}.song-story>.eyebrow{color:var(--muted);font-size:9px;margin-bottom:24px}.song-story h3{font:clamp(39px,4vw,62px)/1.05 var(--serif);letter-spacing:-.025em}.song-story h3 em{color:var(--orange)}.song-description{margin-top:24px;max-width:390px;font-size:14px;line-height:1.7;color:var(--muted)}.song-player{margin-top:28px;max-width:420px;width:100%}.song-controls{display:flex;gap:22px;align-items:center;padding:0;border:0;background:none}.song-controls[hidden]{display:none}.song-toggle{background:var(--ink);color:var(--paper);width:56px;height:56px;border:0;border-radius:50%;flex:none;display:grid;place-items:center;transition:background .25s,transform .3s}.song-toggle:hover{background:var(--orange);transform:scale(1.06)}.song-toggle svg{width:20px;height:20px;fill:currentColor}.song-seek::-webkit-slider-runnable-track{height:2px}.song-seek::-webkit-slider-thumb{border-radius:50%;width:9px;height:9px;margin-top:-3.5px}.song-seek::-moz-range-thumb{border-radius:50%;width:9px;height:9px}.song-time{font-family:'Instrument Serif',Georgia,serif;font-size:11px;letter-spacing:0}.audio-wave{width:100%;height:48px;display:block;margin-bottom:18px;opacity:.75}.song-source{margin-top:28px;font-size:11px;color:var(--muted)}.song-coda{margin-top:70px;padding-block:36px 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px}.song-coda>.eyebrow{color:var(--muted);padding-top:8px}.song-coda p{font:clamp(27px,3vw,42px)/1.2 var(--serif);letter-spacing:-.01em}.song-coda em{color:var(--orange)}
.closing{padding-block:120px 100px}.closing h2{font-size:clamp(64px,8.5vw,132px);letter-spacing:-.025em;line-height:1.05}.closing .accent{font-style:italic}.closing-subtitle{font-size:clamp(22px,2.3vw,34px);line-height:1.4;color:var(--muted);max-width:620px;letter-spacing:-.025em}.closing-sound{display:flex;align-items:center;justify-content:center;gap:7px;height:220px;justify-self:end;width:90%;color:var(--orange)}.closing-sound i{width:7px;height:var(--h);border-radius:20px;background:currentColor;transform-origin:center}.footer{font-size:10px;letter-spacing:.01em}
@media(max-width:1000px){.hero h1{font-size:16vw}.listening-art{max-width:300px}.art-caption{bottom:-20%}.header-links{gap:20px}.application-cta{font-size:10px;padding:12px 16px}.hero-main{gap:30px}.future-intro{gap:35px}.song-art{padding:8%}.album-top,.album-bottom{font-size:7px}.closing-sound{height:160px;gap:5px}.closing-sound i{width:5px}}
@media(max-width:700px){:root{--header:110px}.header-inner{gap:0}.application-cta{font-size:10px;padding:10px 14px}.hero{min-height:calc(100svh - 110px);padding-top:32px;gap:40px}.hero-main{grid-template-columns:1fr .45fr;gap:15px}.hero h1{font-size:22vw}.hero-meta .mono{font-size:8px;letter-spacing:.08em}.listening-art{margin-bottom:28px}.art-caption{font-size:6px;letter-spacing:.07em;bottom:-37%;right:-5px}.hero-bottom{grid-template-columns:1fr;gap:30px}.family-section{padding-top:75px}.family-heading{font-size:12vw}.family-caption{font-size:9vw}.career-section h2{font-size:8vw}.career-row p{font-size:11px}.purpose-title{font-size:10.5vw}.point-of-view{padding-block:75px}.belief-title{font-size:13vw}.culture-quote-text{font-size:10.5vw}.belief-marker{gap:15px}.belief-icon{width:56px;height:56px}.belief-scene{min-height:520px}.project-head h2{font-size:15vw}.project-head p{font-size:20px}.microsoft-copy h2{font-size:17vw}.future-intro{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.future-intro h2{grid-column:1;font-size:15vw}.foound-summary{grid-column:1}.future-intro .foound-description{font-size:22px}.future-section{padding-top:65px}.song-feature{padding-top:55px}.song-intro h2{font-size:20vw}.song-intro>p{font-size:16px}.listening-room{grid-template-columns:1fr;gap:38px}.song-art{max-width:520px}.album-title{font-size:26vw}.album-top,.album-bottom{font-size:9px}.song-story h3{font-size:48px}.song-story h3 br:nth-of-type(1){display:none}.song-story>.eyebrow{margin-bottom:18px}.song-description{font-size:14px}.song-player{max-width:none}.song-coda{grid-template-columns:1fr;gap:20px;margin-top:45px;padding-bottom:55px}.song-coda p{font-size:31px}.closing{padding-block:75px}.closing-layout{grid-template-columns:1fr;gap:20px}.closing h2{font-size:13vw}.closing-sound{display:none}.closing-subtitle{font-size:24px}.footer{flex-direction:column;gap:20px}.footer>span{max-width:none}}
@media(prefers-reduced-motion:reduce){.sound-disc{transform:rotate(-24deg)}.closing-sound i{transform:none!important;opacity:1!important}.audio-wave{display:none}}
.microsoft-copy>.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.13em;margin-top:0;max-width:none}
/* Suno brand pass — palette supplied by Carlos from the Metalab identity. */
:root{--ink:#FAF7F5;--orange:#FF7222;--sunset:#FF7222;--lime:#FF7222;--mauve:#870D73;--pink:#FF8BA0;--gold:#FFB800;--moss:#717E3B}
.color-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--sunset);color:#FAF7F5}
.color-field{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:var(--sunset)}
.color-field i{position:absolute;display:block;border-radius:46% 54% 61% 39%;filter:blur(58px);will-change:transform;animation:color-flow 18s ease-in-out infinite alternate;animation-play-state:paused}
.color-field i:nth-child(1){width:90%;height:140%;left:-38%;top:-15%;background:var(--mauve);animation-duration:22s}
.color-field i:nth-child(2){width:60%;height:105%;right:-7%;top:-40%;background:var(--lime);animation-delay:-7s;animation-duration:19s}
.color-field i:nth-child(3){width:70%;height:66%;left:6%;bottom:-40%;background:var(--sunset);animation-delay:-11s;animation-duration:24s}
.color-field i:nth-child(4){width:38%;height:85%;right:-16%;bottom:-42%;background:var(--mauve);animation-delay:-15s;animation-duration:17s}
.color-stage::after{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/grain.svg');background-size:160px;opacity:.22;mix-blend-mode:soft-light;pointer-events:none}
.is-color-visible>.color-field i{animation-play-state:running}
@keyframes color-flow{0%{transform:translate3d(-4%,2%,0) rotate(-16deg) scale(1)}50%{transform:translate3d(8%,-8%,0) rotate(12deg) scale(.93,1.08)}100%{transform:translate3d(-2%,15%,0) rotate(28deg) scale(1.16,.94)}}
.site-header{background:#101012f2}.site-header::after{background:var(--lime)}.header-links a::after{background:var(--lime)}.application-cta{background:var(--lime);color:#101012}.application-cta:hover{background:#FAF7F5;color:#101012}
.hero.wrap{width:100%;max-width:none;min-height:calc(100svh - var(--header));padding:38px max(var(--gutter),calc((100vw - 1456px)/2)) 42px;gap:40px}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#26032950,transparent 75%),linear-gradient(0deg,#2206278c,transparent 30%);z-index:-1;pointer-events:none}.hero-meta{color:#FAF7F5}.hero-main{display:block;padding-block:24px}.hero h1{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(110px,12vw,200px);font-weight:400;line-height:1;letter-spacing:-.045em}.hero h1 .greeting-name{font-style:normal;color:#FAF7F5}.hero h1 .greeting-salutation{font-size:.78em;line-height:1.1;margin-bottom:.12em}.hero h1 .greeting{padding-bottom:.08em}.suno-greeting-logo{width:clamp(300px,49vw,780px);height:auto;max-width:100%;margin-top:20px}.hero-bottom{grid-template-columns:minmax(0,620px) auto;gap:70px}.hero .reading{max-width:620px}.hero .blurb-toggle,.hero .reading details>p{color:#FAF7F5}.hero .reading details>p{font-size:14px;max-width:550px}.hero .text-link:hover{color:#FAF7F5;opacity:.8}.hero .blurb-lead{text-shadow:0 1px 12px #33002c33}.hero-meta .mono{font-size:10px;letter-spacing:.13em}
.family-section.wrap{--paper:#FAF7F5;--ink:#141416;--muted:#62615f;--line:#dedbd6;--orange:#870D73;width:100%;max-width:none;background:var(--paper);color:var(--ink);padding-inline:max(var(--gutter),calc((100vw - 1456px)/2));padding-top:100px;padding-bottom:105px}.family-heading{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(42px,6vw,90px);font-weight:500;letter-spacing:-.06em}.family-caption{font-style:normal;font-size:clamp(40px,4.6vw,70px);letter-spacing:-.03em;color:#870D73}.family-section .reading{margin-top:45px}.career-section{padding-top:100px}.career-row h2{font-size:clamp(45px,6.3vw,94px)}.career-trigger:hover{color:var(--lime)}
.point-of-view{background:#870D73;position:relative;padding-block:110px}.point-of-view>.wrap>.eyebrow{color:#FAF7F5b3}.purpose-title{font-family:'Instrument Serif',Georgia,serif;font-weight:500;letter-spacing:-.06em;font-size:clamp(48px,7.3vw,110px);line-height:1.08}.purpose-title .accent{font-style:normal;color:var(--lime)}.point-of-view .blurb-toggle,.point-of-view .reading details>p{color:#FAF7F5}.point-of-view .reading{border-color:#ffffff33}
.beliefs-heading h2{font-family:'Instrument Serif',Georgia,serif;font-size:28px;letter-spacing:-.04em}.belief-title{font-family:'Instrument Serif',Georgia,serif;font-weight:500;font-size:clamp(50px,6.1vw,92px);letter-spacing:-.055em}.belief-title .accent{font-style:normal;color:var(--pink)}.belief-craft .belief-icon{color:var(--pink)}.culture-quote-text{font-style:normal;letter-spacing:-.025em}.culture-quote .accent{font-style:normal;color:var(--sunset)}.simplify-title{font-family:'Instrument Serif',Georgia,serif;font-weight:500;letter-spacing:-.055em}.index-link .index-title{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(42px,5.2vw,78px);font-weight:500;letter-spacing:-.07em}.index-link::before{background:#222226}.index-link:hover .index-title{color:var(--lime)}
.project-head h2,.microsoft-copy h2{font-family:'Instrument Serif',Georgia,serif;font-weight:500;letter-spacing:-.065em;line-height:1.02}.project-head h2{font-size:clamp(60px,7.8vw,120px)}.microsoft-copy h2{font-size:clamp(64px,7.4vw,112px)}.microsoft-copy h2 .type-mask:last-child{color:var(--lime);font-style:normal}.project-art .art-surface,.project-video{border-radius:12px}.project-credit{letter-spacing:.08em}
.future-section{background:#19191d}.future-intro{padding-bottom:70px}.future-intro>.eyebrow{color:var(--lime)}.song-intro h2{font-size:clamp(80px,10vw,150px);letter-spacing:-.035em}.song-intro h2 .accent{color:var(--pink)}.song-art{background:var(--mauve);color:#FAF7F5;border-radius:12px;position:relative;padding:7%;justify-content:flex-start;min-height:0}.song-art .color-field{background:var(--pink)}.song-art .color-field i:nth-child(1){background:var(--mauve);width:110%;height:170%;left:-45%;top:-40%}.song-art .color-field i:nth-child(2){background:var(--sunset);right:-30%;top:-35%;height:110%;width:90%}.song-art .color-field i:nth-child(3){background:var(--gold);left:35%;bottom:-55%;height:105%;width:85%}.song-art .color-field i:nth-child(4){background:var(--mauve);right:-30%;bottom:-65%;width:110%;height:120%}.album-top{font-size:8px;letter-spacing:.14em}.album-suno{width:82px;height:auto;margin-top:28px}.album-title{margin-block:auto;font-size:clamp(75px,9vw,140px);line-height:.94;letter-spacing:-.035em;padding:25px 0}.album-bottom{font-size:8px;line-height:1.7;max-width:310px}.song-story h3{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(31px,3.1vw,48px);line-height:1.13;letter-spacing:-.055em;font-weight:500}.song-story h3 em{font-style:normal;color:var(--pink)}.song-toggle{background:var(--lime);color:#101012}.song-toggle:hover{background:#FAF7F5}.song-seek{accent-color:var(--lime)}.song-coda p{font-style:normal;font-size:clamp(30px,3.2vw,46px)}.song-coda em{font-style:normal;color:var(--pink)}
.closing.wrap{width:100%;max-width:none;padding:100px max(var(--gutter),calc((100vw - 1456px)/2)) 110px;min-height:650px;display:flex;flex-direction:column;justify-content:center}.closing .color-field{background:var(--pink)}.closing .color-field i:nth-child(1){background:var(--mauve);width:125%;left:-40%}.closing .color-field i:nth-child(2){background:var(--sunset);width:70%;right:-25%;top:-70%}.closing .color-field i:nth-child(3){background:var(--lime);left:75%;bottom:-45%;height:130%;width:60%}.closing .color-field i:nth-child(4){background:var(--mauve);bottom:-35%;right:5%}.closing .eyebrow{color:#FAF7F5}.closing-layout{grid-template-columns:1fr .3fr}.closing h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(65px,8.5vw,132px);letter-spacing:-.03em}.closing .accent{font-style:normal;color:#FAF7F5}.closing-wordmark{width:100%;max-width:220px;justify-self:end;align-self:center;opacity:.95}.closing-subtitle{color:#FAF7F5;font-size:clamp(20px,2vw,30px);max-width:620px}.footer{border-top:0;padding-top:32px}.closing .type-mask{padding-bottom:.02em}
@media(max-width:700px){.hero.wrap{padding:30px var(--gutter) 34px;min-height:calc(100svh - 110px);gap:38px}.hero-main{padding-block:15px}.hero h1{font-size:26vw}.hero h1 .greeting-salutation{font-size:.88em}.suno-greeting-logo{width:100%;max-width:342px;margin-top:24px}.hero-bottom{grid-template-columns:1fr;gap:26px}.hero-meta .mono{font-size:8px;letter-spacing:.08em}.color-field i{filter:blur(35px)}.color-field i:nth-child(1){width:130%;left:-70%}.color-field i:nth-child(2){width:100%;right:-55%;height:110%}.family-section.wrap{padding-block:75px}.family-heading{font-size:11.2vw}.family-caption{font-size:10vw}.career-section{padding-top:65px}.point-of-view{padding-block:70px}.purpose-title{font-size:10.3vw}.belief-title{font-size:12vw}.project-head h2{font-size:13vw}.microsoft-copy h2{font-size:15vw}.song-intro h2{font-size:20vw}.song-story h3{font-size:36px}.album-title{font-size:25vw}.album-suno{width:68px;margin-top:20px}.album-bottom{font-size:7px}.album-top{font-size:7px}.closing.wrap{min-height:520px;padding:70px var(--gutter)}.closing-layout{grid-template-columns:1fr;gap:28px}.closing h2{font-size:14.5vw}.closing-wordmark{width:90px;justify-self:start;grid-row:auto}.closing-subtitle{font-size:23px}.song-art{border-radius:10px}.song-coda p{font-size:30px}}
@media(prefers-reduced-motion:reduce){.color-field i{animation:none!important;will-change:auto}.color-field i:nth-child(2){transform:rotate(15deg)}.color-field i:nth-child(3){transform:translateX(10%)}}
.hero>.color-field i:nth-child(1){width:76%;height:115%;left:-32%;top:-18%}.hero>.color-field i:nth-child(2){width:48%;height:90%;right:1%;top:-30%}.hero>.color-field i:nth-child(3){width:75%;height:85%;left:5%;bottom:-45%}.hero::before{background:linear-gradient(0deg,#24042599,transparent 22%)}.color-stage::after{opacity:.3;mix-blend-mode:overlay}
@media(max-width:700px){.hero>.color-field i:nth-child(1){width:145%;left:-75%}.hero>.color-field i:nth-child(2){width:95%;right:-48%;top:-30%}.hero>.color-field i:nth-child(3){left:8%;width:140%}}
/* Tactile pills: cream at rest, a contained chromatic glow when active. */
.header-links{gap:6px}.header-links a{border-radius:999px;padding:10px 16px;color:#181318;background:#FAF7F5;box-shadow:inset 0 1px 2px #fff8;border:1px solid #fff5;transition:background .3s,color .3s,box-shadow .3s,transform .3s}.header-links a::after{display:none}.header-links a:hover{color:#181318;transform:translateY(-1px);background:#fff}.header-links a[aria-current=location]{color:#fff;background:linear-gradient(125deg,#a23e50,#870D73 75%);border-color:#FF8BA070;box-shadow:inset 0 1px 2px #ffffff80,0 2px 18px #870D7359}.application-cta{background:#FAF7F5;color:#101012;box-shadow:inset 0 1px 2px #fff8}.application-cta:hover{background:var(--lime);box-shadow:0 2px 18px #FF722225}.hero-bottom>.text-link{border:1px solid #ffffff80;border-radius:999px;padding:12px 18px;gap:20px;background:#3b173229;backdrop-filter:blur(10px)}.song-toggle{background:#FAF7F5;box-shadow:inset 0 2px 2px #ffffff99;position:relative}.song-player.is-playing .song-toggle{color:#fff;background:linear-gradient(130deg,#FF7222,#870D73);box-shadow:inset 0 1px 2px #fff9,0 3px 24px #870D7370}.song-story>.genre-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.genre-tag{font-size:11px;padding:8px 13px;border-radius:999px;background:#FAF7F5;color:#191319;box-shadow:inset 0 1px 2px #fff9}.genre-time{font-size:10px;color:var(--muted);margin-left:4px;letter-spacing:.08em}
@media(max-width:1000px){.header-links a{padding:9px 11px;font-size:11px}.header-inner{gap:20px}}
@media(max-width:700px){.header-inner{gap:0}.header-links{gap:5px;padding:10px 0;border-top:0}.header-links a{padding:8px 12px;font-size:10px;flex:1;text-align:center}.header-links a::after{display:none}.hero-bottom>.text-link{justify-self:start;font-size:11px;padding:11px 16px}}

/* Textured color fields: stationary grain over slowly moving color. */
:root{--plum:#510D52;--lavender:#C698D8}
.color-field{background:#FF7222}
.color-field i{filter:blur(70px);animation-duration:30s!important}
.hero>.color-field i:nth-child(1){background:var(--plum);width:85%;left:-38%;top:-25%}
.hero>.color-field i:nth-child(2){background:var(--lavender);width:65%;height:100%;right:-12%;top:-35%}
.hero>.color-field i:nth-child(3){background:var(--sunset);width:85%;height:100%;left:10%;bottom:-60%}
.hero>.color-field i:nth-child(4){background:var(--plum);width:55%;right:-20%;bottom:-50%}
.color-stage::after{background:url('assets/grain.svg');background-size:220px 220px;opacity:.52;mix-blend-mode:soft-light}
.hero::before{background:linear-gradient(0deg,#270c3280,transparent 45%)}
.song-art .color-field{background:var(--sunset)}
.song-art .color-field i:nth-child(1){background:var(--plum)}
.song-art .color-field i:nth-child(2){background:var(--lavender)}
.song-art .color-field i:nth-child(3){background:var(--sunset)}
.song-art .color-field i:nth-child(4){background:var(--mauve)}
.song-art::after{opacity:.65}
.closing .color-field{background:var(--sunset)}
.closing .color-field i:nth-child(1){background:var(--plum);width:110%}
.closing .color-field i:nth-child(2){background:var(--lavender);top:-50%;right:-20%;width:85%}
.closing .color-field i:nth-child(3){background:var(--sunset);left:55%;bottom:-55%;width:70%}
.closing .color-field i:nth-child(4){background:var(--plum);right:-25%;bottom:-65%}
.family-section.wrap{background-color:#FAF7F5;background-image:linear-gradient(#FAF7F5f5,#FAF7F5f5),url('assets/grain.svg')}
.point-of-view{background:#221824}
.point-of-view .purpose-title .accent{color:var(--ink)}
.future-section{background:#191416}
.belief-title .accent,.song-story h3 em,.song-coda em,.song-intro h2 .accent{color:#C698D8}
@media(max-width:700px){.color-field i{filter:blur(42px)}.hero>.color-field i:nth-child(1){width:150%;left:-90%}.hero>.color-field i:nth-child(2){width:130%;right:-65%}.color-stage::after{background-size:180px 180px;opacity:.46}.song-art::after{opacity:.58}}

/* One voice: editorial serif, quiet navigation, brighter identity color. */
body{font-synthesis:none}
body{font-size:20px}
h1,h2,h3,.family-heading,.purpose-title,.index-title,.belief-title,.simplify-title,.career-row h2,.song-story h3{letter-spacing:-.025em!important}
p,.reading,.song-description{font-size:21px;line-height:1.5;letter-spacing:0}
.mono,.eyebrow,.belief-marker,.project-credit,.album-top,.album-bottom{font-size:14px;letter-spacing:.06em}
.identity{font-size:24px;letter-spacing:0}
.header-links{gap:25px}
.header-links a,.header-links a:hover,.header-links a[aria-current=location]{background:none;border:0;box-shadow:none;padding:8px 0;border-radius:0;font-size:20px;color:#FAF7F5;transform:none}
.header-links a[aria-current=location]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.application-cta,.application-cta:hover{background:none;color:#FAF7F5;border:1px solid #faf7f55c;box-shadow:none;font-size:18px;padding:9px 18px}
.hero-meta .mono{font-size:14px}.hero .reading,.hero .reading details>p{font-size:21px}.text-link{font-size:19px}.blurb-toggle{font-size:15px}
.hero-bottom>.text-link{background:none;backdrop-filter:none;font-size:19px}
.family-caption{font-style:normal}.career-row p{font-size:23px}.song-story h3{font-size:clamp(40px,4.2vw,66px);line-height:1.08}
.genre-tag{font-size:17px;background:none;color:#FAF7F5;box-shadow:none;border:1px solid #faf7f53a;padding:5px 13px}
.genre-time,.song-time,.song-source,.footer{font-size:16px}
.song-description{font-size:22px}.song-intro>p{font-size:23px}
.color-field i{filter:blur(48px);animation-duration:34s!important}
.hero>.color-field{background:#FF7222}
.hero>.color-field i:nth-child(1){background:#870D73;width:56%;height:140%;left:-35%;top:10%}
.hero>.color-field i:nth-child(2){background:#C698D8;width:70%;height:110%;right:7%;top:-35%}
.hero>.color-field i:nth-child(3){background:#FF7222;width:85%;height:70%;left:5%;bottom:-30%}
.hero>.color-field i:nth-child(4){background:#870D73;width:45%;height:70%;right:-15%;bottom:-38%}
.hero::before{background:none}
.song-art .color-field{background:#FF7222}
.song-art .color-field i:nth-child(1){background:#FFB800;left:-50%;top:-70%}
.song-art .color-field i:nth-child(2){background:#FF5029;right:-30%;top:-30%}
.song-art .color-field i:nth-child(3){background:#FF397A;left:-45%;bottom:-65%}
.song-art .color-field i:nth-child(4){background:#FF7222;right:-60%;bottom:-65%}
.closing .color-field{background:#FF7222}
.closing .color-field i:nth-child(1){background:#870D73;width:70%;left:-48%;top:-20%}
.closing .color-field i:nth-child(2){background:#FF7222;width:65%;height:100%;right:-20%;top:-50%}
.closing .color-field i:nth-child(3){background:#FF7222;left:10%;bottom:-50%;width:85%}
.closing .color-field i:nth-child(4){background:#870D73;right:-30%;bottom:-60%;width:75%}
.color-stage::after{opacity:.58;mix-blend-mode:soft-light}
@media(max-width:700px){.identity{font-size:21px}.application-cta{font-size:15px;padding:8px 12px}.header-links{gap:16px}.header-links a,.header-links a:hover,.header-links a[aria-current=location]{font-size:18px;padding:7px 0}.hero-meta .mono{font-size:11px}.hero .reading,.hero .reading details>p{font-size:20px}.hero-bottom>.text-link{font-size:18px}.career-row p{font-size:17px}.song-story h3{font-size:43px}.song-description{font-size:21px}.color-field i{filter:blur(36px)}.hero>.color-field i:nth-child(1){width:100%;left:-70%}.hero>.color-field i:nth-child(2){width:130%;right:-30%;top:-35%}.hero>.color-field i:nth-child(4){width:90%;right:-45%}.footer{font-size:16px}}

.hero-meta .mono{font-size:15px;text-shadow:0 1px 6px #510d5266}
@media(max-width:700px){.hero-meta .mono{font-size:12px}}

/* Give the greeting and work space without explanatory labels. */
.hero-main{margin-block:auto}.hero-bottom{display:flex;justify-content:flex-end}.hero-bottom>.text-link{margin:0}.song-feature{padding-bottom:80px}.footer{justify-content:flex-end}.song-art .album-suno{margin-top:0}.song-art .album-title{margin-block:auto}

/* Each company reveals its own color from the Suno reference palette. */
.career-row:nth-child(1){--company-accent:#FF7222}
.career-row:nth-child(2){--company-accent:#FF8BA0}
.career-row:nth-child(3){--company-accent:#C698D8}
.career-row:nth-child(4){--company-accent:#FFB800}
.career-section.is-interactive .career-row.is-active .career-trigger,.career-row .career-trigger:hover,.career-row .career-trigger:focus-visible{color:var(--company-accent)}
.career-row .career-trigger:focus-visible{outline-color:var(--company-accent)}

/* Distinct belief accents within the same Suno palette. */
.belief-simplify{--belief-accent:#FFB800}
.belief-culture{--belief-accent:#C698D8}
.belief-craft{--belief-accent:#FF8BA0}
.belief-simplify .simplify-keep,.belief-culture .culture-quote .accent,.belief-craft .belief-title .accent{color:var(--belief-accent)}

/* FOOUND is the project; the applications are its outcomes. */
.future-intro{padding-bottom:70px}.future-section{padding-bottom:80px}
.foound-results{padding-top:45px}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:38px}.results-heading h3{font-size:clamp(36px,4vw,56px);margin:0}.results-heading p{font-size:21px;color:var(--muted)}
.results-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:45px}.result-item{position:relative;border-top:1px solid var(--line);padding-top:24px;min-width:0}.result-item h4{font-size:clamp(40px,4vw,62px);margin:0 0 14px;line-height:1.1;letter-spacing:-.025em}.result-item>p{font-size:21px;color:var(--muted);margin-bottom:24px}.result-item>.text-link{font-size:19px}.result-suno{border-color:#FF7222;scroll-margin-top:120px}.result-suno h4{color:#FF7222}.result-suno>.eyebrow{display:block;color:#FF7222;font-size:14px;margin-bottom:12px}.result-suno .song-player{margin-top:20px;max-width:none}.result-suno .audio-wave{height:32px;margin-bottom:12px}.result-suno .song-toggle{width:44px;height:44px}.result-suno .song-source{font-size:17px;margin-top:18px}
@media(max-width:700px){.results-heading{display:block}.results-heading p{margin-top:12px}.results-grid{grid-template-columns:1fr;gap:32px}.result-item h4{font-size:48px}.result-item>p{margin-bottom:16px}.foound-results{padding-top:30px}.future-section{padding-bottom:55px}}
/* One shared Suno gradient for every accent. */
:root{--suno-accent:linear-gradient(110deg,#FFCE48 0%,#FF8C39 28%,#FF6574 62%,#DFA7EE 100%)}
.accent,.simplify-keep,.belief-simplify .simplify-keep,.belief-culture .culture-quote .accent,.belief-craft .belief-title .accent,.result-suno h4,.result-suno>.eyebrow,.future-intro>.eyebrow,.song-story h3 em,.song-coda em,.microsoft-copy h2 .type-mask:last-child,.career-section.is-interactive .career-row.is-active .career-trigger,.career-row .career-trigger:hover,.career-row .career-trigger:focus-visible,.index-link:hover .index-title{
 background-image:var(--suno-accent);background-size:var(--accent-span,160%) 100%;background-position:0% 50%;animation:suno-accent-flow var(--accent-duration,16s) ease-in-out var(--accent-delay,0s) infinite var(--accent-direction,alternate);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone
}
.accent .type-line{color:inherit}
.site-header::after{background:var(--suno-accent)}
.result-suno{border-top:0;padding-top:25px}.result-suno::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--suno-accent)}
.song-player.is-playing .song-toggle,.song-toggle:hover,.application-cta:hover{background:var(--suno-accent);color:#211219;box-shadow:none}
.song-seek::-webkit-slider-thumb{background:var(--suno-accent)}.song-seek::-moz-range-thumb{background:var(--suno-accent)}
.closing .accent{background-image:var(--suno-accent)}
@media(forced-colors:active){.accent,.simplify-keep,.career-trigger,.result-suno h4,.result-suno>.eyebrow{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}}
.result-suno h4,.result-suno>.eyebrow,.future-intro>.eyebrow,.simplify-keep{width:fit-content}
.header-links a[aria-current=location]{text-decoration:none;position:relative}
.header-links a[aria-current=location]::after{content:'';display:block;position:absolute;left:0;right:0;bottom:2px;width:100%;height:1px;border-radius:0;background:var(--suno-accent)}
/* Text on a gradient field stays white, including accent spans. */
.color-stage :is(h1,h2,h3,h4,p,a,span,em,strong,cite,summary),.color-stage .accent,.color-stage .type-line{color:#FAF7F5!important;-webkit-text-fill-color:#FAF7F5!important}
.color-stage .accent{background-image:none!important;background-clip:border-box;-webkit-background-clip:border-box}
.application-cta:hover,.song-player.is-playing .song-toggle,.song-toggle:hover{color:#FAF7F5;-webkit-text-fill-color:#FAF7F5}

/* Keep the statement on the same neutral background as the surrounding work. */
.point-of-view{background:#101012}

.beliefs-heading::after{display:none}

.future-section{background:#101012}

/* Allow the serif J and descenders to extend beyond the reveal line box. */
.hero h1 .greeting{overflow:visible}
.hero h1 .greeting-name{line-height:1.2;padding-bottom:.12em}

/* A neutral backdrop for family photos; let spacing separate FOOUND from its outcomes. */
.family-section.wrap{--paper:#101012;--ink:#FAF7F5;--muted:#b8b4b2;--line:#ffffff26;background:#101012;color:var(--ink)}
.family-caption{color:#FAF7F5}
.future-intro{border-bottom:0}

/* Shared line geometry and composited reveals prevent mask clipping and handoff flashes. */
.hero h1 .greeting-stage{line-height:1}
.hero h1 .greeting-name{display:flex;align-items:center;height:1.2em;line-height:1.2;padding:0}
.hero h1 .greeting-salutation{line-height:1.1}
.hero h1 .suno-greeting-logo{height:.72em;width:auto;max-width:100%;margin:0}
.hero.is-greeting-ready .greeting-salutation{opacity:0}

/* Slow, continuous color movement; letters and texture remain still. */
.color-field i{animation-name:suno-atmosphere;animation-duration:14s!important}
.color-field i:nth-child(2){animation-duration:17s!important}
.color-field i:nth-child(3){animation-duration:19s!important}
.color-field i:nth-child(4){animation-duration:16s!important}
@keyframes suno-atmosphere{
 from{transform:translate3d(-8%,5%,0) rotate(-8deg) scale(1.02)}
 to{transform:translate3d(12%,-10%,0) rotate(10deg) scale(1.12,.98)}
}
@keyframes suno-accent-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
.color-stage .accent{animation:none}
@media(prefers-reduced-motion:reduce){.accent,.simplify-keep,.belief-simplify .simplify-keep,.belief-culture .culture-quote .accent,.belief-craft .belief-title .accent,.result-suno h4,.result-suno>.eyebrow,.future-intro>.eyebrow,.song-story h3 em,.song-coda em,.microsoft-copy h2 .type-mask:last-child,.career-section.is-interactive .career-row.is-active .career-trigger,.career-row .career-trigger:hover,.career-row .career-trigger:focus-visible,.index-link:hover .index-title{animation:none;background-position:50% 50%}}

/* Hold the purpose statement centrally for a short stretch of natural scrolling. */
@media (prefers-reduced-motion:no-preference) and (min-height:600px){
 .point-of-view{padding-block:0;min-height:145svh}
 .point-of-view>.wrap{position:sticky;top:var(--header);min-height:calc(100svh - var(--header));padding-block:48px;display:flex;flex-direction:column;justify-content:center}
 .point-of-view .reading{flex:none}
 .point-of-view:has(details[open]){min-height:0;padding-block:70px}
 .point-of-view:has(details[open])>.wrap{position:static;min-height:0;padding-block:0}
}

.chapter-hold{display:flow-root;position:relative}
.chapter-hold.is-held>.chapter-hold-panel{position:sticky;top:var(--chapter-top,76px)}
@media print{.chapter-hold{height:auto!important}.chapter-hold.is-held>.chapter-hold-panel{position:static}}

/* Keep every name at the same scale; allow space for the Japanese salutation. */
.hero h1 .greeting-japanese{font-size:.55em;font-weight:400;letter-spacing:0;line-height:1.56}

/* Case studies live in the main story, with optional work collapsed. */
.campaign-section{padding-block:60px;background:#101012}
.campaign-panel{padding-block:55px;max-width:1200px}
.campaign-panel h2{font-size:clamp(64px,8vw,130px);font-weight:400;line-height:1.05;margin:24px 0}
.campaign-panel h3{font-size:clamp(40px,5vw,76px);font-weight:400;line-height:1.1;margin:20px 0}
.campaign-lead{font-size:clamp(25px,2.4vw,38px);max-width:1000px;line-height:1.3}
.campaign-image{display:block;width:100%;max-height:65vh;object-fit:cover;margin-top:36px}
.campaign-films{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:28px;margin-top:32px}
.campaign-films video{display:block;width:100%;max-height:70vh;background:#101012}
.campaign-films figcaption,.campaign-footnote{font-size:20px;color:#b8b4b2;margin-top:14px}
.campaign-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:35px;margin-top:40px}
.campaign-facts h4{font-size:34px;font-weight:400;margin:0 0 12px}
.campaign-facts p{font-size:24px;color:#b8b4b2;line-height:1.4}
.optional-project>summary{cursor:pointer;font-size:28px;padding-block:45px;list-style:none}
.optional-project>summary span{float:right}.optional-project[open]>summary span{display:none}

/* Paired campaign films: native landscape and portrait, equal media height. */
.selected-work{padding-block:72px 50px;scroll-margin-top:var(--header)}
.airbnb-pair{display:grid;grid-template-columns:minmax(0,256fr) minmax(0,81fr);gap:clamp(24px,3vw,48px);max-width:1160px;margin-inline:auto}
.work-card{min-width:0;scroll-margin-top:calc(var(--header) + 30px)}
.work-card-heading{height:112px}
.work-card-heading .eyebrow,.samsung-work-copy .eyebrow{color:var(--muted);margin-bottom:14px;font-size:14px}
.work-card h2,.samsung-work h2{font-size:clamp(36px,4vw,60px);line-height:1.05;font-weight:400;letter-spacing:-.035em}
.work-card .project-video{width:100%;height:auto;display:block;border-radius:4px}
.work-card-global .project-video{aspect-ratio:16/9}
.work-card-japan .project-video{aspect-ratio:9/16}
.work-card-caption{padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.work-card-caption p,.samsung-work-lead{font-size:clamp(20px,1.8vw,27px);line-height:1.25;color:var(--muted)}
.work-card .text-link,.samsung-work .text-link{font-size:18px;gap:20px;padding-bottom:7px}
.samsung-work{padding-block:60px 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:center;scroll-margin-top:var(--header)}
.samsung-work-copy{padding-left:max(0px,calc((100% - 340px)/2))}
.samsung-work h2{max-width:330px;font-size:clamp(40px,4.5vw,68px)}
.samsung-work-lead{margin-top:22px;margin-bottom:26px}
.samsung-work .project-video{border-radius:4px;max-height:540px}
.optional-project>summary{padding-block:30px;font-size:24px}
@media(max-width:700px){
 .selected-work{padding-block:44px 20px}.airbnb-pair{grid-template-columns:1fr;gap:42px}
 .work-card-heading{height:auto;margin-bottom:18px}.work-card h2{font-size:42px}
 .work-card-japan .project-video{max-width:280px;margin-inline:auto}
 .work-card-caption{padding-top:16px;gap:12px}.work-card-caption p{font-size:22px}
 .samsung-work{grid-template-columns:1fr;gap:24px;padding-block:42px}.samsung-work-copy{padding:0}
 .samsung-work h2{font-size:48px;max-width:none}.samsung-work-lead{margin-block:16px}
}
.samsung-work{max-width:1160px}
.samsung-work-copy{padding-left:0}
.optional-project>summary{max-width:1160px}

/* Keep the third project permanently visible and aligned with the work. */
#future>.future-section>.wrap{max-width:1160px}

/* Three chapters: present, past, future. */
.work-anchor{scroll-margin-top:var(--header)}
.microsoft-work{max-width:1160px;padding-block:64px 48px;scroll-margin-top:var(--header)}
.microsoft-work-heading{margin-bottom:26px}
.microsoft-work-heading .eyebrow,.work-chapter-label{font-size:18px;color:var(--muted);margin-bottom:20px}
.microsoft-work h2{font-size:clamp(48px,5vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.035em}
.microsoft-work .project-video{border-radius:4px;aspect-ratio:16/9;max-height:62svh}
.microsoft-caption .eyebrow{font-size:13px;letter-spacing:.08em;margin:0}
.microsoft-caption .text-link{font-size:18px;gap:20px;padding-bottom:7px}
.work-chapter-label{max-width:1160px;margin-inline:auto;margin-bottom:32px}
.foound-results{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.results-grid{grid-template-columns:1fr;gap:0}.results-heading{margin:0}
@media(max-width:700px){.microsoft-work{padding-block:44px 28px}.foound-results{grid-template-columns:1fr;gap:24px}}

/* Typography roles verified against Suno About/Careers, September 2026. */
@font-face{font-family:'PP Editorial New';src:url('assets/fonts/PPEditorialNew-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'PP Neue Montreal Book';src:url('assets/fonts/PPNeueMontreal-Book.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PP Neue Montreal Book';src:url('assets/fonts/PPNeueMontreal-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{--serif:'PP Editorial New',Georgia,serif;--sans:'PP Neue Montreal Book',Arial,sans-serif}
html body,html body *{font-family:var(--sans)!important;font-kerning:normal;font-synthesis:none}
html body :is(.hero h1,.hero h1 *,.family-heading,.family-heading *,.purpose-title,.purpose-title *,.belief-title,.belief-title *,.simplify-title,.simplify-title *,.culture-quote-text,.culture-quote-text *,.foound-title,.foound-title *,.closing h2,.closing h2 *){font-family:var(--serif)!important;font-weight:300!important;font-style:normal;letter-spacing:-.03em}
.hero h1{line-height:1.08}.family-heading,.purpose-title,.belief-title,.culture-quote-text,.closing h2{line-height:1.08}
html body :is(.work-card h2,.samsung-work h2,.microsoft-work h2,.results-heading h3,.result-item h4,.career-row h2,.beliefs-heading h2){font-weight:500;letter-spacing:-.01em;line-height:1.05}
.work-card h2,.samsung-work h2{font-size:clamp(30px,3.3vw,48px)}
html body :is(.reading details>p,.foound-description,.samsung-work-lead,.work-card-caption p:not(.eyebrow),.result-item>p){font-size:18px;line-height:1.5556;letter-spacing:-.01em;font-weight:400}
html body :is(.eyebrow,.mono,.belief-marker,.belief-attribution){font-size:14px;line-height:1.5;letter-spacing:.02em;font-weight:400}
html body :is(.header-links a,.application-cta,.text-link,.footer-links a,.blurb-toggle){font-size:16px;line-height:1.5;letter-spacing:0;font-weight:500}
html body .family-caption{font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-.01em;font-style:normal}
html body .closing-subtitle{font-size:clamp(20px,2.2vw,30px);line-height:1.4;letter-spacing:-.01em}
@media(max-width:700px){html body .header-links a{font-size:14px}.hero h1{font-size:clamp(68px,17vw,116px)}.work-card h2,.samsung-work h2{font-size:32px}html body .eyebrow{font-size:12px}}

html body .header-links a{font-size:15px;line-height:24px;letter-spacing:0;font-weight:500}
@media(max-width:700px){html body .header-links a{font-size:14px}}

/* Editorial rhythm: generous chapter transitions, compact supporting detail. */
.hero.wrap{padding-block:56px 48px}
.hero h1{font-size:clamp(96px,11vw,176px);max-width:10ch}
.family-section.wrap{padding-top:128px;padding-bottom:112px}
.section-heading{margin-bottom:64px}
.career-section{padding-block:112px}
.point-of-view{padding-block:128px}
.point-of-view .purpose-title{max-width:15ch}
.selected-work{padding-block:112px 64px}
.airbnb-pair,.work-chapter-label{max-width:1080px}
.work-chapter-label{margin-bottom:56px}
.work-card-heading{height:104px}
.work-card-caption{padding-top:24px;gap:12px}
.samsung-work{max-width:1080px;padding-block:112px;gap:64px}
.samsung-work h2{max-width:10ch}
.microsoft-work{max-width:1080px;padding-block:112px 80px}
.microsoft-work-heading{margin-bottom:40px}
.microsoft-work h2{font-size:clamp(44px,5vw,64px)}
.future-section{padding-top:112px}
.future-intro{padding-bottom:88px;column-gap:72px;row-gap:48px}
.foound-description{max-width:28ch!important}
.foound-results{padding-top:32px}
.closing.wrap{padding-block:128px}
.closing-subtitle{max-width:42ch;margin-top:48px}
.footer{padding-block:48px}
section[tabindex="-1"]:focus,article[tabindex="-1"]:focus{outline:none}
@media(max-width:700px){
 .hero.wrap{padding-block:40px}.hero h1{font-size:clamp(68px,17vw,116px)}
 .family-section.wrap,.career-section,.point-of-view,.closing.wrap{padding-block:80px}
 .section-heading{margin-bottom:40px}
 .selected-work{padding-block:72px 40px}.work-chapter-label{margin-bottom:36px}
 .airbnb-pair{gap:64px}.work-card-heading{height:auto;margin-bottom:24px}
 .samsung-work{padding-block:72px;gap:32px}.samsung-work h2{max-width:none}
 .microsoft-work{padding-block:72px 56px}.microsoft-work-heading{margin-bottom:32px}
 .future-section{padding-top:80px}.future-intro{padding-bottom:56px;gap:32px}
 .closing-subtitle{margin-top:32px}
}
html body .header-links a,html body .header-links a:hover,html body .header-links a[aria-current=location]{font-size:15px;line-height:24px;font-weight:500}
@media(max-width:700px){html body .header-links a,html body .header-links a:hover,html body .header-links a[aria-current=location]{font-size:14px}}
html body .header-links a{font-size:15px!important;line-height:24px!important}
html body .eyebrow{font-size:13px!important;line-height:1.5;letter-spacing:.02em}
@media(max-width:700px){html body .header-links a{font-size:14px!important}html body .eyebrow{font-size:12px!important}}

/* FOOUND retains its own brand, independently of the Suno type system. */
html body #future .foound-title,html body #future .foound-title *{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-weight:500!important;letter-spacing:-.035em;line-height:1.02}
html body #future .foound-summary,html body #future .foound-summary *{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important}
/* Shared heading row expands to fit both campaign names before media begins. */
.airbnb-pair{grid-template-rows:auto auto auto;row-gap:0}
.airbnb-pair .work-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0}
.airbnb-pair .work-card-heading{height:auto;min-height:0;padding-bottom:28px;margin:0}
.airbnb-pair .project-video{align-self:start}
@media(max-width:700px){.airbnb-pair{row-gap:64px;grid-template-rows:none}.airbnb-pair .work-card{display:block;grid-row:auto}.airbnb-pair .work-card-heading{padding-bottom:24px}}

/* The family statement lives among the photographs, not in a separate row. */
html body .family-column .family-caption{position:static;align-self:start;grid-column:auto;grid-row:auto;width:100%;margin:0;padding:10px 0 0;text-align:left;font-size:clamp(25px,2.8vw,42px);line-height:1.08;letter-spacing:-.02em}
@media(max-width:900px){html body .family-column .family-caption{font-size:clamp(24px,4.6vw,38px);padding-top:4px}}
.purpose-title .type-line>.accent{display:inline}

/* A complete, viewport-sized family composition with room for its heading. */
.family-section.wrap{padding-top:64px;padding-bottom:64px}
.family-section .section-heading{margin-bottom:28px}
.family-gallery{width:min(100%,1100px,calc((100svh - 300px)*1.6));margin-inline:auto;grid-template-columns:1fr 1.03fr 1.3fr 1.05fr;gap:clamp(8px,1vw,14px)}
.family-section .reading{margin-top:26px}
@media(max-width:900px){
 .family-gallery .family-column{display:flex;flex-direction:column;grid-column:auto;grid-row:1;gap:8px;padding-top:0}
 .family-gallery .column-2{padding-top:14px}.family-gallery .column-3{padding-top:6px}.family-gallery .column-4{padding-top:22px}
 html body .family-column .family-caption{font-size:clamp(14px,2.8vw,25px);padding-top:4px}
}

.family-section .section-heading{width:min(100%,1100px,calc((100svh - 300px)*1.6));margin-inline:auto}
@media(min-width:901px){html body .family-column .family-caption{font-size:clamp(20px,3.6svh,36px)}}

/* Past is a single staggered collection: two landscape films beside a portrait. */
.past-composition{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:clamp(40px,6vw,80px);row-gap:52px;max-width:1080px;margin-inline:auto;align-items:start}
.past-composition .work-card-global{grid-column:1;grid-row:1}
.past-composition .work-card-japan{grid-column:2;grid-row:1 / span 2;margin-top:148px}
.past-composition .work-card-samsung{grid-column:1;grid-row:2}
.past-composition .work-card-heading{height:auto;margin:0;padding-bottom:22px}
.past-composition .work-card h2{font-size:clamp(30px,3.1vw,44px)}
.past-composition .work-card-caption{padding-top:16px;gap:8px}
.past-composition .work-card-samsung .project-video{aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px){
 .past-composition{grid-template-columns:1fr;gap:48px}
 .past-composition .work-card{grid-column:1;grid-row:auto;margin-top:0}
 .past-composition .work-card-japan{width:76%;justify-self:end}
 .past-composition .work-card-japan .project-video{max-width:none;margin:0}
 .past-composition .work-card-heading{padding-bottom:18px}
}

/* An uninterrupted opening; chapter navigation arrives only inside the story. */
:root{--header:76px}
html body .site-header{position:fixed;top:16px;left:50%;width:max-content;max-width:calc(100% - 32px);transform:translate(-50%,-14px);z-index:50;background:rgba(20,20,22,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff20;border-radius:999px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms ease,transform 400ms ease,visibility 300ms}
html body .site-header.is-story-nav{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
html body .site-header::after{display:none}
html body .header-inner{display:flex;width:auto;height:54px;min-height:0;padding:0 24px;gap:30px}
html body .header-inner .identity{font-size:16px;padding:0}
html body .header-links{display:flex;gap:24px;margin:0;width:auto;border:0}
html body .header-links a{padding:15px 0;color:#bcb8b6}
html body .header-links a[aria-current=location]{color:#fff}
html body .header-links a::after{bottom:9px}
html body .header-inner .application-cta{display:none}
html body .hero.wrap{min-height:100svh;padding-top:100px;top:0!important}
.landing-signature{position:absolute;top:34px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-family:var(--sans);font-size:16px;line-height:1.4;letter-spacing:-.01em;color:#FAF7F5}
.landing-signature span{opacity:.75}
@media(max-width:700px){html body .header-inner{padding:0 18px;height:48px;gap:0}html body .header-inner .identity{display:none}html body .header-links{gap:22px}html body .hero.wrap{padding-top:88px}.landing-signature{top:26px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html body .site-header{transition:none}}

/* On-demand presenter index, tucked into the lower corner. */
:root{--header:24px}
html body .site-header{top:auto;bottom:0;left:auto;right:0;width:0;height:0;max-width:none;transform:none;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;transition:opacity 180ms ease,visibility 180ms}
html body .site-header.is-menu-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
html body .header-inner{position:absolute;bottom:76px;right:24px;display:flex;flex-direction:column;align-items:stretch;gap:16px;width:220px;height:auto;min-height:0;padding:24px;background:#19191cf5;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 18px 60px #0005}
html body .header-inner .identity{display:block;padding-bottom:14px;border-bottom:1px solid #ffffff18;color:#fff}
html body .header-links{flex-direction:column;align-items:stretch;gap:2px}
html body .header-links a{padding:8px 0}
html body .header-links a::after{display:none}
html body .header-links a[aria-current=location]::before{content:'•';color:#ffac60;margin-right:10px}
.chapter-toggle{position:fixed;z-index:51;right:24px;bottom:20px;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #ffffff18;border-radius:999px;background:#19191cbd;color:#ddd8d5;font-size:13px;line-height:20px;opacity:.65;transition:opacity 180ms ease,background 180ms ease}
.chapter-toggle:hover,.chapter-toggle:focus-visible,.chapter-toggle[aria-expanded=true]{opacity:1;background:#232326}
.chapter-toggle span{font-size:12px}
@media(max-width:700px){.chapter-toggle{right:16px;bottom:16px}html body .header-inner{right:16px;bottom:72px;padding:22px;width:210px;height:auto}html body .header-links{gap:2px}}
@media print{.chapter-toggle{display:none}}

.hero-bottom{justify-content:flex-start}

/* One shared Explore control; keep the pointer path into its menu continuous. */
html body .header-inner::after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}