:root{color-scheme:light;--ink:#19232b;--muted:#737d83;--line:#e7eaec;--blue:#4278a4;--soft:#f4f7f9;--sans:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--serif:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.9;font-weight:400}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #467caa;outline-offset:5px}main:focus{outline:none}button{border:0;background:none}.skip-link{position:fixed;top:-90px;left:18px;z-index:100;background:#fff;padding:9px 15px;border:1px solid var(--line)}.skip-link:focus{top:15px}.header{height:104px;display:flex;align-items:center;gap:46px;padding:0 5.5%;position:relative;z-index:10;border-bottom:1px solid var(--line);background:#fff}.home .header{position:absolute;top:0;left:0;right:0;border:0;background:transparent}.brand{font-size:28px;letter-spacing:1.7px;line-height:1.3;font-weight:300;white-space:nowrap}.brand span{display:block;font-size:7px;font-weight:500;letter-spacing:2.6px;margin-top:8px}.header nav{display:flex;gap:37px;margin-left:auto;align-items:center}.header nav a{font-size:10px;letter-spacing:.6px;padding:13px 1px;position:relative}.header nav a:after{position:absolute;content:'';height:1px;background:var(--ink);left:0;right:0;bottom:5px;transform:scaleX(0);transition:transform .2s}.header nav a:hover:after,.header nav a[aria-current]:after{transform:scaleX(1)}.search-button{display:flex;align-items:center;justify-content:center;padding:8px}.menu-button{display:none}.hero{height:clamp(305px,23vw,380px);position:relative;isolation:isolate;overflow:hidden;background:#93c9e9}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff12,transparent 70%);z-index:-1}.hero-copy{position:absolute;top:151px;left:6.7%;}.hero h1{font-size:clamp(37px,3.2vw,53px);font-weight:300;line-height:1.55;letter-spacing:.17em;margin:0 0 15px}.hero-copy p{font-size:14px;letter-spacing:.18em;line-height:2;margin:0}.hero-copy .hero-en{font-size:8px;line-height:2.5;letter-spacing:4px;margin-top:23px}.hero-copy .tiny-rule{display:block;width:40px;height:1px;background:#19232b99;margin-top:24px}.hero-signature{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:#fff;text-shadow:0 1px 8px #0008;white-space:nowrap}.hero-signature strong{font-weight:400;font-size:13px;letter-spacing:5px}.hero-signature span{display:block;font-size:7px;letter-spacing:3px;margin-top:7px}.hero-side{position:absolute;right:6.5%;bottom:32px;color:#fff;font-size:8px;letter-spacing:3px;line-height:2.1;text-shadow:0 1px 8px #0009}.content-width{max-width:1200px;margin:auto;padding:0 56px}.home-portals{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding-top:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.portal{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:21px;min-width:0}.portal+.portal{border-left:1px solid var(--line);padding-left:36px}.portal h2{font-family:var(--serif);font-size:23px;font-weight:400;margin:0 0 8px;line-height:1.3}.portal p{font-size:11px;letter-spacing:.07em;line-height:1.85;color:#596269;margin:0}.portal .arrow{display:block;margin-top:10px;font-size:20px;font-weight:300;transition:transform .2s}.portal:hover .arrow{transform:translateX(7px)}.portal img{width:100%;height:150px;object-fit:cover}.blog-art{height:150px;background:linear-gradient(140deg,#edf4f7,#fcfcfb);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #edf1f2}.blog-art:after{content:'';width:90px;height:90px;border:1px solid #bdcdd855;border-radius:50%;position:absolute;bottom:-42px;right:-16px}.blog-art strong{font-family:var(--serif);font-size:35px;letter-spacing:-1px;font-weight:400}.blog-art small{font-size:6px;letter-spacing:2px;color:#70858f;margin-top:8px}.news-section{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:32px 0 36px}.news-heading h2{font-family:var(--serif);font-size:22px;font-weight:400;margin:0;line-height:1.5}.news-heading h2:after{display:block;content:'';width:23px;height:1px;background:#aabecb;margin-top:12px}.text-link{font-size:10px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:18px}.news-heading .text-link{margin-top:28px}.update-row{display:grid;grid-template-columns:94px 1fr 15px;gap:18px;align-items:baseline;padding:8px 0;font-size:11px}.update-row time{color:#778089;font-size:10px}.update-row:hover .update-title{color:var(--blue)}.update-row .arrow{color:#96a1a9}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#81909a;display:block}.page{max-width:1100px;margin:auto;padding:28px 56px 68px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:9px;color:#8c959c;margin:0 0 29px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--blue)}.page-title{font-family:var(--serif);font-size:41px;font-weight:400;line-height:1.3;margin:0 0 9px;letter-spacing:-.5px}.page-lead{font-size:15px;letter-spacing:.11em;margin:0 0 14px;line-height:1.8}.intro-text{font-size:12px;color:#667078;line-height:2;letter-spacing:.03em;max-width:660px;margin:0 0 30px}.music-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;margin-top:32px}.band-photo{margin:0}.band-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.band-photo figcaption{font-size:9px;color:#87929a;margin-top:8px;display:flex;justify-content:space-between;gap:10px}.music-doors{border-top:1px solid var(--line)}.music-door{display:grid;grid-template-columns:72px 1fr 18px;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.music-door strong{font-family:var(--serif);font-size:19px;font-weight:400;display:block;line-height:1.4}.music-door small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.music-door .door-art{height:57px;background:#eef3f6;display:grid;place-items:center;color:#718997}.music-door svg{width:45px;height:36px}.music-door:hover strong{color:var(--blue)}.music-door .arrow{font-size:17px}.music-note{margin-top:28px;font-size:11px;color:var(--muted);line-height:2}.subnav{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:20px 0 30px;flex-wrap:wrap;padding-bottom:12px}.subnav a{font-size:10px;color:#7f8a91}.subnav a[aria-current]{color:var(--ink)}.work-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin:26px 0}.song-art{background:radial-gradient(ellipse at 65% 40%,#294d71,transparent 55%),linear-gradient(160deg,#060f1d,#122c48);aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f0f7fd;position:relative;overflow:hidden}.song-art:before{content:'';width:130%;height:65%;border:1px solid #5a83a455;border-radius:50%;position:absolute;bottom:-27%;left:-15%;box-shadow:0 -20px 0 0 #729fbd08,0 -40px 0 0 #729fbd05}.song-art strong{font-family:var(--serif);font-size:clamp(22px,3vw,37px);font-weight:400;letter-spacing:1px;position:relative}.song-art span{font-size:11px;letter-spacing:4px;margin-top:14px;position:relative}.song-art em{font-family:var(--serif);font-size:19px;font-weight:400;margin-top:33px;color:#aecde7}.caption{font-size:9px;color:#8d979e;margin:7px 0 0}.song-detail h2{font-size:23px;letter-spacing:.07em;font-weight:400;margin:0 0 16px}.song-detail p{font-size:12px;color:#737d83;line-height:2}.tag{font-size:8px;letter-spacing:.5px;border:1px solid #dae4ea;color:#667e8d;padding:3px 7px;display:inline-block;margin:0 4px 15px 0}.credits{margin-top:24px}.credits div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--line);padding:9px 0;font-size:11px;gap:10px}.credits dt{color:#7e8990}.credits dd{margin:0}.player{border-bottom:1px solid var(--line);padding:18px 0 16px}.transport{display:flex;align-items:center;gap:13px}.play-button{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#4f7fd8;color:#fff;font-size:12px;display:grid;place-items:center;padding:0}.play-button:disabled{background:#e3e9ee;color:#a4b1ba;cursor:default}.seek{flex:1;min-width:0;height:3px;accent-color:#668cae;cursor:pointer}.time{font-size:9px;white-space:nowrap;color:#74828b;font-variant-numeric:tabular-nums}.volume{display:flex;align-items:center;gap:7px;margin-left:4px}.volume span{font-size:13px;color:#78858e}.volume input{width:50px;height:3px;accent-color:#688296}.player-meta{font-size:9px;color:#8b959c;margin-top:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.load-audio{font-size:10px;text-decoration:underline;text-underline-offset:4px;padding:0;color:#526e82}.audio-error{font-size:11px;color:#a14c47;margin:8px 0 0}.small-note{font-size:10px;color:#8b959b;line-height:1.9}.simple-heading{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 15px}.details-panel{margin:34px 0;padding:30px;background:#f7f9fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.details-panel p{font-size:12px;color:var(--muted);margin:0;line-height:2}.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.gear-item{border-bottom:1px solid var(--line);padding:18px 0 25px}.gear-item .gear-number{font-size:9px;color:#91a0aa;letter-spacing:2px}.gear-item h2{font-family:var(--serif);font-size:21px;font-weight:400;margin:9px 0}.gear-item p{font-size:11px;color:var(--muted);margin:0}.empty-collection{display:grid;grid-template-columns:190px 1fr;gap:35px;align-items:center;background:#f7f9fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px;margin-top:35px}.empty-illustration{display:grid;place-items:center;min-height:125px;color:#8195a3}.empty-illustration svg{width:140px;height:115px}.empty-collection h2{font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 13px}.empty-collection p{font-size:12px;color:var(--muted);line-height:2;margin:0}.band-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;align-items:center;margin-top:30px}.band-copy h2{font-size:25px;font-weight:400;letter-spacing:.1em;line-height:1.5;margin:10px 0 18px}.band-copy p{font-size:12px;color:var(--muted);line-height:2}.button{display:inline-flex;gap:25px;align-items:center;padding:10px 20px;border:1px solid #ccd7de;font-size:11px;line-height:1.8;margin-top:18px;transition:background .2s}.button:hover{background:#f0f5f8}.apps-header{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center;margin:10px 0 30px}.apps-header img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.apps-header .intro-text{margin-bottom:5px}.apps-status{margin-top:25px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.apps-status h2{font-family:var(--serif);font-size:25px;font-weight:400;margin:0 0 10px}.apps-status p{font-size:12px;color:var(--muted);margin:0;line-height:2}.blog-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;margin:30px 0 40px}.blog-feature .blog-art{height:250px}.blog-feature .blog-art strong{font-size:70px}.blog-feature .blog-art small{font-size:8px}.blog-feature h2{font-family:var(--serif);font-size:28px;font-weight:400;margin:0 0 16px}.blog-feature p{font-size:12px;color:var(--muted);line-height:2}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:24px 0 35px}.topics div{border-top:1px solid var(--line);padding-top:16px}.topics h3{font-family:var(--serif);font-weight:400;font-size:20px;margin:0 0 9px}.topics p{font-size:11px;color:var(--muted);margin:0}.about-statement{font-size:32px;line-height:1.9;font-weight:300;letter-spacing:.1em;margin:30px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:35px 0;border-top:1px solid var(--line);padding-top:28px}.about-grid h2{font-family:var(--serif);font-size:24px;font-weight:400;margin:8px 0 16px}.about-grid p{font-size:12px;color:var(--muted);line-height:2}.about-links{display:flex;gap:15px;flex-wrap:wrap}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 18px}.filter-button{border:1px solid var(--line);color:#7e8b94;padding:5px 14px;font-size:10px}.filter-button[aria-pressed=true]{background:#edf3f7;border-color:#c8d6df;color:#244e6c}.all-news .update-row{padding:18px 0;border-bottom:1px solid var(--line)}.update-note{display:block;font-size:10px;color:#8b969e;margin-top:5px}.category{font-size:8px;color:#7691a4;margin-right:11px}.empty-message{font-size:12px;color:var(--muted);padding:25px 0}.footer{border-top:1px solid var(--line);padding:27px 4% 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:23px}.footer .brand span{font-size:6px;letter-spacing:2px}.footer nav{display:flex;gap:25px;align-items:center;font-size:8px}.footer .x-link{font-size:23px;line-height:1.4;margin-left:10px}.footer p{font-size:8px;color:#939ba1;text-align:right;margin:14px 0 0}.footer button{font-size:8px;color:#939ba1;padding:0;margin-left:12px}.footer a:hover{color:var(--blue)}dialog{background:#fff;color:var(--ink);border:1px solid #d9e2e8;box-shadow:0 15px 70px #172c4433;padding:35px;width:calc(100% - 32px);max-width:570px}dialog::backdrop{background:#22384b77;backdrop-filter:blur(3px)}dialog h2{font-family:var(--serif);font-size:27px;font-weight:400;margin:11px 0 20px;line-height:1.6}dialog p,dialog li{font-size:12px;color:#727e87;line-height:2}dialog h3{font-size:13px;font-weight:500;margin-top:23px}.close-dialog{position:absolute;right:12px;top:6px;font-size:27px;font-weight:300;color:#7b8891}.search-label{display:block;font-size:10px;color:#83919b}.search-label+input{width:100%;border:0;border-bottom:1px solid #aebfc9;padding:10px 0;background:#fff;font-size:17px;border-radius:0}.search-result{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.search-result span{font-size:10px;color:#7d8a94}.search-result:hover{color:var(--blue)}[hidden]{display:none!important}
@media(min-width:1600px){.header{max-width:1800px;margin:auto}.hero-copy{left:max(6.7%,calc((100vw - 1560px)/2))}}
@media(max-width:1050px){.header{gap:25px;padding:0 5%}.header nav{gap:25px}.brand{font-size:25px}.hero-copy{left:6%;top:143px}.hero{height:305px}.content-width{padding:0 40px}.portal{grid-template-columns:.85fr 1.15fr;gap:13px}.portal+.portal{padding-left:25px}.home-portals{gap:25px}.portal img,.blog-art{height:135px}.page{padding-left:40px;padding-right:40px}.work-layout{gap:30px}.volume input{width:35px}.footer nav{gap:18px}}
@media(max-width:760px){.header{height:83px;padding:0 24px;gap:18px}.brand{font-size:24px;letter-spacing:1px}.brand span{font-size:5.6px;letter-spacing:1.7px;margin-top:7px}.menu-button{display:flex;flex-direction:column;gap:5px;padding:10px 0;margin-left:auto;order:3;width:23px}.menu-button span{height:1px;width:22px;background:var(--ink)}.search-button{padding:5px;order:2;margin-left:auto}.menu-button+.header{margin:0}.header nav{display:none;position:absolute;left:0;right:0;top:83px;background:#fffffff5;border-bottom:1px solid var(--line);padding:12px 24px;gap:0;box-shadow:0 12px 20px #1029380a}.header nav.open{display:flex;flex-direction:column;align-items:stretch}.header nav a{padding:12px 0}.header nav a:after{right:auto;width:20px}.hero{height:335px}.hero-image{object-position:center 70%;object-fit:cover}.hero-copy{top:130px;left:29px;right:20px}.hero h1{font-size:35px;line-height:1.65;letter-spacing:.13em;margin-bottom:17px}.hero-copy p{font-size:12px;letter-spacing:.1em}.hero-copy .hero-en{font-size:7px;letter-spacing:3.5px;margin-top:20px}.hero-copy .tiny-rule{margin-top:19px;width:28px}.hero-signature{bottom:24px}.hero-signature strong{font-size:11px;letter-spacing:4px}.hero-signature span{font-size:5px;letter-spacing:2px}.hero-side{display:none}.content-width{padding:0 25px}.home-portals{grid-template-columns:1fr;gap:0;padding:0}.portal,.portal+.portal{grid-template-columns:.9fr 1.1fr;padding:24px 0;border-left:0;gap:19px}.portal+.portal{border-top:1px solid var(--line)}.portal h2{font-size:21px}.portal p{font-size:10px}.portal img,.blog-art{height:116px}.blog-art strong{font-size:30px}.blog-art small{font-size:5px;letter-spacing:1px}.news-section{grid-template-columns:1fr;gap:17px;padding:27px 0 31px}.news-heading{display:flex;justify-content:space-between;align-items:center}.news-heading h2{font-size:21px}.news-heading h2:after{margin-top:7px}.news-heading .text-link{margin-top:0}.update-row{grid-template-columns:73px 1fr 10px;gap:11px;font-size:10px;padding:9px 0;line-height:1.8}.update-row time{font-size:9px}.page{padding:24px 25px 45px}.breadcrumbs{font-size:8px;gap:9px;margin-bottom:25px}.page-title{font-size:33px}.page-lead{font-size:13px;letter-spacing:.06em}.intro-text{font-size:11px;margin-bottom:24px}.music-overview{grid-template-columns:1fr;gap:24px;margin-top:24px}.music-door{padding:16px 0;grid-template-columns:68px 1fr 15px;gap:16px}.music-door strong{font-size:21px}.music-door small{font-size:10px}.music-note{font-size:10px;margin-top:22px}.subnav{gap:16px;margin:17px 0 24px}.subnav a{font-size:9px}.work-layout{grid-template-columns:1fr;gap:28px;margin-top:21px}.song-art strong{font-size:27px}.song-art span{font-size:9px;letter-spacing:3px}.song-art em{font-size:18px;margin-top:27px}.song-detail h2{font-size:22px}.song-detail p{font-size:11px}.transport{gap:10px}.play-button{width:33px;height:33px;font-size:10px}.time{font-size:8px}.volume{gap:5px;margin:0}.volume input{width:39px}.credits div{font-size:10px;grid-template-columns:138px 1fr}.gear-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.gear-item h2{font-size:20px;line-height:1.4}.gear-item p{font-size:10px}.details-panel{padding:23px;margin:25px 0}.details-panel p{font-size:11px}.empty-collection{grid-template-columns:1fr;padding:24px;gap:17px;margin-top:25px}.empty-illustration{min-height:110px}.empty-collection h2{font-size:23px}.empty-collection p{font-size:11px}.band-layout{grid-template-columns:1fr;gap:23px;margin-top:23px}.band-copy h2{font-size:23px}.band-copy p{font-size:11px}.apps-header{grid-template-columns:1fr;gap:24px;margin:0 0 25px}.apps-header img{aspect-ratio:3/2}.apps-status{margin-top:15px}.apps-status h2{font-size:24px}.apps-status p{font-size:11px}.blog-feature{grid-template-columns:1fr;gap:24px;margin:26px 0}.blog-feature .blog-art{height:190px}.blog-feature .blog-art strong{font-size:60px}.blog-feature h2{font-size:26px}.blog-feature p{font-size:11px}.topics{grid-template-columns:1fr 1fr;gap:23px;margin-bottom:28px}.topics h3{font-size:19px}.topics p{font-size:10px}.about-statement{font-size:25px;line-height:1.9;margin:25px 0}.about-grid{grid-template-columns:1fr;gap:26px;margin:27px 0}.about-grid h2{font-size:24px}.about-grid p{font-size:11px}.all-news .update-row{grid-template-columns:70px 1fr 12px;gap:10px}.update-note{font-size:9px}.footer{padding:25px;align-items:flex-start;flex-direction:column;gap:25px}.footer .brand{font-size:23px}.footer-right{width:100%}.footer nav{gap:24px;font-size:8px;flex-wrap:wrap}.footer .x-link{margin-left:auto;font-size:20px}.footer p{text-align:left;font-size:8px;margin-top:20px}.footer button{font-size:8px;margin-left:14px}dialog{padding:28px 23px}dialog h2{font-size:24px}}
@media(max-width:360px){.header{padding:0 18px;gap:13px}.brand{font-size:21px}.brand span{font-size:5px;letter-spacing:1.3px}.hero-copy{left:24px}.hero h1{font-size:31px}.hero{height:313px}.content-width{padding:0 20px}.page{padding-left:20px;padding-right:20px}.portal{gap:13px}.portal p{font-size:9px}.portal img,.blog-art{height:105px}.footer{padding:24px 20px}.footer nav{gap:18px}.volume input{width:29px}.time{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:761px){.hero-copy{top:124px}.hero h1{font-size:clamp(34px,2.9vw,48px);line-height:1.5}.hero-copy .hero-en{margin-top:14px;line-height:2.2}}
.music-portal img{object-fit:contain;background:#f4f7f9}
@media(min-width:761px){.home-portals{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.portal{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:14px}.portal+.portal{padding-left:23px}.portal h2{font-size:22px}.portal p{font-size:10px}.portal img,.portal .blog-art{height:120px}.portal .blog-art strong{font-size:29px}.portal .blog-art small{font-size:5px;letter-spacing:.7px}}

/* Compact home image keeps the content entrances within reach. */
.hero-copy{top:108px}.hero h1{font-size:clamp(29px,2.35vw,38px);line-height:1.35;margin-bottom:8px}.hero-copy p{font-size:11px;line-height:1.7}.hero-copy .hero-en{font-size:7px;line-height:1.6;margin-top:8px}.hero-copy .tiny-rule{margin-top:8px}.hero-signature{bottom:18px}.hero-side{bottom:18px}
@media(max-width:760px){.hero-copy{top:96px}.hero h1{font-size:29px;line-height:1.4}.hero-copy .hero-en{letter-spacing:2.5px}.hero-signature{bottom:14px}}
@media(max-width:360px){.hero h1{font-size:27px}.hero-signature{bottom:10px}}

.category-feature{margin:0}.category-feature img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.portal .category-image{object-fit:contain;background:#f5f6f6}

/* The road signature now serves as the upper-left site logo. */
.header .brand{font-size:20px;font-weight:400;letter-spacing:5px;line-height:1.5;text-align:center}.header .brand span{font-size:7px;font-weight:400;letter-spacing:2px;margin-top:7px}.home .header .brand{color:#fff;text-shadow:0 1px 8px #0005}
@media(max-width:760px){.header .brand{font-size:18px;letter-spacing:4px}.header .brand span{font-size:6px;letter-spacing:1.6px}}
@media(max-width:360px){.header .brand{font-size:16px;letter-spacing:3px}.header .brand span{font-size:5px;letter-spacing:1.5px}}

/* Centered white headline, with a slightly stronger weight. */
.hero .hero-title{position:absolute;top:50%;left:24px;right:24px;transform:translateY(-50%);margin:0;text-align:center;color:#fff;font-size:clamp(27px,2.7vw,40px);font-weight:600;line-height:1.4;letter-spacing:.1em;text-shadow:0 2px 12px #10253780}
.hero .hero-copy{top:calc(50% + 34px);left:24px;right:24px;text-align:center;color:#fff;text-shadow:0 1px 7px #102537b3}
.hero-copy .tiny-rule{margin-left:auto;margin-right:auto;background:#ffffff99}
@media(max-width:360px){.hero .hero-title{left:16px;right:16px;font-size:25px;letter-spacing:.06em}}

.work-without-art{grid-template-columns:1fr;max-width:800px;gap:24px}