/* Shared editorial layer. Keep component geometry and app state in their owning styles. */
:root{--text:#eeeee9;--text-soft:#bcbcb6;--text-dim:#92928c;--border:rgba(255,255,255,.13);--border-strong:rgba(255,255,255,.3);--ease-out:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{background-color:#050505;color:var(--text);-webkit-font-smoothing:antialiased}
::selection{background:#e5e5dc;color:#090909}
:focus-visible{outline:2px solid #eeeee9!important;outline-offset:5px!important}
a,button,input,select,textarea{transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
button:disabled{cursor:not-allowed}
.page-index .wrap{max-width:1600px;padding:28px 48px 40px}
.page-index header{margin-bottom:0;padding-bottom:25px;border-bottom:1px solid var(--border)}
.page-index .logo img{height:20px}
.page-index header nav{gap:10px}
.page-index .nav-icon,.page-index .account-trigger{min-width:42px;height:42px}
.record-hero{position:relative;min-height:740px;height:calc(100svh - 100px);max-height:1000px;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:25px 0 24px;border-bottom:1px solid var(--border);margin-bottom:100px}
.hero-topline,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font:10px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);z-index:1}
.hero-bottom a{color:var(--text);text-decoration:none;display:flex;gap:38px}
.hero-copy{position:relative;z-index:2;margin-top:auto;padding:130px 0 65px;pointer-events:none}
.hero-kicker{font:10px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.18em;margin:0 0 25px;color:var(--text-soft)}
.hero-copy h1{font-size:clamp(64px,7.6vw,118px);font-weight:400;line-height:.99;letter-spacing:-.07em;margin:0 0 28px}
.hero-copy h1 span{color:#858580}
.hero-description{font-size:15px;line-height:1.7;color:var(--text-soft);margin-bottom:28px}
.hero-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:48px;background:var(--text);color:#090909;text-decoration:none;padding:18px 23px;border-radius:var(--radius-ui,4px);font-size:12px;font-weight:500}
.hero-cta span{font-size:21px;transition:transform .4s var(--ease-out)}
.hero-cta:hover{background:#fff}.hero-cta:hover span{transform:translate(3px,-3px)}
.hero-object{position:absolute;right:0;top:9%;width: min(51vw,710px);aspect-ratio:1;perspective:1000px;z-index:-1;transform:translate3d(0,var(--record-drift,0px),0);will-change:transform}
.vinyl{position:absolute;inset:3%;border-radius:var(--radius-round,50%);background:repeating-radial-gradient(circle at center,#111 0px,#111 1px,#292929 1.7px,#090909 2.7px,#131313 3.8px);box-shadow:0 0 0 1px #393939,0 30px 70px #000;transform:rotate(-24deg);animation:record-spin 48s linear infinite}
.vinyl::before{content:"";position:absolute;inset:0;border-radius:var(--radius-round,50%);background:conic-gradient(from 30deg,transparent,#ffffff17 15%,transparent 25%,#0009 35%,transparent 48%,#ffffff21 62%,transparent 75%,#0009 86%,transparent);}
.vinyl-label{position:absolute;inset:34%;border-radius:var(--radius-round,50%);background:#c9c9be;color:#161616;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14%;font:clamp(6px,.65vw,10px) var(--font-mono,monospace);letter-spacing:.1em;border:8px solid #171717}
.vinyl-label>span:first-child{font:700 clamp(12px,1.7vw,25px) var(--font-sans,sans-serif);letter-spacing:-.06em}
.vinyl-hole{width:10px;height:10px;background:#050505;border-radius:var(--radius-round,50%);box-shadow:0 0 0 5px #b0b0a5}
.orbit-caption{position:absolute;right:0;bottom:-12px;font:9px var(--font-mono,monospace);letter-spacing:.15em;color:var(--text-dim)}
@keyframes record-spin{to{transform:rotate(336deg)}}
.page-index .section{margin-bottom:90px;scroll-margin-top:32px}
.page-index .section+.section{padding-top:52px}
.page-index .section__head{margin-bottom:32px}
.page-index .section__title{gap:16px}
.page-index .section__head h2{font-size:clamp(28px,3.1vw,46px);font-weight:400;letter-spacing:-.045em}
.page-index .rail{grid-auto-columns:clamp(170px,18vw,260px);gap:22px;padding-bottom:12px;scroll-snap-type:x mandatory}
.page-index .rail>*{scroll-snap-align:start}
.page-index .release__cover{filter:saturate(.65);transition:filter .6s ease,transform .6s var(--ease-out)}
.page-index .release:hover .release__cover{filter:saturate(1);transform:translateY(-5px)}
.page-index .release__title{font-size:14px;margin-top:15px}
.page-index .status{padding:36px 24px;text-align:left;background:transparent;border-width:1px 0;line-height:1.8}
.editorial-footer{border-top:1px solid var(--border);padding-top:40px;display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.editorial-footer>a:first-child{font-size:clamp(45px,8vw,110px);letter-spacing:-.08em;font-weight:600}.editorial-footer>a:first-child span{font-size:16px;vertical-align:top;letter-spacing:0}
.editorial-footer a{color:var(--text);text-decoration:none}.editorial-footer p,.editorial-footer>a:last-child{font:10px var(--font-mono,monospace);color:var(--text-dim)}
/* Apply the same restrained type and chrome to the working screens. */
body:not(.page-index) .tagline{font-weight:400;letter-spacing:-.055em;font-size:clamp(38px,5vw,68px)}
.page-login .card{border-top:1px solid var(--border);padding-top:36px}
.page-login h1{font-weight:400;letter-spacing:-.04em}
.album-summary__title{font-weight:400;letter-spacing:-.045em}
.listen-link{border-radius:var(--radius-ui,4px)}.search-overlay{backdrop-filter:blur(24px)}
.page-profile .topbar,.page-places header{border-bottom:1px solid var(--border);padding-bottom:24px}
.bottom-nav .bottom-nav__item{transition:color .2s ease,background .2s ease}
.bottom-nav .bottom-nav__item.is-active{background:rgba(255,255,255,.045)}
.bottom-nav .bottom-nav__item:active{background:rgba(255,255,255,.1)}
.motion-reveal{transition:opacity .85s var(--ease-out),translate .85s var(--ease-out)}
.motion-reveal.is-pending{opacity:0;translate:0 25px}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .16s ease both}
::view-transition-new(root){animation:page-in .4s var(--ease-out) both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:761px){.hero-copy{animation:page-in 1s var(--ease-out) both}}
@media(max-width:760px){
 .page-index .wrap{padding:20px 22px 35px}.page-index header{padding-bottom:20px}.page-index .logo img{height:17px}
 .record-hero{height:auto;min-height:800px;margin-bottom:60px;padding-top:20px}.hero-topline{font-size:8px}.hero-topline>span:last-child{display:none}
 .hero-object{width:83%;right:-2%;top:65px}.orbit-caption{font-size:7px;bottom:-18px}
 .hero-copy{padding:365px 0 40px}.hero-copy h1{font-size:clamp(54px,10vw,76px);letter-spacing:-.065em}.hero-kicker{font-size:8px;margin-bottom:20px}
 .hero-description{font-size:13px;max-width:300px}.hero-description br{display:none}.hero-bottom{font-size:8px;letter-spacing:.05em}.hero-bottom a{gap:14px}
 .page-index .section{margin-bottom:55px}.page-index .section+.section{padding-top:35px}.page-index .section__head{gap:12px}.page-index .section__head a{font-size:9px;white-space:normal;text-align:right}
 .page-index .rail{grid-auto-columns:165px;gap:16px}.editorial-footer{flex-wrap:wrap}.editorial-footer>a:first-child{width:100%;font-size:72px}.hero-cta{min-height:52px}
}
@media(max-width:380px){.hero-copy{padding-top:320px}.record-hero{min-height:760px}.hero-copy h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-object{transform:none!important}.motion-reveal.is-pending{opacity:1;translate:none}}
.page-login h1{font-size:clamp(32px,5vw,46px);margin:16px 0}
.page-login .brand-logo{width:180px;margin-bottom:30px}
.page-login input{min-height:54px;background:#0b0b0b}
.page-login button{min-height:52px;border-radius:var(--radius-ui,4px)}
.page-login .hint{line-height:1.7}
.page-scan h1,.page-settings h1,.page-add h1{font-weight:400;letter-spacing:-.05em}
.page-scan .lead{line-height:1.7;color:var(--text-soft)}
.vinyl-label>span{flex-shrink:0}
@media(max-width:760px){.vinyl-label{border-width:4px;gap:10%}.vinyl-label>span:first-child{font-size:10px}.vinyl-label>span:last-child{font-size:5px}.hero-copy{padding-top:330px}.record-hero{min-height:760px}}
/* The personal archive */
.page-profile .wrap{max-width:1440px;padding:30px 48px 70px}
.page-profile .topbar{margin-bottom:0;padding-bottom:27px}
.page-profile .topbar .logo img{height:20px}
.collection-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:560px;padding:65px 0 55px}
.collection-intro--empty{grid-template-columns:1fr;min-height:380px}
.collection-kicker{font:10px var(--font-mono);letter-spacing:.15em;color:#90908b;margin:0 0 38px}
.page-profile .id{align-items:center;gap:20px}
.page-profile .id__avatar{width:52px;height:52px;border:1px solid #444}
.page-profile .id__name{font-size:clamp(60px,7.5vw,110px);font-weight:400;letter-spacing:-.065em;line-height:1;overflow-wrap:anywhere}
.page-profile .id__sub{font-size:9px;line-height:1.8;letter-spacing:.08em;margin-top:14px}
.page-profile .id__bio{font-size:17px;line-height:1.6;max-width:400px;margin:25px 0;color:#aaa9a3}
.page-profile .follow-row{margin-top:26px;gap:20px}
.page-profile .follow{background:none;color:var(--text);border-color:#41413e;border-radius:var(--radius-ui,4px);padding:10px 22px;text-transform:none;font-family:var(--font-sans);font-size:12px;min-height:40px}
.page-profile .follow:hover{background:#eeeee9;color:#111}
.page-profile .counts{font-size:9px}
.page-profile .collection-identity .browse{width:auto;display:inline-flex;padding:17px 22px;margin-top:30px;gap:25px;text-transform:none;font:13px var(--font-sans);letter-spacing:0;border-radius:var(--radius-ui,4px)}
.archive-stage{text-decoration:none;color:inherit;display:block;min-width:0}
.archive-sleeves{position:relative;aspect-ratio:1.15;isolation:isolate}
.archive-sleeves::after{content:"";position:absolute;left:14%;right:0;bottom:0;height:15%;background:#000;filter:blur(20px);z-index:-1}
.archive-sleeve{position:absolute;width:64%;aspect-ratio:1;object-fit:cover;top:10%;left:18%;border:1px solid #ffffff25;box-shadow:0 15px 35px #0009;transition:transform 1s var(--ease-out),filter 1s ease;filter:saturate(.65);}
.archive-sleeve--0{z-index:3;transform:rotate(-7deg) translate(-17%,5%)}
.archive-sleeve--1{z-index:2;transform:rotate(9deg) translate(15%,-4%)}
.archive-sleeve--2{z-index:1;transform:rotate(20deg) translate(25%,-1%);filter:saturate(.3) brightness(.7)}
.archive-stage:hover .archive-sleeve--0,.archive-stage:focus-visible .archive-sleeve--0{transform:rotate(-12deg) translate(-25%,2%);filter:saturate(1)}
.archive-stage:hover .archive-sleeve--1,.archive-stage:focus-visible .archive-sleeve--1{transform:rotate(5deg) translate(11%,-12%);filter:saturate(1)}
.archive-stage:hover .archive-sleeve--2,.archive-stage:focus-visible .archive-sleeve--2{transform:rotate(22deg) translate(33%,1%)}
.archive-caption{display:flex;justify-content:space-between;gap:16px;font:8px var(--font-mono);letter-spacing:.1em;color:var(--text-dim);border-top:1px solid var(--border);padding-top:19px}
.page-profile .quickstats{margin:0;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:none;gap:0}
.page-profile .quickstats a{background:none;text-align:left;padding:30px 35px;display:flex;align-items:baseline;gap:20px;border-right:1px solid var(--border)}
.page-profile .quickstats a:first-child{padding-left:0}.page-profile .quickstats a:last-child{border-right:0}
.page-profile .quickstats strong{font-size:clamp(38px,4vw,58px);font-weight:400;letter-spacing:-.06em}.page-profile .quickstats span{font-size:10px;letter-spacing:.1em}
.page-profile .quickstats a:hover{background:#ffffff04}
.archive-nav{display:flex;gap:30px;padding:25px 0 0}.archive-nav a{color:var(--text-soft);text-decoration:none;font-size:11px}.archive-nav a:last-child{margin-left:auto}.archive-nav a:hover{color:white}
.page-profile .sec{margin:70px 0;min-width:0;scroll-margin-top:35px}
.page-profile .sec__head{margin-bottom:28px}.page-profile .sec__eyebrow{font-size:9px;letter-spacing:.14em}
.page-profile .sec h2{font-weight:400;font-size:clamp(28px,3.5vw,44px);letter-spacing:-.045em;margin-top:14px}
.page-profile .sec__more{color:#c3c3bc;font-size:10px}
.page-profile .rail{gap:22px;padding:7px 0 20px;scroll-snap-type:x mandatory}
.page-profile .alb{width:calc((100% - 88px)/5);min-width:160px;scroll-snap-align:start}
.page-profile .alb__cov{width:100%;height:auto;aspect-ratio:1;filter:saturate(.8);transition:translate .55s var(--ease-out),filter .55s ease}
.page-profile .alb:hover .alb__cov{translate:0 -6px;filter:saturate(1)}
.page-profile .alb__t{font-size:13px;font-weight:400;line-height:1.4;margin-top:15px}.page-profile .alb__a{font-size:9px;line-height:1.7;margin-top:5px}.page-profile .alb__price{font-size:11px;margin-top:8px}
.page-profile #sound{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:45px 0 55px}
.sound-composition{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.page-profile .mosaic{max-width:none;aspect-ratio:1.15;border:0}.page-profile .mosaic .tile{filter:saturate(.5)}.page-profile .mosaic .tile::after{background:#0003}.page-profile .mosaic .tile span{font-size:9px;padding:7px;background:#0009;left:8px;bottom:8px}
.sound-statement{font-size:clamp(25px,3vw,40px);line-height:1.12;letter-spacing:-.04em;white-space:pre-line;margin:0 0 35px;color:#b6b6af}
.sound-genre{position:relative;display:flex;justify-content:space-between;padding:13px 0 16px;margin-bottom:9px;font-size:12px}.sound-genre>span:nth-child(2){font:10px var(--font-mono);color:var(--text-dim)}
.sound-bar{position:absolute;bottom:0;left:0;right:0;height:1px;background:#252525}.sound-bar::before{content:"";display:block;width:var(--share);height:1px;background:#c9c9bd}
.page-profile #overview-root>.browse--ghost{display:flex;justify-content:space-between;align-items:center;padding:25px 0;background:none;border-width:1px 0;font-size:12px}
.archive-footer{display:flex;justify-content:space-between;gap:20px;padding-top:35px;font:8px var(--font-mono);letter-spacing:.12em;color:var(--text-dim)}
@media(prefers-reduced-motion:no-preference){.collection-identity{animation:page-in .8s var(--ease-out) both}.archive-stage{animation:page-in 1.2s var(--ease-out) both}}
@media(max-width:900px){.page-profile .wrap{padding:25px 28px 90px}.collection-intro{gap:30px;min-height:470px}.page-profile .id{gap:12px}.page-profile .id__avatar{width:38px;height:38px}.page-profile .id__name{font-size:65px}.sound-composition{gap:35px}.page-profile .quickstats a{padding:25px 18px;gap:12px}.page-profile .quickstats span{font-size:8px}}
@media(max-width:600px){
.page-profile .wrap{padding:22px 22px 95px}.page-profile .topbar{padding-bottom:23px}.page-profile .topbar .logo img{height:17px}
.collection-intro{grid-template-columns:1fr;gap:25px;padding:32px 0 27px}.collection-kicker{margin-bottom:24px;font-size:8px}.page-profile .id__name{font-size:70px}.page-profile .id__avatar{width:44px;height:44px}.page-profile .id__sub{font-size:8px;letter-spacing:.03em}.page-profile .id__bio{font-size:14px;margin-top:18px}.page-profile .follow-row{margin-top:19px}.page-profile .collection-identity .browse{margin-top:22px;font-size:12px;padding:15px 20px}
.archive-stage{max-width:360px;width:100%;margin:5px auto 0}.archive-sleeves{aspect-ratio:1.3}.archive-sleeve{width:56%;left:21%;top:9%}.archive-caption{font-size:7px;padding-top:15px}
.page-profile .quickstats a{padding:22px 13px;display:block}.page-profile .quickstats strong{font-size:39px;margin-bottom:6px}.page-profile .quickstats span{font-size:8px}.archive-nav{gap:22px}.archive-nav a{font-size:10px}
.page-profile .sec{margin:48px 0}.page-profile .sec h2{font-size:30px}.page-profile .sec__head{margin-bottom:20px}.page-profile .rail{gap:16px}.page-profile .alb{width:44%;min-width:140px}.page-profile .alb__t{font-size:12px}.page-profile .alb__a{font-size:8px}
.sound-composition{grid-template-columns:1fr;gap:28px}.page-profile #sound{padding:35px 0}.sound-statement{font-size:30px;margin-bottom:22px}.archive-footer{font-size:7px;line-height:1.7}.archive-footer span{max-width:48%}
}
/* Deadwax identity — bone, charcoal, stamped type and the original mascot. */
:root{--bg:#141413;--canvas-bg:#141413;--bg-soft:#191918;--text:#f3efe4;--text-soft:#c1bfb6;--text-dim:#9b9a92;--border:rgba(243,239,228,.16);--border-strong:rgba(243,239,228,.36)}
body{background:#141413;color:var(--text)}
.page-index .wrap{padding-top:24px}
.page-index header{padding-bottom:20px}
.page-index .logo img,.page-profile .topbar .logo img,.page-places .logo img,.page-stats .logo img{height:36px;width:auto}
.page-index header nav .nav-icon{background:transparent;border-color:var(--border)}
.page-index .nav-icon.nav-signin{background:var(--text);color:#141413;border-radius:var(--radius-ui,4px);font-weight:600;padding:0 20px}
.record-hero{min-height:660px;height:calc(100svh - 110px);max-height:850px;margin-bottom:0;border-bottom:0;padding-top:24px;overflow:hidden}
.hero-topline{font-size:9px;letter-spacing:.12em}
.hero-copy{padding:100px 0 65px;margin-top:auto}
.hero-kicker{font-size:10px;letter-spacing:.08em;margin-bottom:24px}
.hero-copy h1{font-size:clamp(75px,9.6vw,150px);font-weight:850;letter-spacing:-.075em;line-height:.86;margin-bottom:30px}
.hero-copy h1 span{color:var(--text)}
.hero-description{font-size:15px;line-height:1.6;max-width:340px;color:var(--text-soft)}
.hero-cta{background:var(--text);border-radius:var(--radius-ui,4px);text-transform:uppercase;letter-spacing:.06em;font:600 10px var(--font-mono);gap:50px;padding:18px 20px}
.hero-object{right:-3%;top:3%;width:56%;max-width:710px;z-index:-1}
.brand-sculpture{width:100%;height:auto;display:block;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 67% 67% at 50% 50%,#000 50%,transparent 76%);transform:rotate(-7deg);animation:mascot-float 9s ease-in-out infinite;transform-origin:50% 55%}
.orbit-caption{right:12%;bottom:0;font-size:8px;letter-spacing:.16em}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
.hero-bottom{font-size:8px;padding-bottom:4px}
.dig-index{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 90px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.dig-index>a{color:var(--text);text-decoration:none;padding:25px 28px 27px;border-right:1px solid var(--border);transition:background .35s ease}
.dig-index>a:first-child{padding-left:0}.dig-index>a:last-child{border-right:0}
.dig-index>a>span{font:9px var(--font-mono);letter-spacing:.11em;color:var(--text-dim)}
.dig-index strong{display:flex;justify-content:space-between;gap:12px;font-size:23px;font-weight:550;letter-spacing:-.035em;margin-top:12px}
.dig-index strong span{font-weight:400;transition:transform .3s var(--ease-out)}.dig-index>a:hover strong span{transform:translate(3px,-3px)}.dig-index>a:hover{background:#f3efe405}
.page-index .section__head h2{font-weight:650;letter-spacing:-.055em}
.page-index .release__cover{filter:none}.page-index .card{background:#1a1a18;border-color:var(--border)}
.page-index .card__cover{filter:saturate(.8)}
.editorial-footer>a:first-child{font-weight:850;text-transform:uppercase;letter-spacing:-.075em}
.page-profile .id__name{font-weight:750}.page-profile .sec h2{font-weight:600}.page-profile .quickstats strong{font-weight:550}
.page-profile .archive-sleeve{box-shadow:0 18px 35px #0005}
.page-login .brand-logo{width:240px;margin-bottom:20px}.page-login h1{font-weight:650}.page-login .card{padding:35px 0;border-top:1px solid var(--border)}
.page-login input{background:#1b1b19}.page-login button{background:var(--text)}
body .bottom-nav{background:rgba(20,20,19,.94);border-color:var(--border)}
.page-collection .brand img{height:32px}
@media(max-width:900px){.hero-object{width:59%;right:-5%;top:10%}.hero-copy h1{font-size:clamp(70px,10vw,100px)}}
@media(max-width:760px){
.page-index .logo img,.page-profile .topbar .logo img,.page-places .logo img,.page-stats .logo img{height:31px}
.record-hero{min-height:0;height:auto;padding-top:22px;max-height:none}.hero-topline{font-size:7px}.hero-object{width:92%;top:33px;right:-14%;max-width:420px}
.hero-copy{padding:315px 0 34px}.hero-copy h1{font-size:clamp(68px,14vw,108px);line-height:.88;margin-bottom:24px}.hero-kicker{font-size:8px;margin-bottom:18px}.hero-description{font-size:13px;max-width:270px}.hero-description br{display:block}.hero-cta{font-size:9px;min-height:49px}
.orbit-caption{display:none}.hero-bottom{font-size:7px;gap:10px;margin-bottom:25px}.hero-bottom a{gap:12px}
.dig-index{grid-template-columns:1fr;margin-bottom:52px}.dig-index>a,.dig-index>a:first-child{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-right:0;border-bottom:1px solid var(--border);gap:15px}.dig-index>a:last-child{border-bottom:0}.dig-index strong{font-size:18px;margin:0;min-width:175px}.dig-index>a>span{font-size:7px;letter-spacing:.06em}
.editorial-footer>a:first-child{font-size:64px}
}
@media(min-width:500px) and (max-width:760px){.hero-copy{padding-top:365px}.hero-object{right:0}}
@media(prefers-reduced-motion:reduce){.brand-sculpture{animation:none!important}}
@media(max-width:499px){.hero-object{width:90%;right:-5%;top:40px}.hero-copy{padding-top:310px}}
@media(max-width:380px){.hero-object{width:88%;right:0}.hero-copy{padding-top:285px}.hero-copy h1{font-size:66px}}

.inspect-record{display:inline-flex;margin:18px 0 0;padding:12px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-ui,4px);background:transparent;color:var(--text);font:11px var(--font-mono);cursor:pointer}.inspect-record:hover{background:var(--text);color:var(--bg)}.record-overlay .inspect-record{display:none}.record-overlay__media:has(record-object){width:min(46vw,620px)}
@media(max-width:768px){.record-overlay__media:has(record-object){width:100%;max-width:460px}}