@font-face{font-family:Montserrat;font-style:normal;font-weight:300 600;font-display:swap;src:url("fonts/montserrat-latin.woff2") format("woff2")}
:root{--coral:#f47c70;--ink:#302f2c;--muted:#555555;--paper:#ffffff;--line:#e9e9e9;--soft:#ffffff;--radius:16px;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;border-top:5px solid var(--coral)}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #a13e35;outline-offset:6px}
::selection{background:var(--coral);color:var(--ink)}
.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:12px 18px;z-index:10;border-radius:6px}
.skip-link:focus{top:20px}
.page-shell{max-width:1120px;padding:0 40px;margin:auto;min-height:calc(100svh - 5px);display:flex;flex-direction:column}
.site-header{height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{display:block;width:273px;flex-shrink:0}
.brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.header-label{font-size:12px;letter-spacing:.09em;color:var(--muted)}
main{flex:1}
.intro{padding:66px 0 61px}
.eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;font-weight:500;margin:0}
.intro .eyebrow{display:flex;align-items:center;gap:11px}
.coral-line{display:inline-block;background:var(--coral);width:24px;height:3px}
h1{font-size:clamp(44px,6vw,72px);font-weight:300;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;margin:23px 0 23px}
h1 span{color:var(--ink)}
.intro-copy{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-heading h2{font-size:15px;font-weight:500;letter-spacing:-.01em;margin:0}
.project-count{font-size:11px;letter-spacing:.07em;color:var(--muted);font-variant-numeric:tabular-nums}
.project-card{display:grid;grid-template-columns:36% 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.project-art{position:relative;background:var(--coral);min-height:282px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px}
.art-number{position:absolute;left:24px;top:21px;font-size:11px;letter-spacing:.07em}
.streaming-illustration{width:min(100%,272px);height:auto;margin:1px 0 3px}
.art-label{font-size:10px;letter-spacing:.015em;margin-top:0}
.project-content{padding:32px 38px;display:flex;flex-direction:column;align-items:flex-start}
.project-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}
.project-meta .eyebrow{color:var(--muted);font-size:10px}
.status{display:inline-flex;align-items:center;gap:6px;background:#f5f5f5;border:1px solid #e9e9e9;border-radius:20px;padding:6px 9px;font-size:10px;color:#555555;white-space:nowrap}
.status span{width:5px;height:5px;background:#555555;border-radius:50%}
h3{margin:21px 0 11px;font-size:29px;letter-spacing:0;font-weight:500;line-height:1.15}
.project-content p{font-size:14px;line-height:1.75;margin:0 0 22px;color:var(--muted)}
.project-action{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;margin-top:auto}
.arrow{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font-size:20px;font-weight:400;transition:background .2s,transform .2s,border-color .2s}
@media(hover:hover){.project-card:hover{border-color:var(--coral);box-shadow:0 8px 26px #302f2c09;transform:translateY(-2px)}.project-card:hover .arrow{background:var(--coral);border-color:var(--coral);transform:rotate(45deg)}}
.collection-note{font-size:11px;color:var(--muted);text-align:center;margin:22px 0 55px}
.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0 28px;font-size:10px;letter-spacing:.025em;color:var(--muted)}
.footer-dot{padding:0 7px;color:#777777}
.back-link{font-size:12px;display:inline-flex;gap:9px;align-items:center;color:var(--muted)}
.back-link:hover{color:var(--ink)}
.coming-main{padding:36px 0 70px;display:flex;flex-direction:column}
.coming-panel{text-align:center;max-width:600px;margin:66px auto 28px;display:flex;flex-direction:column;align-items:center}
.coming-icon{height:120px;width:120px;background:var(--coral);border-radius:28px;display:grid;place-items:center;margin-bottom:28px}
.coming-panel h1{font-size:clamp(42px,6vw,64px);margin:22px 0 20px;line-height:1.08}
.coming-panel p{font-size:16px;line-height:1.8;color:var(--muted);max-width:410px;margin:0 0 30px}
.primary-link{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:white;padding:15px 20px;border-radius:6px;font-size:13px;font-weight:500}
.primary-link:hover{background:#555555}
@media(min-width:1500px){.page-shell{max-width:1200px}.intro{padding-top:80px;padding-bottom:72px}}
@media(max-width:640px){.page-shell{padding:0 24px}.site-header{height:98px}.brand{width:216px;margin-left:-10px}.header-label{display:none}.intro{padding:43px 0 44px}.intro .eyebrow{font-size:9px;letter-spacing:.12em}h1{font-size:clamp(30px,8.8vw,48px);margin:22px 0}.intro-copy{font-size:14px;line-height:1.75}.desktop-break{display:none}.section-heading h2{font-size:14px}.project-count{font-size:10px}.project-card{grid-template-columns:1fr}.project-art{min-height:231px;padding:17px 24px}.streaming-illustration{width:230px;height:173px}.art-number{left:19px;top:18px}.art-label{font-size:9px;margin-top:4px}.project-content{padding:25px 24px 24px}h3{font-size:27px;margin-top:23px}.project-content p{font-size:13px;margin-bottom:20px}.collection-note{margin-bottom:39px}.site-footer{font-size:9px;padding:23px 0;gap:12px}.site-footer>span:last-child{max-width:95px;text-align:right}.coming-main{padding-top:28px}.coming-panel{margin-top:50px}.coming-panel p{font-size:15px}.coming-panel h1{font-size:clamp(30px,8.8vw,45px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}