@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--bg:#10110f;--white:#f5f5ec;--lime:#dcfa58;--muted:#a4a59c;--line:#373830}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}header{margin:0 5%;padding:25px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-5px;font-size:47px;line-height:1}.logo span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:8px}nav{display:flex;gap:32px;font-size:14px}nav sup{font-size:10px;color:var(--lime);margin-left:3px}.contact-nav{font-size:14px;border:1px solid #696b60;border-radius:30px;padding:13px 20px;display:flex;gap:30px}.contact-nav:hover{background:var(--lime);color:var(--bg)}.hero{padding:35px 5% 0;position:relative}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.3px}.hero-top span:first-child{color:var(--lime)}h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(80px,12vw,174px);letter-spacing:-.07em;line-height:.96;position:relative;margin:45px 0 32px;z-index:1}em{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1 em{color:var(--lime)}.asterisk{position:absolute;font-size:180px;color:var(--lime);right:13%;top:10px;font-family:Arial;line-height:1;animation:turn 40s linear infinite}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:35px 0 42px}.hero-bottom>p{font-size:20px;line-height:1.5;margin:0}.hero-description{max-width:370px;font-size:16px;line-height:1.6;color:var(--muted);justify-self:end}.hero-description a{display:flex;justify-content:space-between;border-bottom:1px solid #626458;padding:18px 0 10px;color:var(--white);margin-top:5px}.hero-art{position:relative;height:410px;overflow:hidden;border-radius:2px;background:#1c2015}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.8)}.image-label,.image-note{position:absolute;top:22px;left:25px;font-size:12px;letter-spacing:1px}.image-note{left:auto;right:25px;color:#d2d4cb}.art-word{position:absolute;bottom:25px;left:28px;font-size:clamp(34px,5vw,68px);line-height:.95;letter-spacing:-3px;font-weight:700;color:white;text-shadow:0 2px 15px #0008}.ticker{margin-top:45px;padding:20px 0;background:var(--lime);color:var(--bg);overflow:hidden;white-space:nowrap}.ticker>div{width:max-content;font-size:24px;letter-spacing:-.5px;font-weight:600;animation:marquee 35s linear infinite}.ticker span{margin:0 40px}.section{padding:80px 5%}.section-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.kicker,.small-label{font-size:12px;letter-spacing:1.3px}.section-top p{font-size:14px;color:var(--muted);margin:0}.work-heading{display:flex;align-items:end;justify-content:space-between;margin:35px 0 45px}h2{font-family:Manrope,sans-serif;font-size:clamp(40px,5.4vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0}h2 em{color:var(--lime)}.index-note{font-size:12px;line-height:1.6;color:var(--muted);letter-spacing:1px;padding-bottom:8px}.project-calian{display:grid;grid-template-columns:1.3fr 1fr;gap:45px}.visual{border:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left;width:100%;padding:27px;overflow:hidden;position:relative;transition:transform .3s}.visual:hover{transform:translateY(-5px)}.visual-top{font-size:12px;letter-spacing:1px}.calian{background:#b9b9f0;color:#1c1631;min-height:455px}.calian-title{font-family:Manrope,sans-serif;font-size:clamp(60px,8vw,112px);font-weight:800;letter-spacing:-8px;line-height:.9;transform:rotate(-8deg);align-self:center}.calian-title span{display:block;font-size:.5em;letter-spacing:-2px;text-align:right;margin-top:12px}.visual-bottom{display:flex;align-items:end;justify-content:space-between;font-size:12px;line-height:1.5;letter-spacing:.5px}.visual-bottom b{font-size:28px;font-weight:400;border:1px solid currentColor;display:grid;place-items:center;width:48px;height:48px;border-radius:50%}.project-info{padding:15px 0;display:flex;flex-direction:column}.project-info h3{font-size:38px;line-height:1.12;font-weight:500;letter-spacing:-1.5px;margin:25px 0 20px}.project-info p,.compact-info p{font-size:16px;line-height:1.7;color:var(--muted);max-width:440px}.project-facts{display:flex;gap:35px;padding:25px 0}.project-facts strong{font-size:38px;font-weight:500;letter-spacing:-2px;display:block;color:var(--lime)}.project-facts span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.text-button{border:0;border-bottom:1px solid #65675b;background:none;display:flex;justify-content:space-between;gap:20px;text-align:left;width:100%;padding:16px 0;font-size:14px}.text-button:hover{color:var(--lime)}.project-info .text-button{margin-top:auto}.two-projects{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:60px}.two-projects .visual{height:350px}.electro{background:var(--lime);color:#171b07}.electro-title{font-family:Manrope,sans-serif;font-size:58px;font-weight:800;letter-spacing:-4px;font-style:italic}.electro-title span{display:block;font-size:25px;letter-spacing:-1px;font-weight:500;margin:15px 0 0 28%;line-height:1}.collective{background:#ea7851;color:#301a11}.collective-title{font-size:clamp(36px,4.4vw,62px);font-weight:700;letter-spacing:-3px;line-height:.98}.collective-title em{font-family:Georgia,serif}.compact-info{padding:25px 0 0}.compact-info h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin:16px 0 10px}.statz-row{margin-top:55px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;align-items:center}.statz-row h3{font-size:36px;letter-spacing:-1.5px;font-weight:500;margin:15px 0 0}.statz-row h3 span{display:block;font-size:18px;color:var(--muted);letter-spacing:0;margin-top:10px}.status{font-size:12px;color:var(--lime);letter-spacing:1px}.source-note{font-size:12px;color:var(--muted);margin-top:25px;line-height:1.6}.about{background:#edeee6;color:#20221a}.about h2 em{color:#596c24}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:45px}.large-star{font-size:95px;color:#647d26;display:block;line-height:1;margin-bottom:25px}.about-copy p{font-size:16px;line-height:1.8;color:#56594d}.about-copy .lead{font-size:25px;line-height:1.45;color:#20221a;margin-top:0;letter-spacing:-.5px}.next-role{border-top:1px solid #babcaf;margin-top:30px;padding-top:25px}.next-role span{font-size:12px;letter-spacing:1px}.next-role p{margin-bottom:0}.expertise h2{margin:38px 0 45px}.skill-rows details{border-top:1px solid var(--line);padding:27px 0}.skill-rows details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:35px;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span:first-child{color:var(--lime);font-size:12px}summary h3{font-size:29px;font-weight:500;letter-spacing:-1px;margin:0}summary .skill-meta{font-size:12px;margin-left:auto;color:var(--muted)}summary b{font-size:25px;font-weight:400;width:25px;text-align:center}details[open] summary b{transform:rotate(45deg)}.skill-content{margin-left:50px;max-width:590px;padding:10px 0 0}.skill-content p{font-size:16px;line-height:1.8;color:var(--muted)}.skill-content a,.skill-content button{font-size:14px;background:none;border:0;padding:0;color:var(--lime)}.contact{background:var(--lime);color:#171d09}.contact .section-top>span:last-child{font-size:12px;max-width:280px;line-height:1.6}.contact-big{font-size:clamp(70px,10vw,144px);letter-spacing:-.065em;line-height:1.05;display:block;position:relative;margin:45px 0 40px}.contact-big>span{position:absolute;right:5%;top:25%;font-size:120px;transition:transform .3s}.contact-big:hover>span{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #91a634;padding-top:25px;font-size:18px}.contact-bottom p{font-size:14px}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:12px;letter-spacing:.5px}dialog{border:1px solid #4b4f3c;padding:45px;width:90%;max-width:850px;max-height:88vh;background:#181a14;color:var(--white);border-radius:5px}dialog::backdrop{background:#030502bb;backdrop-filter:blur(10px)}.close{float:right;background:transparent;border:1px solid #717660;border-radius:20px;padding:8px 15px}dialog>.kicker{display:block;color:var(--lime);padding-top:10px}dialog h2{font-size:48px;margin:40px 0 20px}#case-body h3{font-size:20px;font-weight:500;color:var(--lime);margin-top:28px}#case-body p,#case-body li{font-size:16px;line-height:1.8;color:#c2c5b7}#case-body .role{color:var(--white);font-size:18px}#case-body .metric-note{font-size:13px;color:#b2b5a7;border-top:1px solid #404535;margin-top:25px;padding-top:20px}.skip{position:absolute;top:-100px;left:10px;background:var(--lime);color:black;padding:15px;z-index:10}.skip:focus{top:10px}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-25%)}}@media(max-width:760px){header{padding:22px 0}.logo{font-size:40px}nav{gap:18px;font-size:13px}.contact-nav{padding:10px 13px;font-size:12px;gap:8px}.hero{padding-top:25px}.hero-top{font-size:10px;gap:20px;line-height:1.5}.hero-top span:last-child{max-width:155px;text-align:right}h1{font-size:clamp(74px,15vw,115px);margin-top:38px;letter-spacing:-.065em}.asterisk{font-size:75px;right:2%;top:0}.hero-bottom{gap:25px;margin:30px 0;grid-template-columns:1fr}.hero-bottom>p{font-size:20px}.hero-description{justify-self:start;max-width:100%}.hero-art{height:320px}.image-label,.image-note{font-size:10px;left:15px;top:16px}.image-note{left:auto;right:15px}.art-word{font-size:42px;letter-spacing:-2px;left:20px;bottom:20px}.ticker{margin-top:25px;padding:15px 0}.ticker>div{font-size:18px}.section{padding:50px 5%}.section-top{align-items:flex-start}.section-top p{font-size:13px;max-width:160px;text-align:right}.work-heading{margin:30px 0}.index-note{display:none}h2{font-size:44px}.project-calian,.two-projects,.about-grid{grid-template-columns:1fr;gap:25px}.calian{min-height:340px}.calian-title{font-size:86px;letter-spacing:-6px}.project-info{padding:0}.project-info h3{font-size:32px;margin:18px 0}.project-facts{padding:15px 0 20px}.two-projects{margin-top:35px;gap:40px}.two-projects .visual{height:330px}.electro-title{font-size:58px}.collective-title{font-size:55px}.statz-row{align-items:flex-start;flex-direction:column;margin-top:35px}.statz-row>div:last-child{width:100%}.small-label{max-width:170px;text-align:right;line-height:1.5}.large-star{font-size:70px;margin-bottom:20px}.about-copy .lead{font-size:23px}.about-grid{gap:30px}.skill-rows details{padding:22px 0}summary{gap:18px}summary h3{font-size:23px}summary .skill-meta{display:none}summary b{margin-left:auto}.skill-content{margin-left:32px}.contact .section-top{flex-direction:column}.contact-big{font-size:75px}.contact-big>span{font-size:65px;right:0;top:45%}.contact-bottom{font-size:16px;align-items:flex-start;gap:15px;flex-direction:column}.contact-bottom p{margin:0}footer{gap:25px;flex-wrap:wrap}footer>span{font-size:10px;max-width:170px}dialog{padding:25px}dialog h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* A quieter photographic interlude. */
.hero-art img{filter:none;object-position:center 55%}.image-label,.image-note{color:#e2e2da;text-shadow:0 1px 8px #0008}.hero-art{background:#282927}

.record-panel{height:450px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px;background:#20221d;border:1px solid #373a31;overflow:hidden}.record-caption{position:relative;z-index:1}.record-caption .kicker{color:#b8bcab}.record-caption h2{font-size:52px;margin:26px 0 20px;letter-spacing:-2px}.record-caption p{font-size:14px;color:#bbbfb1}.record-caption button{border:1px solid #858b76;border-radius:30px;background:transparent;padding:12px 20px;margin:10px 0 20px;min-width:170px;text-align:left;font-size:14px}.record-caption button:hover{background:var(--lime);color:#171d09}.record-footnote{display:block;font-size:12px;color:#a4a998}.record-stage{display:grid;place-items:center;min-width:0}#record{width:min(36vw,370px);aspect-ratio:1;border-radius:50%;position:relative;cursor:grab;touch-action:none;user-select:none;background:repeating-radial-gradient(circle at center,transparent 0 3px,#ffffff09 3.5px 4px),conic-gradient(from 30deg,#0b0c0a,#393c34 25deg,#10120e 75deg,#080907 160deg,#30332c 210deg,#0b0c0a 260deg,#0b0c0a);box-shadow:0 15px 35px #0006,inset 0 0 0 2px #505448;will-change:transform;outline-offset:8px}#record:active{cursor:grabbing}.record-label{position:absolute;inset:32%;background:#cfd5b8;color:#22271a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.record-label>span{font-size:10px;letter-spacing:1px}.record-label strong{font-size:22px;line-height:1;letter-spacing:-1px;margin:8px 0}.record-label em{font-family:Georgia,serif}.record-label small{font-size:6px;letter-spacing:.4px;margin-top:10px}.spindle{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#151710;border:2px solid #b2b99b}.record-label strong{transform:translateY(-2px)}@media(max-width:760px){.record-panel{height:auto;grid-template-columns:1fr;padding:28px 22px;gap:30px}.record-caption h2{font-size:42px;margin:20px 0}.record-stage{padding:0 0 12px}#record{width:min(72vw,320px)}.record-label strong{font-size:20px}.record-label small{font-size:5px}}
.record-label>span{position:absolute;top:13%}.record-label strong{position:absolute;top:24%;margin:0;font-size:clamp(12px,1.25vw,18px);line-height:.9}.record-label small{position:absolute;bottom:18%;margin:0}.spindle{top:57%}@media(max-width:760px){.record-label strong{font-size:16px}}
/* THE VINYL EDITION — paper sleeves, ink, and catalogue typography. */

:root{--bg:#eee9dc;--white:#252721;--lime:#705b32;--muted:#67685e;--line:#c5c0b1}body{background:var(--bg);color:var(--white)}header{border-bottom:2px solid #252721}.logo{font-family:Georgia,serif;font-style:italic;letter-spacing:-4px}.contact-nav{border-radius:0;border-color:#252721}.contact-nav:hover{background:#252721;color:#eee9dc}.hero{padding-top:28px;display:grid;grid-template-columns:1.03fr 1fr;column-gap:30px;padding-bottom:40px}.hero-top{grid-column:1/-1;font-family:'DM Mono',monospace;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:17px}.hero-top span:first-child{color:#252721}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(84px,10.8vw,160px);letter-spacing:-.08em;line-height:.88;margin:55px 0 38px;align-self:center}.hero h1 em{font-family:Georgia,serif;color:#826844;font-weight:400}.hero-bottom{grid-column:1/-1;margin:25px 0 0;border-top:1px solid #252721;padding-top:25px;gap:40px}.hero-description a{border-color:#9b998c}.record-panel{grid-column:2;grid-row:2;height:410px;border:0;border-radius:0;background:transparent;padding:25px 0 0;display:block;position:relative;overflow:visible}.record-stage{position:absolute;top:35px;right:0;width:100%;height:340px}#record{width:min(33vw,370px);box-shadow:8px 18px 24px #29281d38,inset 0 0 0 2px #525447}.record-label{background:#c9ad75;color:#28261d}.record-caption{position:absolute;inset:0;pointer-events:none}.record-caption .kicker{position:absolute;top:10px;left:5%;color:#6d6757;font-size:10px}.record-caption h2{display:none}.rpm{position:absolute;bottom:32px;left:0;font-family:Georgia,serif;font-size:38px;line-height:.9}.rpm small{font:11px 'DM Sans',sans-serif;letter-spacing:2px}.record-caption p{position:absolute;top:100%;right:0;margin:0;font-size:12px;color:#67685e}.record-caption button{pointer-events:auto;position:absolute;bottom:0;right:0;border:1px solid #777664;background:#eee9dc;font-size:12px;border-radius:0;padding:10px 14px;min-width:145px;margin:0}.record-caption button:hover{background:#26291f;color:#eee9dc}.record-footnote{display:none}.ticker{margin:0;background:#252721;color:#e7dfcc;padding:14px 0;border-top:4px double #eee9dc;border-bottom:4px double #eee9dc}.ticker>div{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:2px;animation:none}.ticker span{margin:0 30px}.section{padding-top:65px;padding-bottom:65px}.kicker,.small-label,.index-note,.visual-top,.visual-bottom,.status,.section-top>span,.hero-top{font-family:'DM Mono',monospace}.section-top{border-bottom:1px solid var(--line);padding-bottom:20px}.work-heading h2,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}.work-heading h2 em,h2 em{color:#826844;font-family:Georgia,serif}.work-heading{margin:30px 0 45px}.project-calian{grid-template-columns:1fr 1fr;gap:65px;align-items:center}.visual{border:1px solid #292821;box-shadow:5px 5px 0 #c9c3b3;padding:25px;transition:transform .25s,box-shadow .25s}.visual:hover{transform:rotate(-1.5deg) translateY(-5px);box-shadow:10px 12px 0 #c9c3b3}.calian{background:#b0b2a1;color:#22261e;aspect-ratio:1;min-height:0}.calian-title{font-family:Georgia,serif;font-size:clamp(70px,8vw,120px);font-weight:400;letter-spacing:-7px;transform:none}.calian-title span{font-family:'DM Sans',sans-serif;font-size:20px;letter-spacing:9px;margin-top:20px}.visual-top{padding-bottom:15px;border-bottom:1px solid currentColor}.visual-bottom{border-top:1px solid currentColor;padding-top:15px;align-items:center;font-size:10px}.visual-bottom b{border-radius:0;border:0;font-size:28px;width:30px;height:30px}.project-info h3,.compact-info h3{font-family:Georgia,serif;font-weight:400;font-size:35px}.project-facts{border-top:1px solid var(--line);margin-top:15px}.project-facts strong{font-family:Georgia,serif;color:#705b32;font-size:44px}.text-button{color:#252721;border-bottom-color:#252721}.text-button:hover{color:#856335}.two-projects{gap:60px;margin-top:60px}.two-projects .visual{height:auto;aspect-ratio:1}.electro{background:#c8a466;color:#26241d}.electro-title{font-family:Georgia,serif;font-style:normal;font-size:clamp(44px,5vw,72px);font-weight:400;letter-spacing:-4px}.electro-title span{margin-left:0;font-family:'DM Sans',sans-serif;font-size:20px;letter-spacing:3px;line-height:1.3}.collective{background:#576859;color:#f2eddf}.collective-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,70px)}.compact-info p{max-width:none}.statz-row{background:#e4dece;margin-top:55px;border:1px solid #bdb6a3;padding:30px}.statz-row h3{font-family:Georgia,serif;font-size:44px}.status{color:#705b32}.about{background:#252922;color:#ece7d8;border-top:6px double #d6ceb9;border-bottom:6px double #d6ceb9}.about .section-top{border-color:#5c6052}.about h2 em{color:#c9ad75}.about-copy p{color:#bfc2b3}.about-copy .lead{color:#e9e7dc;font-family:Georgia,serif;font-size:29px}.about-grid{gap:70px}.sleeve-photo{width:100%;height:210px;object-fit:cover;margin-bottom:30px;filter:sepia(.2)}.about-heading h2{font-size:62px}.next-role{border-color:#5c6052}.expertise{background:#e7e0cf}.expertise h2{margin-bottom:35px}summary h3{font-family:Georgia,serif;font-size:31px}summary>span:first-child{font-family:'DM Mono',monospace;color:#80643a}.skill-content a,.skill-content button{color:#72562b}.contact{background:#c8a466;color:#29261e;border-top:1px solid #252721}.contact .section-top{border-color:#9c7c49}.contact-big{font-family:Georgia,serif;font-size:clamp(66px,8vw,110px);letter-spacing:-5px}.contact-big em{font-family:Georgia,serif}.contact-big>span{font-size:80px;right:0;top:4%}.contact-bottom{border-color:#9c7c49}footer{background:#eee9dc;border-top:3px double #252721}dialog{background:#eee9dc;color:#252721;border:1px solid #252721;border-radius:0}dialog>.kicker,#case-body h3{color:#826844}#case-body p,#case-body li{color:#5b5c51}#case-body .role{color:#252721}#case-body .metric-note{color:#67685e;border-color:#c5c0b1}.close{border-color:#777664;border-radius:0}.skip{background:#c8a466}a:focus-visible,button:focus-visible,summary:focus-visible,#record:focus-visible{outline:3px solid #ab6b29;outline-offset:6px}.about a:focus-visible{outline-color:#e8be7a}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-bottom:30px}.hero h1{font-size:clamp(84px,20vw,145px);margin:35px 0 5px;line-height:.93}.hero-top span{font-size:10px}.record-panel{grid-column:1;grid-row:auto;height:390px;margin-top:10px}.record-stage{top:10px;height:310px}#record{width:290px;max-width:82vw}.record-caption .kicker{top:0;left:0;font-size:9px}.record-caption p{top:auto;bottom:0;font-size:11px;left:0;right:auto}.record-caption button{bottom:27px}.rpm{bottom:47px;font-size:30px}.hero-bottom{margin-top:20px;grid-template-columns:1fr}.hero-bottom>p{font-size:19px}.project-calian{grid-template-columns:1fr;gap:25px}.two-projects{gap:40px}.visual{padding:22px}.calian-title{font-size:82px;letter-spacing:-5px}.calian-title span{font-size:17px;letter-spacing:7px}.electro-title{font-size:52px}.collective-title{font-size:50px}.about-grid{gap:35px}.about-heading h2{font-size:48px}.section{padding-top:45px;padding-bottom:45px}.contact-big{font-size:clamp(50px,11vw,78px);letter-spacing:-2px}.contact-big>span{font-size:45px;top:0}.contact .section-top{gap:15px}.statz-row{padding:25px}.record-label strong{font-size:16px}header{flex-wrap:wrap;gap:15px}nav{gap:15px;font-size:12px}.contact-nav{font-size:12px}.visual-top{font-size:10px}}
/* VINYL STUDIO — a clearer invitation to explore. */
:root{--bg:#f1eee5;--white:#272920;--muted:#666a5c;--line:#d0cbbb}header{position:sticky;top:0;z-index:5;background:#f1eee5f5;backdrop-filter:blur(12px);margin:0;padding:17px 5%;border-bottom:1px solid #b7b3a5}.logo{font-size:42px}nav a{padding:10px 0}nav a:hover{border-bottom:1px solid #65553b}.contact-nav{border-radius:4px;font-size:13px}.hero{padding-top:23px;padding-bottom:45px;column-gap:50px;grid-template-columns:1.1fr 1fr}.hero-top{font-size:10px;letter-spacing:1.2px}.hero-intro{padding:48px 0 10px}.intro-label{font:10px 'DM Mono',monospace;letter-spacing:.9px;color:#736951}.hero h1{font-size:clamp(82px,10vw,145px);margin:25px 0 24px;letter-spacing:-.075em}.hero-intro>p{font-size:18px;line-height:1.6;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.primary-action{display:flex;gap:35px;align-items:center;background:#303b2e;color:#f1eee5;padding:15px 20px;border-radius:3px;font-size:14px;box-shadow:0 4px 0 #d2cebf}.primary-action:hover{background:#4b5d40;transform:translateY(-2px)}.secondary-action{font-size:14px;border-bottom:1px solid #8b897a;padding:10px 0}.record-panel{height:470px;align-self:center}.record-stage{height:370px;top:40px}#record{width:min(34vw,410px)}.record-caption .kicker{top:18px}.rpm{bottom:75px}.record-caption button{bottom:34px;border-radius:3px;background:#e3d8bc;font-size:14px;min-width:175px;padding:13px 18px}.record-caption p{top:auto;bottom:5px;font-size:12px}.record-footnote{display:block;position:absolute;bottom:-15px;right:0;font:9px 'DM Mono',monospace;letter-spacing:.6px;color:#777966}.hero-bottom{margin-top:28px;padding-top:22px;align-items:center}.hero-bottom>p{font-size:16px;line-height:1.6}.hero-description{font-size:14px;max-width:370px}.ticker>div{font-size:12px;letter-spacing:2px}.section{scroll-margin-top:70px;padding-top:75px;padding-bottom:75px}.section-top p{font-size:14px}.work-heading{align-items:center;margin-bottom:35px}.work-heading h2{font-size:clamp(44px,5.8vw,78px)}.browse-hint{display:flex;gap:15px;align-items:center;color:#626756}.browse-hint>span{border:1px solid #a3a58f;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:21px}.browse-hint p{font-size:14px;line-height:1.7}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 38px}.album-card{display:block;text-align:left;padding:0;border:0;background:transparent;width:100%;min-width:0;border-radius:3px}.album-cover{display:flex;position:relative;flex-direction:column;justify-content:space-between;aspect-ratio:1.18;padding:23px;border:1px solid #33372a;box-shadow:5px 6px 0 #d4cfbf;overflow:hidden;transition:transform .25s,box-shadow .25s}.album-card:hover .album-cover,.album-card:focus-visible .album-cover{transform:translateY(-7px) rotate(-.6deg);box-shadow:8px 14px 0 #d4cfbf}.cover-meta{display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;letter-spacing:.7px;padding-bottom:15px;border-bottom:1px solid currentColor;z-index:2}.cover-calian{background:#364639;color:#efeee2}.cover-calian-title{font-family:Georgia,serif;font-size:clamp(54px,6vw,83px);letter-spacing:-4px;line-height:.92;padding:20px 0}.cover-calian-title em{font-family:Georgia,serif;color:#d9bc77}.cover-subtitle{font:10px 'DM Mono',monospace;letter-spacing:1px;z-index:1}.cover-metric{position:absolute;right:25px;top:43%;font:40px Georgia,serif;color:#d9bc77;text-align:right}.cover-metric>span{font:8px 'DM Mono',monospace;display:block;letter-spacing:.8px;margin-top:7px}.open-badge{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;background:#f7f3e8;color:#282d23;padding:11px 15px;border:1px solid #33372a;border-radius:30px;font-size:13px;z-index:2;transition:background .2s;gap:15px;margin-top:15px}.album-card:hover .open-badge{background:#dac18b}.cover-electro{background:#d6ba7c;color:#29271d}.brand-photo-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:0;position:relative;width:100%;overflow:hidden}.brand-word{font-family:Georgia,serif;font-size:clamp(45px,5vw,65px);letter-spacing:-3px}.brand-photo-wrap img{height:100%;width:100%;object-fit:contain;position:absolute;inset:0}.cover-electro.has-brand-photo .brand-photo-wrap{margin:10px 0 -18px;min-height:220px}.cover-collective{background:#b5bca7;color:#233025}.community-word{font-family:Georgia,serif;font-size:clamp(44px,5vw,68px);line-height:1;letter-spacing:-2px;width:100%}.cover-collective.has-brand-photo .brand-photo-wrap{min-height:220px;margin-top:15px}.cover-statz{background:#d8d1c1;color:#3b3c31}.statz-word{font-family:Georgia,serif;font-size:clamp(42px,4.8vw,68px);line-height:1.04;letter-spacing:-2px;margin:20px 0}.statz-word em{color:#796339}.album-details{display:flex;flex-direction:column;padding:25px 3px 0}.album-title{display:flex;align-items:center;justify-content:space-between;font:29px Georgia,serif;letter-spacing:-.6px}.album-title b{font:12px 'DM Mono',monospace;color:#777d6c}.album-role{font-size:13px;color:#776748;margin:10px 0}.album-summary{font-size:16px;line-height:1.65}.album-tags{font-size:12px;color:#777b6d;border-top:1px solid #ccc7b8;margin-top:15px;padding-top:13px;line-height:1.7}.about .section-top{color:#d7ceb8}.about{background:#303b2e}.about-heading h2{font-size:clamp(46px,5vw,65px)}.about-copy .lead{font-size:30px}.sleeve-photo{height:250px;border:1px solid #727568;filter:sepia(.1)}.expertise{background:#e9e3d4}summary{padding:4px 0}summary b{border:1px solid #a7a48f;border-radius:50%;width:30px;height:30px;font-size:22px;line-height:28px}.contact{background:#d6bd87}.contact-big{font-size:clamp(78px,10vw,140px);line-height:1}.contact-big>span{top:10%;font-size:100px}footer{padding-top:25px;padding-bottom:25px}.case-open{overflow:hidden}dialog{width:min(940px,94%);max-height:90vh;padding:38px 45px;box-shadow:0 25px 100px #0007;border:0}dialog .close{position:sticky;top:0;z-index:2;background:#303b2e;color:#f1eee5;border:0;padding:12px 18px;border-radius:25px;font-size:14px}dialog h2{font-size:48px;max-width:700px;line-height:1.05}#case-body .role{font-size:16px;background:#e5dec9;padding:16px;border-left:3px solid #8b7543}#case-body h3{font:24px Georgia,serif;color:#51472e}#case-body .metric-note{font-size:12px;color:#767b6b}.case-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #bcb8a7;margin-top:35px;padding-top:22px}.case-navigation button{background:transparent;border:1px solid #8f9380;border-radius:4px;padding:12px 16px;font-size:13px}.case-navigation button:hover{background:#303b2e;color:#f1eee5}.case-navigation>span{font:12px 'DM Mono',monospace}.case-brand-image{width:100%;max-height:290px;object-fit:contain;background:#e1ddce;margin:20px 0 0}.image-credit{font-size:12px!important;margin-top:7px}.image-credit a{text-decoration:underline}.project-facts-row{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.project-facts-row>div{flex:1;background:#e8e2d2;padding:20px;min-width:120px}.project-facts-row strong{display:block;font:36px Georgia,serif;color:#51472e}.project-facts-row span{display:block;font-size:12px;margin-top:5px;color:#646953}@media(max-width:760px){header{padding:14px 5%;gap:10px}.logo{font-size:36px}nav{gap:16px}.contact-nav{padding:10px;font-size:12px}.hero{grid-template-columns:1fr;gap:0;padding-bottom:30px}.hero-intro{padding:30px 0 10px}.intro-label{font-size:9px}.hero h1{font-size:clamp(85px,20vw,145px);margin:20px 0}.hero-intro>p{font-size:17px}.hero-actions{gap:20px}.primary-action{padding:13px 17px}.record-panel{height:390px;margin-top:30px;grid-row:auto}.record-stage{top:20px;height:300px}#record{width:280px;max-width:80vw}.record-caption .kicker{top:0;font-size:9px}.record-caption p{font-size:11px;bottom:5px}.record-caption button{bottom:30px;min-width:155px;padding:10px 13px}.rpm{bottom:60px}.record-footnote{bottom:-13px;font-size:8px}.hero-bottom{margin-top:30px;gap:15px}.hero-description{max-width:none}.section{padding-top:45px;padding-bottom:45px;scroll-margin-top:75px}.work-heading{display:block}.work-heading h2{font-size:49px}.browse-hint{margin-top:20px}.browse-hint p{font-size:13px;margin:0}.browse-hint>span{width:33px;height:33px}.record-grid{grid-template-columns:1fr;gap:35px}.album-cover{padding:23px;aspect-ratio:1.05}.cover-calian-title{font-size:66px}.cover-metric{font-size:35px;top:46%}.brand-word{font-size:58px}.community-word,.statz-word{font-size:57px}.album-details{padding-top:22px}.album-title{font-size:29px}.source-note{font-size:11px}.about-copy .lead{font-size:26px}.contact-big{font-size:clamp(64px,15vw,95px)}.contact-big>span{font-size:58px;top:8%;right:0}.case-navigation{gap:8px}.case-navigation button{padding:10px;font-size:12px}dialog{padding:25px 22px}dialog h2{font-size:36px}.section-top>p{font-size:12px;max-width:140px}.album-card:hover .album-cover{transform:translateY(-3px)}}
.cover-electro{background:#f2eee5}.cover-electro.has-brand-photo .brand-photo-wrap{position:absolute;inset:62px 0 0;width:100%;height:calc(100% - 62px);margin:0;min-height:0}.cover-electro .brand-photo-wrap img{object-fit:cover;object-position:80% center}.cover-electro .cover-meta{position:relative}.photo-brand-title{position:absolute;left:23px;top:20px;font:clamp(40px,5vw,70px) Georgia,serif;color:#29372c;letter-spacing:-3px}.cover-electro .open-badge{position:absolute;bottom:23px;right:23px}.cover-collective{background:#e1d8be}.cover-collective.has-brand-photo .brand-photo-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;min-height:0}.brand-photo-wrap img.ath-logo{position:static;width:125px;height:125px;object-fit:contain}.ath-word{font:clamp(34px,4.1vw,56px) Georgia,serif;line-height:1;letter-spacing:-2px}.ath-word em{color:#6c7046}.statz-brand{display:flex;align-items:center;gap:25px;flex:1}.statz-brand img{width:95px;height:95px;object-fit:contain;border-radius:20px}.statz-brand .statz-word{font-size:clamp(33px,3.8vw,53px)}.case-brand-image.logo-image{height:180px;padding:20px;object-fit:contain}.case-brand-image.statz-preview{max-height:350px}.cover-calian-title{max-width:65%}@media(max-width:760px){.photo-brand-title{font-size:48px}.brand-photo-wrap img.ath-logo{width:105px;height:105px}.ath-word{font-size:43px}.statz-brand{gap:18px}.statz-brand img{width:78px;height:78px}.statz-brand .statz-word{font-size:42px}.cover-metric{font-size:30px;right:20px}.cover-calian-title{font-size:62px}}

/* Center the three specialties as one balanced, responsive group. */
.ticker>div{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,40px);padding:0 20px;text-align:center;white-space:normal;box-sizing:border-box}
.ticker .ticker-label,.ticker .ticker-separator{margin:0}
.ticker .ticker-label{white-space:nowrap}
@media(max-width:620px){.ticker>div{flex-direction:column;gap:10px}.ticker .ticker-separator{display:none}}