/* Shared approved introduction styles; app and native styles remain separate. */
@font-face{font-family:'Website SUIT';src:url('/fonts/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
html:has(.oddpage-website){scroll-behavior:smooth;background:#080908;color:#eeeee6;overflow:auto!important}
body:has(.oddpage-website){margin:0;background:#080908;overflow:auto!important;font:16px/1.6 'Website SUIT',Arial,sans-serif}
.oddpage-website{max-width:1240px;margin:0 auto;padding:0 50px}
.oddpage-website *{box-sizing:border-box}
.oddpage-website a{color:inherit;text-decoration:none}
.oddpage-website a:focus-visible{outline:2px solid #c4d2b1;outline-offset:7px}
.oddpage-website h1,.oddpage-website h2,.oddpage-website p,.oddpage-website figure{margin:0}
.website-local-label{text-align:center;padding:11px 0;color:#a4a79b;font-size:11px;border-bottom:1px solid #3e4237;letter-spacing:.01em}
.website-header{display:flex;justify-content:space-between;align-items:center;padding:23px 0 30px;gap:30px}
.website-wordmark{font:600 43px/1.2 Georgia,serif;letter-spacing:-.035em}
.website-header nav,.website-footer nav{display:flex;gap:27px;font-size:13px;align-items:center}
.website-header nav a,.website-footer nav a{padding:5px 0}
.website-header nav a:hover,.website-footer nav a:hover{border-bottom:1px solid}
.website-intro{background:transparent;color:#eeeee6;padding:18px 0 0}
.website-intro-copy{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:36px}
.website-eyebrow{font:11px/1.5 'Website SUIT',Arial,sans-serif;letter-spacing:.14em}
.website-intro h1{font-size:clamp(32px,4.4vw,59px);line-height:1.3;font-weight:500;letter-spacing:-.055em;word-break:keep-all;overflow-wrap:break-word}
.website-intro-bottom p{font-size:14px;line-height:1.8;color:#c7cebf}
.website-room,.website-library-detail{padding-top:72px;scroll-margin-top:28px}
.website-library-detail{display:grid;grid-template-columns:1fr 1fr;gap:34px 60px;padding-bottom:68px;border-bottom:1px solid #49513e}
.website-room-heading{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.website-room-heading>.website-eyebrow{color:#a8b19d}
.website-room h2,.website-library-detail h2{font-size:32px;line-height:1.4;font-weight:400;letter-spacing:-.04em;word-break:keep-all}
.website-room{display:grid;grid-template-columns:1fr 1fr;gap:32px 60px}
.website-room>.website-specimen{grid-column:1/-1}
.website-specimen{width:100%}
.website-specimen>img{display:block;width:100%;height:auto;background:#000}
.website-hero-specimen{max-width:960px;margin-inline:auto!important}
.website-specimen figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#9da594;padding-top:13px}
.website-room-caption{align-self:end;max-width:440px}
.website-room-caption p{font-size:15px;line-height:1.8;color:#c7cebf;word-break:keep-all}
.website-record-detail{grid-column:1/-1}
.website-detail-papers{display:grid;grid-template-columns:minmax(0,560fr) minmax(0,362fr);align-items:center;gap:26px}
.website-detail-quote,.website-detail-memo{position:relative;overflow:hidden;isolation:isolate}
/* Pixel windows into the original 2752×2064 PNG; the source stays unaltered. */
.website-detail-quote{aspect-ratio:560/130}
.website-detail-quote>img{position:absolute;max-width:none;width:491.428571%;height:auto;left:-255.357143%;top:-330.769231%}
.website-detail-memo{aspect-ratio:362/120}
.website-detail-memo>img{position:absolute;max-width:none;width:760.220994%;height:auto;left:-600.828729%;top:-355.833333%}
.website-record-detail figcaption{color:#9da594;font-size:11px;margin-top:16px}
.website-features{margin-top:54px;padding:36px 0;border-top:1px solid #49513e;border-bottom:1px solid #49513e}
.website-features ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.website-features li{padding:0 24px;border-left:1px solid #49513e;word-break:keep-all;overflow-wrap:break-word}
.website-features li:first-child{padding-left:0;border-left:0}
.website-features li:last-child{padding-right:0}
.website-features h3{margin:0 0 12px;font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.04em}
.website-features p{font-size:13px;line-height:1.8;color:#aeb5a4}
.website-release{padding:54px 0 58px;scroll-margin-top:25px}
.website-release>.website-eyebrow{color:#a8b19d}
.website-release h2{font-size:33px;font-weight:400;line-height:1.4;letter-spacing:-.04em;margin:14px 0 24px}
.website-release ul{display:flex;align-items:baseline;gap:28px;list-style:none;margin:0;padding:0}
.website-release li{display:flex;align-items:baseline}
.website-release li>span{font-size:29px;line-height:1.2;letter-spacing:-.02em}
.website-device-iphone{font-family:'Website SUIT',Arial,sans-serif;font-weight:500}
.website-device-ipad{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.website-device-mac{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-weight:400}
.website-release-note{font-size:12px;color:#a3ab98;margin-top:20px!important}
.website-footer{border-top:1px solid #49513e;padding:28px 0 42px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.website-footer .website-wordmark{font-size:29px}
.website-footer nav{font-size:12px;color:#aeb5a4}
@media(max-width:1000px){.website-intro-copy{display:block}.website-intro-bottom{margin-top:18px}}
@media(max-width:700px){.oddpage-website{padding:0 22px}.website-local-label{font-size:10px;padding:8px 0}.website-header{padding:20px 0 26px;gap:18px}.website-wordmark{font-size:33px}.website-header nav{gap:16px;font-size:11px}.website-header nav>a:first-child{display:none}.website-intro{padding:10px 0 0}.website-intro-copy{margin-bottom:26px}.website-intro h1{font-size:clamp(28px,7.5vw,42px);letter-spacing:-.055em}.website-intro-bottom{margin-top:15px}.website-intro-bottom p{font-size:13px}.website-room,.website-library-detail{display:block;padding-top:46px}.website-library-detail{padding-bottom:40px}.website-room-heading{gap:10px}.website-room h2,.website-library-detail h2{font-size:24px}.website-specimen{width:calc(100% + 26px);margin-left:-13px!important}.website-specimen figcaption{font-size:10px;padding-inline:13px;gap:10px}.website-room-caption{margin:17px 0 25px}.website-room-caption p{font-size:14px}.website-detail-papers{display:flex;flex-direction:column;align-items:stretch;gap:14px}.website-detail-quote{width:100%}.website-detail-memo{width:68%;align-self:flex-end}.website-record-detail figcaption{font-size:10px}.website-release{padding:36px 0 40px}.website-release h2{font-size:28px;margin-bottom:22px}.website-release li>span{font-size:26px}.website-release ul{gap:23px}.website-footer{align-items:flex-start;flex-direction:column;padding:25px 0 30px;gap:20px}.website-footer nav{gap:24px}}
@media(prefers-reduced-motion:reduce){html:has(.oddpage-website){scroll-behavior:auto}}
@media(max-width:700px){.website-features{padding:32px 0}.website-features ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.website-features li{padding:0 16px}.website-features li:nth-child(odd){padding-left:0;border-left:0}.website-features li:nth-child(even){padding-right:0}.website-features h3{font-size:15px}.website-features p{font-size:12px}}