:root { --ink:#090909; --paper:#f4f0e7; --gold:#f6ae16; --cream:#fffaf0; --line:#c9c1b4; --small-sans:"Helvetica Neue",Helvetica,Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.nav { height:84px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid var(--line); position:relative; z-index:10; background:rgba(244,240,231,.95); }
.brand { display:flex; align-items:center; width:126px; height:60px; }
.brand img { width:100%; height:100%; object-fit:contain; }
.nav-links { display:flex; gap:32px; font-family:var(--small-sans); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.16em; }
.nav-links a:hover { color:#9b6500; }
.nav-links a.active { color:#9b6500; }
.nav-cta { padding:13px 18px; background:var(--ink); color:white; font-family:var(--small-sans); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.hero { min-height:calc(100vh - 84px); display:grid; grid-template-columns:56% 44%; border-bottom:1px solid var(--line); overflow:hidden; }
.hero-copy { padding:9vh 4vw 7vh 7vw; display:flex; flex-direction:column; justify-content:center; }
.eyebrow,.section-label { font-family:var(--small-sans); font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow span { width:34px; height:2px; background:var(--gold); display:inline-block; }
h1 { font-size:clamp(66px,9vw,142px); line-height:.78; letter-spacing:-.085em; margin:28px 0 40px; font-weight:950; max-width:850px; }
h1 em,.contact h2 em { display:block; color:var(--gold); font-style:normal; }
.hero-lede { max-width:620px; font-family:Georgia,serif; font-size:clamp(18px,1.6vw,25px); line-height:1.55; margin:0; }
.hero-actions { margin-top:42px; display:flex; align-items:center; gap:30px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:17px 20px; font-family:var(--small-sans); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.button.primary { background:var(--ink); color:white; }
.button.gold { background:var(--gold); color:var(--ink); }
.text-link { font-family:var(--small-sans); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; border-bottom:1px solid var(--ink); padding-bottom:5px; }
.hero-visual { background:var(--gold); position:relative; padding:5vh 4vw 5vh 2vw; display:flex; align-items:center; }
.image-frame { width:88%; aspect-ratio:4/5; overflow:hidden; background:#111; box-shadow:18px 18px 0 #111; }
.image-frame img { width:100%; height:100%; object-fit:cover; object-position:center 34%; filter:saturate(.92) contrast(1.04); }
.logo-badge { position:absolute; left:-58px; bottom:8%; width:150px; height:110px; border-radius:50%; background:var(--paper); border:2px solid var(--ink); display:grid; place-content:center; transform:rotate(-7deg); padding:18px; }
.logo-badge img { width:100%; height:100%; object-fit:contain; }
.vertical-note { position:absolute; right:12px; top:50%; transform:translateY(-50%) rotate(90deg); white-space:nowrap; font-size:9px; font-weight:900; letter-spacing:.2em; }
.ticker { background:var(--ink); color:white; padding:20px 0; overflow:hidden; white-space:nowrap; }
.ticker div { font-size:clamp(18px,2vw,30px); font-weight:950; letter-spacing:.05em; text-align:center; }
.ticker span { color:var(--gold); margin:0 2vw; }
.section { padding:110px 7vw; }
.visual-story { padding-top:80px; padding-bottom:90px; }
.visual-intro { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:38px; }
.visual-intro .section-label { margin:0; }
.visual-intro h2 { margin:20px 0 0; font-size:clamp(44px,5.8vw,88px); line-height:.88; letter-spacing:-.065em; }
.visual-intro h2 span { color:var(--gold); }
.visual-intro>p:last-child { max-width:470px; margin:0; font-family:Georgia,serif; font-size:20px; line-height:1.45; }
.hospitality-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; grid-template-rows:340px 340px; gap:16px; }
.hospitality-grid figure { margin:0; position:relative; overflow:hidden; background:#d9d2c7; }
.hospitality-grid .hospitality-lead { grid-row:1 / 3; }
.hospitality-grid img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.hospitality-grid figure:hover img { transform:scale(1.025); }
.hospitality-grid figcaption { position:absolute; left:0; right:0; bottom:0; padding:35px 18px 16px; color:white; background:linear-gradient(transparent,rgba(0,0,0,.8)); font:700 12px/1.25 var(--small-sans); text-transform:uppercase; letter-spacing:.1em; }
.hospitality-grid figcaption span { display:block; color:var(--gold); font-size:9px; letter-spacing:.18em; margin-bottom:5px; }
.hospitality-lead img { object-position:center center; }
.portfolio-cta { margin-top:28px; padding-top:28px; border-top:1px solid var(--ink); display:flex; align-items:center; justify-content:space-between; gap:35px; }
.portfolio-cta p { max-width:650px; margin:0; font:19px/1.55 Georgia,serif; }
.photo-grid { display:grid; grid-template-columns:1.35fr 1fr; grid-template-rows:310px 310px; gap:18px; }
.photo-grid figure { margin:0; overflow:hidden; background:#ddd6ca; }
.photo-grid .photo-feature { grid-row:1 / 3; }
.photo-grid img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.photo-grid figure:hover img { transform:scale(1.02); }
.photo-feature img { object-position:center 30%; }
.section-label { color:#805300; margin:0 0 42px; }
.story-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:8vw; align-items:start; }
.story h2,.section-heading h2 { margin:0; font-size:clamp(54px,7vw,105px); line-height:.85; letter-spacing:-.07em; font-weight:950; }
.story h2 span { color:transparent; -webkit-text-stroke:2px var(--ink); }
.story-grid>div:last-child { border-left:1px solid var(--line); padding-left:5vw; font-family:Georgia,serif; font-size:18px; line-height:1.75; }
.story-lede { font-size:26px; line-height:1.3; margin-top:0; font-weight:bold; }
.signature { font-family:Arial,sans-serif; text-transform:uppercase; letter-spacing:.13em; font-size:10px; font-weight:900; margin-top:30px; }
.lanes { background:var(--cream); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.section-heading .section-label { margin-bottom:24px; }
.section-heading>p { max-width:430px; font-family:Georgia,serif; font-size:17px; line-height:1.6; }
.lane-list { margin-top:70px; border-top:1px solid var(--ink); }
.lane { display:grid; grid-template-columns:80px 1.2fr 1.5fr auto; gap:30px; align-items:center; padding:34px 0; border-bottom:1px solid var(--line); }
.lane-number { font-size:11px; font-weight:900; color:#8d8578; }
.lane h3 { font-size:clamp(24px,3vw,44px); letter-spacing:-.04em; margin:0; text-transform:uppercase; }
.lane p { max-width:500px; font-family:Georgia,serif; font-size:16px; line-height:1.55; }
.lane a { text-transform:uppercase; font-size:10px; letter-spacing:.14em; font-weight:900; border-bottom:1px solid var(--ink); padding-bottom:5px; }
.proof { padding-top:80px; padding-bottom:80px; }
.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--ink); }
.proof-grid div { padding:38px; display:flex; flex-direction:column; border-right:1px solid var(--ink); }
.proof-grid div:last-child { border-right:0; }
.proof-grid strong { font-size:clamp(48px,6vw,86px); letter-spacing:-.07em; line-height:1; }
.proof-grid span { margin-top:10px; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.13em; }
.contact { background:var(--ink); color:white; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; align-items:start; }
.section-label.light { color:var(--gold); }
.contact h2 { font-size:clamp(52px,6vw,92px); line-height:.84; letter-spacing:-.075em; margin:0 0 35px; }
.contact-intro>p:not(.section-label) { max-width:620px; margin:0 0 24px; color:#c9c1b4; font-family:Georgia,serif; font-size:18px; line-height:1.6; }
.contact .contact-email { font-family:var(--small-sans); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.contact-email a { color:white; border-bottom:1px solid var(--gold); padding-bottom:3px; }
.contact-form { text-align:left; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.contact-form label { display:flex; flex-direction:column; gap:9px; }
.contact-form label>span { font-family:var(--small-sans); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#d9d2c7; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:1px solid #5a5751; border-radius:0; background:#151515; color:white; padding:14px 15px; font:16px/1.35 var(--small-sans); outline:none; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--gold); box-shadow:0 0 0 1px var(--gold); }
.contact-form select { appearance:auto; }
.contact-form textarea { resize:vertical; min-height:150px; }
.message-field { margin-top:22px; }
.contact-form button { border:0; cursor:pointer; margin-top:24px; min-width:190px; }
.contact-form button:hover { background:#ffc13d; }
.form-note { display:inline-block; margin:0 0 0 16px; color:#9e9990; font:11px/1.5 var(--small-sans); }
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.result-page { min-height:100vh; display:grid; place-items:center; padding:30px; background:var(--paper); }
.result-card { width:min(760px,100%); border:1px solid var(--ink); padding:clamp(38px,7vw,80px); background:var(--cream); box-shadow:16px 16px 0 var(--gold); }
.result-logo { display:block; width:145px; height:80px; margin-bottom:48px; }
.result-logo img { width:100%; height:100%; object-fit:contain; }
.result-card .section-label { margin-bottom:20px; }
.result-card h1 { font-size:clamp(54px,10vw,100px); line-height:.84; margin:0 0 30px; }
.result-card>p:not(.section-label) { max-width:600px; font:20px/1.6 Georgia,serif; margin:0 0 34px; }
.result-card>p a { border-bottom:1px solid var(--ink); }
.social-follow { background:var(--gold); color:var(--ink); padding:72px 7vw; display:grid; grid-template-columns:.72fr 1.28fr; gap:7vw; }
.social-heading .section-label { color:var(--ink); margin-bottom:18px; }
.social-heading>p:last-child { max-width:390px; margin:0; font-family:Georgia,serif; font-size:20px; line-height:1.5; }
.social-links { border-top:1px solid var(--ink); }
.social-links a { display:grid; grid-template-columns:110px 1fr auto; gap:24px; align-items:center; padding:21px 0; border-bottom:1px solid rgba(9,9,9,.55); transition:padding .2s ease; }
.social-links a:hover { padding-left:10px; }
.social-links span { font-family:var(--small-sans); font-size:10px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.social-links strong { font-size:clamp(20px,2.3vw,34px); letter-spacing:-.04em; }
.social-links b { font-size:20px; }
footer { background:var(--ink); color:#aaa; border-top:1px solid #333; padding:30px 5vw; display:flex; align-items:center; justify-content:space-between; font-family:var(--small-sans); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.15em; }
.footer-brand { width:130px; height:72px; display:block; }
.footer-brand img { width:100%; height:100%; object-fit:contain; }
.music-page { background:#080808; color:white; }
.music-page .music-nav { background:rgba(8,8,8,.96); border-color:#333; }
.music-page .nav-links a:hover,.music-page .nav-links a.active { color:#ff3b9d; }
.music-hero { min-height:calc(100vh - 84px); display:grid; grid-template-columns:1.05fr .95fr; background:#080808; }
.music-hero-copy { padding:9vh 6vw 8vh 7vw; display:flex; flex-direction:column; justify-content:center; }
.music-hero .eyebrow span { background:#ff3b9d; }
.music-hero h1 { font-size:clamp(66px,8.3vw,132px); margin:30px 0 38px; }
.music-hero h1 em { color:#ff3b9d; font-style:normal; }
.music-hero-copy>p:not(.eyebrow) { max-width:650px; margin:0 0 38px; color:#c8c2c6; font:clamp(18px,1.55vw,24px)/1.55 Georgia,serif; }
.music-hero .button { align-self:flex-start; background:#ff3b9d; }
.music-hero-image { margin:0; position:relative; overflow:hidden; background:#2b0019; }
.music-hero-image:after { content:""; position:absolute; inset:0; box-shadow:inset 60px 0 90px rgba(8,8,8,.45); pointer-events:none; }
.music-hero-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.music-hero-image figcaption { position:absolute; z-index:2; bottom:28px; right:28px; font:800 9px/1 var(--small-sans); letter-spacing:.22em; writing-mode:vertical-rl; }
.music-statement { background:var(--paper); color:var(--ink); }
.music-statement>div { display:grid; grid-template-columns:1.1fr .9fr; gap:8vw; align-items:end; }
.music-statement h2 { margin:0; font-size:clamp(54px,7vw,105px); line-height:.84; letter-spacing:-.07em; }
.music-statement h2 span { color:#ff3b9d; }
.music-statement div>p { margin:0; max-width:600px; font:21px/1.65 Georgia,serif; }
.demo-section { background:#101010; }
.music-heading .section-label { color:#ff3b9d; }
.track-list { margin-top:65px; border-top:1px solid #444; }
.track-card { display:grid; grid-template-columns:60px 1fr minmax(280px,430px); gap:30px; align-items:center; padding:34px 0; border-bottom:1px solid #3c3c3c; }
.track-number { color:#777; font:800 10px/1 var(--small-sans); }
.track-copy p { margin:0 0 8px; color:#ff3b9d; font:800 9px/1.2 var(--small-sans); text-transform:uppercase; letter-spacing:.16em; }
.track-copy h3 { margin:0 0 7px; font-size:clamp(28px,3.3vw,50px); line-height:1; letter-spacing:-.045em; }
.track-copy span { color:#aaa; font:15px/1.4 Georgia,serif; }
.track-card audio { width:100%; accent-color:#ff3b9d; }
.demo-disclaimer { margin-top:40px; max-width:1000px; padding:25px 28px; border-left:3px solid #ff3b9d; background:#191919; }
.demo-disclaimer strong { color:#ff3b9d; font:800 10px/1 var(--small-sans); text-transform:uppercase; letter-spacing:.16em; }
.demo-disclaimer p { margin:10px 0 0; color:#aaa; font:13px/1.65 var(--small-sans); }
.music-services { background:#4a002d; display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; }
.music-services h2 { margin:0; font-size:clamp(54px,6.7vw,100px); line-height:.84; letter-spacing:-.07em; }
.music-services h2 em { color:#ff72b9; font-style:normal; }
.service-list { border-top:1px solid rgba(255,255,255,.6); }
.service-list article { display:grid; grid-template-columns:45px .75fr 1.25fr; gap:25px; align-items:start; padding:27px 0; border-bottom:1px solid rgba(255,255,255,.3); }
.service-list span { color:#ff72b9; font:800 9px/1 var(--small-sans); }
.service-list h3 { margin:0; text-transform:uppercase; font-size:20px; }
.service-list p { margin:0; color:#e4cad7; font:15px/1.55 Georgia,serif; }
.music-contact { background:var(--paper); color:var(--ink); text-align:center; }
.music-contact .section-label { margin-bottom:25px; }
.music-contact h2 { margin:0; font-size:clamp(60px,8vw,120px); line-height:.82; letter-spacing:-.075em; }
.music-contact>p:not(.section-label) { max-width:650px; margin:35px auto; font:21px/1.55 Georgia,serif; }
.music-contact .button { margin:auto; }
.hoc-page { --hoc-red:#c61424; --hoc-yellow:#ffb20f; --hoc-green:#82b72b; --hoc-maroon:#4b0000; --hoc-cream:#f6f0e4; background:var(--hoc-cream); color:var(--ink); }
.hoc-nav { background:var(--hoc-cream); border-color:var(--ink); }
.hoc-brand { width:92px; height:72px; display:flex; align-items:center; justify-content:center; }
.hoc-brand img { display:block; width:68px; height:68px; object-fit:contain; }
.hoc-wordmark { font:900 12px/.9 var(--small-sans); letter-spacing:.08em; }
.hoc-wordmark strong { font-size:25px; letter-spacing:-.04em; }
.hoc-page .nav-links a:hover { color:var(--hoc-red); }
.hoc-nav-cta,.hoc-button { background:var(--ink); color:white; transition:background .2s ease,color .2s ease; }
.hoc-nav-cta:hover,.hoc-button:hover { background:var(--hoc-yellow); color:var(--ink); }
.hoc-hero { min-height:calc(100vh - 84px); display:grid; grid-template-columns:1.42fr .58fr; border-bottom:2px solid var(--ink); }
.hoc-hero-main { padding:8vh 5vw 8vh 7vw; display:flex; flex-direction:column; justify-content:center; background:var(--hoc-cream); }
.hoc-kicker { margin:0; font:900 10px/1 var(--small-sans); text-transform:uppercase; letter-spacing:.2em; }
.hoc-hero h1 { margin:28px 0 35px; font-size:clamp(70px,10.5vw,165px); line-height:.74; }
.hoc-hero h1 em { color:var(--hoc-yellow); font-style:normal; }
.hoc-hero-main>p:not(.hoc-kicker) { max-width:720px; margin:0 0 38px; font:clamp(18px,1.55vw,24px)/1.55 Georgia,serif; }
.hoc-hero-main .button { align-self:flex-start; }
.hoc-hero-side { background:var(--hoc-yellow); border-left:2px solid var(--ink); display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:8vh 3vw 7vh; }
.hoc-seal { width:clamp(240px,23vw,315px); height:clamp(240px,23vw,315px); flex:0 0 auto; display:grid; place-items:center; padding:22px; overflow:hidden; background:var(--hoc-cream); border:3px solid var(--ink); border-radius:50%; box-shadow:10px 10px 0 rgba(0,0,0,.14); }
.hoc-seal img { display:block; width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; }
.hoc-seal span { font:900 9px/1 var(--small-sans); letter-spacing:.22em; }
.hoc-seal strong { font-size:clamp(65px,8vw,120px); line-height:.8; letter-spacing:-.08em; }
.hoc-hero-side>p { margin:0; font:900 clamp(21px,2.2vw,34px)/.95 var(--small-sans); letter-spacing:-.04em; }
.hoc-marquee { background:var(--ink); color:white; padding:19px 0; overflow:hidden; white-space:nowrap; }
.hoc-marquee div { text-align:center; font:900 clamp(16px,1.7vw,25px)/1 var(--small-sans); letter-spacing:.05em; }
.hoc-marquee span { color:var(--hoc-yellow); margin:0 1.5vw; }
.hoc-page .section-label { color:var(--hoc-green); }
.hoc-intro-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:8vw; align-items:start; }
.hoc-intro h2,.hoc-section-head h2,.hoc-story h2 { margin:0; font-size:clamp(52px,7vw,104px); line-height:.84; letter-spacing:-.07em; }
.hoc-intro h2 span { color:var(--hoc-red); }
.hoc-intro-grid>div { border-left:2px solid var(--ink); padding-left:5vw; font:18px/1.75 Georgia,serif; }
.hoc-intro-grid .hoc-large-copy { margin-top:0; font-size:27px; line-height:1.35; font-weight:bold; }
.hoc-difference { background:var(--hoc-maroon); color:white; }
.hoc-section-head { display:flex; align-items:end; justify-content:space-between; gap:50px; }
.hoc-section-head .section-label { color:var(--hoc-yellow); min-width:180px; }
.hoc-pillars { margin-top:70px; display:grid; grid-template-columns:repeat(4,1fr); border:2px solid white; }
.hoc-pillars article { min-height:310px; padding:30px 25px; border-right:1px solid rgba(255,255,255,.65); display:flex; flex-direction:column; }
.hoc-pillars article:last-child { border:0; }
.hoc-pillars span { color:var(--hoc-yellow); font:900 10px/1 var(--small-sans); }
.hoc-pillars h3 { margin:auto 0 12px; font-size:clamp(24px,2.3vw,36px); text-transform:uppercase; line-height:.95; }
.hoc-pillars p { margin:0; color:#f6e7df; font:15px/1.55 Georgia,serif; }
.hoc-story { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; background:var(--hoc-yellow); }
.hoc-year { font-size:clamp(100px,18vw,280px); line-height:.72; letter-spacing:-.1em; writing-mode:vertical-rl; transform:rotate(180deg); color:transparent; -webkit-text-stroke:3px var(--ink); }
.hoc-story-copy { max-width:820px; }
.hoc-story-copy>p:not(.section-label):not(.hoc-signoff) { font:18px/1.7 Georgia,serif; }
.hoc-signoff { margin-top:30px; font:900 10px/1 var(--small-sans); text-transform:uppercase; letter-spacing:.15em; }
.hoc-founder-mark { margin-top:34px; padding-top:24px; border-top:2px solid var(--ink); display:flex; align-items:center; gap:24px; }
.hoc-founder-mark img { width:104px; height:104px; padding:9px; object-fit:contain; background:var(--hoc-cream); border:2px solid var(--ink); border-radius:50%; }
.hoc-founder-mark .hoc-signoff { margin:0; }
.hoc-proof { background:var(--hoc-cream); }
.hoc-section-head.dark { display:block; }
.hoc-section-head.dark h2 { max-width:900px; }
.hoc-section-head.dark>p:last-child { max-width:650px; margin:30px 0 0; font:19px/1.55 Georgia,serif; }
.hoc-proof-grid { display:grid; grid-template-columns:1fr 1fr; margin-top:65px; border-top:2px solid var(--ink); border-left:2px solid var(--ink); }
.hoc-proof-grid article { min-height:330px; padding:35px; border-right:2px solid var(--ink); border-bottom:2px solid var(--ink); display:flex; flex-direction:column; }
.hoc-proof-grid article>span { color:var(--hoc-green); font:900 9px/1.3 var(--small-sans); text-transform:uppercase; letter-spacing:.16em; }
.hoc-proof-grid h3 { margin:18px 0; font-size:clamp(34px,4vw,60px); letter-spacing:-.055em; text-transform:uppercase; }
.hoc-proof-grid p { margin:0 0 28px; max-width:590px; font:17px/1.6 Georgia,serif; }
.hoc-proof-grid a { align-self:flex-start; margin-top:auto; border-bottom:1px solid var(--ink); padding-bottom:5px; font:900 10px/1 var(--small-sans); text-transform:uppercase; letter-spacing:.12em; }
.hoc-drop { background:var(--ink); color:white; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; }
.hoc-drop h2 { margin:0; font-size:clamp(54px,6.8vw,100px); line-height:.83; letter-spacing:-.07em; }
.hoc-drop h2 em { color:var(--hoc-yellow); font-style:normal; }
.hoc-drop-copy>p:last-child { max-width:590px; color:#c6c0b6; font:18px/1.6 Georgia,serif; }
.drop-form { display:flex; flex-direction:column; gap:20px; }
.drop-form label:not(.drop-consent):not(.honeypot) { display:flex; flex-direction:column; gap:9px; }
.drop-form label>span { color:#d7d0c5; font:800 10px/1 var(--small-sans); text-transform:uppercase; letter-spacing:.14em; }
.drop-form input[type="text"],.drop-form input[type="email"] { width:100%; border:1px solid #666; border-radius:0; background:#171717; color:white; padding:17px; font:17px/1.3 var(--small-sans); outline:none; }
.drop-form input:focus { border-color:var(--hoc-yellow); }
.drop-consent { display:grid; grid-template-columns:20px 1fr; align-items:start; gap:10px; }
.drop-consent input { margin:2px 0 0; accent-color:var(--hoc-green); }
.drop-consent span { text-transform:none!important; letter-spacing:0!important; font-size:12px!important; line-height:1.5!important; }
.drop-form .button { align-self:flex-start; border:0; cursor:pointer; }
.drop-note { margin:0; color:#888; font:11px/1.5 var(--small-sans); }
.hoc-follow { padding:42px 7vw; background:var(--hoc-yellow); display:flex; align-items:center; gap:4vw; border-bottom:2px solid var(--ink); }
.hoc-follow p { margin:0 auto 0 0; font:900 11px/1 var(--small-sans); letter-spacing:.16em; }
.hoc-follow a { font:900 14px/1 var(--small-sans); border-bottom:1px solid var(--ink); padding-bottom:5px; }
.hoc-footer { background:var(--hoc-cream); color:var(--ink); border:0; }
.drop-result { min-height:100vh; display:grid; place-items:center; padding:35px; background:var(--hoc-yellow); }
.drop-result-card { width:min(850px,100%); padding:clamp(45px,8vw,90px); background:var(--hoc-cream); border:3px solid var(--ink); box-shadow:18px 18px 0 var(--hoc-red); }
.drop-result-card .section-label { margin-bottom:22px; }
.drop-result-card h1 { margin:0 0 30px; font-size:clamp(70px,12vw,140px); line-height:.75; }
.drop-result-card h1 em { color:var(--hoc-red); font-style:normal; }
.drop-result-card>p:not(.section-label) { max-width:610px; font:21px/1.55 Georgia,serif; }
@media (max-width:900px) {
  .nav-links { display:none; }
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:70px 7vw 80px; }
  h1 { font-size:clamp(64px,20vw,110px); }
  .hero-visual { min-height:620px; padding:50px 8vw; }
  .image-frame { width:100%; }
  .logo-badge { left:5vw; }
  .visual-intro { align-items:start; flex-direction:column; }
  .hospitality-grid { grid-template-columns:1fr 1fr; grid-template-rows:560px 280px 280px; }
  .hospitality-grid .hospitality-lead { grid-column:1 / 3; grid-row:auto; }
  .portfolio-cta { align-items:flex-start; flex-direction:column; }
  .photo-grid { grid-template-columns:1fr 1fr; grid-template-rows:520px 260px; }
  .photo-grid .photo-feature { grid-column:1 / 3; grid-row:auto; }
  .story-grid { grid-template-columns:1fr; }
  .story-grid>div:last-child { border-left:0; padding:0; max-width:650px; }
  .section-heading { align-items:start; flex-direction:column; }
  .lane { grid-template-columns:50px 1fr; }
  .lane p,.lane a { grid-column:2; }
  .proof-grid { grid-template-columns:1fr; }
  .proof-grid div { border-right:0; border-bottom:1px solid var(--ink); }
  .proof-grid div:last-child { border-bottom:0; }
  .social-follow { grid-template-columns:1fr; gap:40px; }
  .contact { grid-template-columns:1fr; }
  .music-hero { grid-template-columns:1fr; }
  .music-hero-image { min-height:720px; }
  .music-statement>div,.music-services { grid-template-columns:1fr; }
  .track-card { grid-template-columns:45px 1fr; }
  .track-card audio { grid-column:2; }
  .hoc-hero { grid-template-columns:1fr; }
  .hoc-hero-side { min-height:500px; border-left:0; border-top:2px solid var(--ink); }
  .hoc-intro-grid,.hoc-story,.hoc-drop { grid-template-columns:1fr; }
  .hoc-year { writing-mode:horizontal-tb; transform:none; }
  .hoc-section-head { align-items:start; flex-direction:column; }
  .hoc-pillars { grid-template-columns:1fr 1fr; }
  .hoc-pillars article:nth-child(2) { border-right:0; }
  .hoc-pillars article:nth-child(-n+2) { border-bottom:1px solid white; }
}
@media (max-width:560px) {
  .nav { height:72px; }
  .brand { width:100px; }
  .nav-cta { padding:11px 12px; font-size:10px; }
  .hero { min-height:auto; }
  .hero-copy { padding-top:55px; }
  h1 { margin:24px 0 32px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .hero-visual { min-height:500px; }
  .vertical-note { display:none; }
  .logo-badge { width:120px; height:88px; left:2vw; }
  .photo-grid { display:flex; flex-direction:column; }
  .photo-grid figure { height:320px; }
  .photo-grid .photo-feature { height:460px; }
  .hospitality-grid { display:flex; flex-direction:column; }
  .hospitality-grid figure,.hospitality-grid .hospitality-lead { height:390px; }
  .section { padding:80px 6vw; }
  .lane { gap:16px; }
  .form-grid { grid-template-columns:1fr; }
  .form-note { display:block; margin:14px 0 0; }
  .social-links a { grid-template-columns:80px 1fr auto; gap:12px; }
  .social-links strong { font-size:18px; }
  footer { align-items:flex-start; flex-direction:column; gap:18px; }
  .music-hero-copy { padding:65px 6vw 75px; }
  .music-hero-image { min-height:560px; }
  .track-card { grid-template-columns:28px 1fr; gap:14px; }
  .track-card audio { grid-column:1 / 3; margin-top:10px; }
  .service-list article { grid-template-columns:28px 1fr; }
  .service-list article p { grid-column:2; }
  .hoc-wordmark { font-size:9px; }
  .hoc-wordmark strong { font-size:19px; }
  .hoc-hero h1 { font-size:clamp(64px,22vw,110px); }
  .hoc-pillars,.hoc-proof-grid { grid-template-columns:1fr; }
  .hoc-pillars article { border-right:0; border-bottom:1px solid white; min-height:250px; }
  .hoc-pillars article:nth-child(2) { border-bottom:1px solid white; }
  .hoc-proof-grid { border-right:0; }
  .hoc-follow { align-items:flex-start; flex-direction:column; gap:24px; }
  .hoc-follow p { margin:0; }
}