@font-face{font-family:Be Vietnam Pro;font-weight:400;src:url(fonts/be-vietnam-400.ttf) format('truetype');font-display:swap}@font-face{font-family:Be Vietnam Pro;font-weight:500;src:url(fonts/be-vietnam-500.ttf) format('truetype');font-display:swap}@font-face{font-family:Be Vietnam Pro;font-weight:600;src:url(fonts/be-vietnam-600.ttf) format('truetype');font-display:swap}@font-face{font-family:Be Vietnam Pro;font-weight:700;src:url(fonts/be-vietnam-700.ttf) format('truetype');font-display:swap}@font-face{font-family:Be Vietnam Pro;font-weight:800;src:url(fonts/be-vietnam-800.ttf) format('truetype');font-display:swap}
:root{--bg:#F7F3EE;--surface:#fff;--text:#241B20;--muted:#665A62;--brand:#7A2038;--accent:#AD8B57;--radius:20px;--line:color-mix(in srgb,var(--text) 15%,transparent);color-scheme:light}[data-theme=dark]{--bg:#151214;--surface:#211B1F;--text:#F5EDE7;--muted:#BBAEB6;--brand:#922C46;--accent:#D1B17D;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Be Vietnam Pro',sans-serif;font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2}::selection{background:var(--brand);color:white}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.wrap{width:min(1160px,calc(100% - 96px));margin:auto}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--brand);color:white;padding:12px}.skip:focus{top:12px}.site-header{height:106px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:800;font-size:29px;letter-spacing:-2px;display:inline-flex;align-items:center;gap:1px}.wordmark-dot{color:var(--brand)}.wordmark-star{color:var(--brand);margin-left:14px;display:flex}.wordmark-star .icon{width:17px;height:17px}.header-nav{display:flex;gap:36px;font-size:13px;font-weight:500}.header-nav a:hover{color:var(--brand)}.header-tools{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:transparent;border-radius:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--surface)}.icon-button .icon{width:17px;height:17px}.text-button{border:0;background:transparent;font-size:12px;font-weight:600;padding:10px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:60px 0 56px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:10px;text-transform:uppercase}.tiny-line{width:26px;height:1px;background:var(--brand)}.hero h1{font-weight:800;font-size:clamp(60px,7.2vw,106px);letter-spacing:-7px;line-height:.98;margin:33px 0 22px;color:var(--brand);white-space:nowrap}.hero-period{color:var(--accent)}.hero-under{display:flex;align-items:center;gap:17px;font-size:11px;letter-spacing:2px;line-height:1.5}.small-star .icon{width:33px;height:33px;color:var(--brand)}.identity{display:flex;gap:16px;align-items:center;margin-top:35px;font-size:13px}.identity-name{font-weight:600}.identity .muted{font-size:12px}.hero-bio{font-size:14px;margin-top:18px;max-width:430px;white-space:pre-wrap;overflow-wrap:anywhere}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:13px 20px;font-size:12px;font-weight:500;transition:background .18s,transform .18s;background:var(--surface);white-space:nowrap}.button .icon{width:17px;height:17px}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.plain{background:transparent;border-color:transparent;padding-left:10px;padding-right:10px}.hero-social{display:flex;gap:18px;margin-top:29px}.social-icon{width:28px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.social-icon .icon{width:19px;height:19px}.social-icon:hover{color:var(--brand)}.hero-bottom{margin-top:52px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.scroll-label{display:flex;gap:8px;align-items:center;letter-spacing:0}.scroll-label .icon{width:15px;height:15px}.portrait{position:relative;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transform:rotate(2deg);margin:6px 4px 10px 0}.portrait>img{width:100%;height:auto;aspect-ratio:1;object-position:center;border-radius:max(0px,calc(var(--radius) - 8px))}.portrait figcaption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;padding:15px 6px 5px;color:var(--muted)}.portrait-corner{position:absolute;top:29px;left:26px;z-index:1;background:var(--bg);font-size:9px;letter-spacing:2px;padding:6px 9px;border-radius:3px}.portrait-tag{position:absolute;right:-18px;bottom:63px;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.5;letter-spacing:2px;background:var(--brand);color:#fff;transform:rotate(-14deg);border:4px solid var(--bg)}.editorial-strip{background:var(--brand);color:#fff;padding:19px 0;overflow:hidden}.editorial-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:500;letter-spacing:3px;white-space:nowrap}.editorial-strip .icon{width:17px;height:17px;color:#E9C8A5}.section{padding-top:66px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}h2{font-size:37px;letter-spacing:-1.5px;font-weight:600}.heading-dot{color:var(--brand)}.section-hint{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--muted);margin-bottom:6px}.section-hint .icon{width:18px;height:18px}.section-description{font-size:12px;color:var(--muted);margin-bottom:6px}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.music-card{display:grid;grid-template-columns:43% 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;gap:20px;align-items:center;transition:border-color .2s}.music-card:hover{border-color:var(--accent)}.cover-link{position:relative;overflow:hidden;display:block;border-radius:max(0px,calc(var(--radius) - 7px));align-self:start}.cover-link img,.cover-placeholder{aspect-ratio:1;width:100%;object-fit:cover}.cover-placeholder{display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff}.cover-placeholder .icon{width:70px;height:70px}.cover-open{position:absolute;right:9px;bottom:9px;border-radius:50%;background:#ffffffeb;color:#241B20;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.cover-open .icon{width:16px;height:16px}.cover-stamp{position:absolute;top:9px;left:9px;background:#211B1Fe0;color:white;padding:4px 8px;font-size:8px;letter-spacing:1px;border-radius:3px}.music-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-bottom:20px}.music-meta span{display:flex;align-items:center;gap:4px}.music-meta .icon{width:13px;height:13px}.music-info{min-width:0;padding-right:8px}.music-info h3{font-size:25px;letter-spacing:-.8px;overflow-wrap:anywhere}.music-info p{margin-top:6px;font-size:11px;color:var(--muted)}.music-actions{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:10px}.music-actions>a{display:flex;gap:8px;align-items:center;font-weight:600}.music-actions .icon{width:14px;height:14px}.player-toggle{background:transparent;border:0;padding:0;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.player-slot{grid-column:1/-1}.player-slot:not(:empty){margin-top:14px}.player-slot iframe{width:100%;height:152px;border:0;border-radius:12px}.music-card:has(.player-slot:not(:empty)){align-items:start}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.social-card{display:flex;gap:14px;align-items:center;padding:23px 20px;border:1px solid var(--line);border-radius:var(--radius);transition:background .18s,border .18s;min-width:0}.social-card:hover{background:var(--surface);border-color:var(--accent)}.social-card-icon{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-card-icon .icon{width:21px;height:21px}.social-card-copy{display:flex;flex:1;flex-direction:column;min-width:0}.social-card-copy strong{font-size:13px;font-weight:500}.social-card-copy>span{color:var(--muted);font-size:10px;overflow-wrap:anywhere;margin-top:4px}.social-card>.icon{width:15px;height:15px}.business-section{padding-bottom:66px}.business-section>.eyebrow{font-size:9px;margin-bottom:17px}.business-card{display:flex;align-items:flex-start;gap:24px;background:color-mix(in srgb,var(--brand) 5%,var(--bg));padding:28px 30px;border:1px solid var(--line);border-radius:var(--radius)}.business-symbol{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--line);border-radius:12px;flex-shrink:0;color:var(--brand)}.business-card>div{flex:1;min-width:0}.business-category{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.business-card h3{font-size:18px;font-weight:500;margin-top:8px}.business-card p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px;max-width:800px}.business-card small{font-size:9px;display:block;margin-top:9px}.business-arrow{margin-top:12px}.business-arrow .icon{width:20px;height:20px}.note-section{padding-bottom:40px}.note-section p{margin-top:20px;overflow-wrap:anywhere}.message-section{background:color-mix(in srgb,var(--brand) 6%,var(--bg));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 0}.message-layout{display:grid;grid-template-columns:.9fr 1fr;gap:110px}.message-copy>.eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:26px}.message-copy h2{font-size:44px;letter-spacing:-2px;max-width:340px;color:var(--brand);line-height:1.3}.message-copy h2>span{color:var(--accent)}.message-copy>p{font-size:13px;line-height:1.9;max-width:310px;margin-top:21px;color:var(--muted)}.message-art{display:flex;gap:22px;align-items:center;margin:47px 0 28px;color:var(--brand)}.message-art>.icon{width:70px;height:70px;stroke-width:.7;transform:rotate(-9deg)}.message-art>span{font-size:10px;letter-spacing:3px;line-height:1.6}.message-copy>small{display:block;font-size:10px;color:var(--muted);max-width:300px}.message-form{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.form-topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1.8px;margin-bottom:25px}.form-topline>.icon{width:18px;height:18px;color:var(--brand)}.field{display:flex;flex-direction:column;gap:8px;position:relative;margin-bottom:18px;min-width:0}.field label{font-size:11px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--bg);border-radius:7px;width:100%;padding:11px 12px;font-size:12px;line-height:1.65;color:var(--text)}.field textarea{resize:vertical;min-height:115px;padding-bottom:25px}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.85}.form-row{display:grid;grid-template-columns:32% 1fr;gap:13px}.form-row>.field{margin-bottom:6px}.form-hint{display:block;font-size:9px;color:var(--muted);margin-bottom:18px}.char-count{position:absolute;bottom:5px;right:11px;font-size:8px;color:var(--muted)}.send-button{width:100%;justify-content:space-between}.privacy-copy{font-size:8px;line-height:1.7;color:var(--muted);display:block;margin-top:12px}.form-status{font-size:11px;margin-bottom:13px;min-height:0;overflow-wrap:anywhere}.form-status.error{color:#B32742}.form-status.success{color:var(--brand)}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-footer{padding:29px 0 35px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.site-footer>.wordmark{font-size:24px;color:var(--text)}.site-footer>a:last-child{display:flex;gap:8px;align-items:center}.site-footer .icon{width:14px;height:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 10px 30px #0002;padding:12px 22px;border-radius:10px;font-size:12px;z-index:90;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 32px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}.preview-banner{background:var(--brand);color:white;text-align:center;padding:9px;font-size:12px}.preview-banner a{text-decoration:underline;margin-left:15px}[data-layout=compact] .hero{grid-template-columns:1.4fr .8fr;gap:40px}[data-layout=compact] .hero h1{font-size:80px}[data-layout=compact] .section{padding-top:40px}
@media(min-width:1400px){.hero h1{font-size:110px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:40px}.hero h1{letter-spacing:-5px}.hero-actions{gap:4px}.button{padding:12px 15px}.message-layout{gap:50px}.music-card{grid-template-columns:40% 1fr;gap:14px}.music-info h3{font-size:21px}.social-card{padding:20px 15px;gap:10px}.social-card-icon{width:35px;height:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.wordmark{font-size:25px}.header-nav{display:none}.header-tools{gap:7px}.hero,[data-layout=compact] .hero{grid-template-columns:1fr;gap:35px;padding:36px 0 43px}.hero h1,[data-layout=compact] .hero h1{font-size:clamp(70px,16vw,100px);letter-spacing:-5px;margin:27px 0 20px}.hero-copy{display:flex;flex-direction:column}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.identity{margin-top:25px}.hero-actions{margin-top:23px;gap:9px}.hero-social{margin-top:23px}.hero-bottom{display:none}.portrait{width:calc(100% - 14px);max-width:480px;justify-self:center;margin-right:7px;padding:9px}.portrait-tag{right:-14px;bottom:49px;width:79px;height:79px;font-size:9px}.portrait figcaption{font-size:7px}.editorial-strip{padding:15px 0}.editorial-strip .wrap{font-size:8px;letter-spacing:1.5px;gap:18px}.editorial-strip .wrap>span:last-of-type,.editorial-strip .wrap>.icon:last-child{display:none}.editorial-strip .icon{width:14px;height:14px}.section{padding-top:40px}.section-heading{margin-bottom:19px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}h2{font-size:30px}.section-hint{font-size:9px}.music-grid{grid-template-columns:1fr;gap:16px}.music-card{grid-template-columns:42% 1fr;padding:12px;gap:20px}.music-info h3{font-size:23px}.music-meta{margin-bottom:16px}.music-actions{margin-top:17px;gap:9px}.social-grid{grid-template-columns:1fr;gap:10px}.social-card{padding:17px 20px}.social-card-icon{width:42px;height:42px}.social-card-copy strong{font-size:14px}.social-card-copy>span{font-size:11px}.section-description{font-size:10px;max-width:145px;text-align:right}.business-section{padding-bottom:40px}.business-card{padding:21px 19px;gap:14px}.business-symbol{width:35px;height:35px;border-radius:9px}.business-symbol .icon{width:18px;height:18px}.business-card h3{font-size:16px;line-height:1.5}.business-card p{font-size:10px}.business-category{font-size:7px;letter-spacing:1px}.business-arrow{display:none}.message-section{padding:38px 0}.message-layout{grid-template-columns:1fr;gap:26px}.message-copy h2{font-size:37px;max-width:none}.message-copy>.eyebrow{margin-bottom:16px;font-size:7px}.message-copy>p{max-width:none;margin-top:12px;font-size:12px}.message-art{display:none}.message-copy>small{margin-top:14px;max-width:none;font-size:9px}.message-form{padding:23px}.site-footer{padding:24px 0;gap:12px;flex-wrap:wrap;font-size:8px}.site-footer .wordmark{font-size:21px}.site-footer>a:last-child{font-size:9px}.field input,.field select,.field textarea{font-size:16px}.field label{font-size:11px}.form-row{grid-template-columns:35% 1fr}.form-hint{font-size:9px}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.hero h1,[data-layout=compact] .hero h1{font-size:65px}.hero-actions{gap:2px}.button{font-size:10px;padding:12px 13px}.music-card{gap:13px}.music-info h3{font-size:20px}.message-form{padding:18px}.form-row{grid-template-columns:1fr}.form-row>.field{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}