/* V3: softer navigation, kinetic lettering, real pen strokes and social previews. */
#artist-title{perspective:900px}
.hero-name{background:none;color:var(--accent);overflow:visible;cursor:default;white-space:nowrap}
.title-letter{display:inline-block;background:linear-gradient(135deg,#ff9b75,#ff603b 55%,#f4492c);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translate3d(0,var(--glyph-y,0px),0) rotate(var(--glyph-rotate,0deg));transform-origin:center 70%;transition:transform .48s cubic-bezier(.2,.8,.2,1);text-shadow:0 0 45px #ff603b00}
.hero-name:hover .title-letter{filter:drop-shadow(0 0 20px #ff603b18)}
.hero-mc{letter-spacing:.015em}
.hero-scene{translate:0 var(--portrait-shift,0px)}
#hero-atmosphere{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-2;pointer-events:none;mix-blend-mode:screen;opacity:.48;mask-image:linear-gradient(90deg,#000 0%,#000c 32%,#0009 49%,transparent 62%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000c 32%,#0009 49%,transparent 62%)}
.hero-shade{z-index:-1}
.hero-copy{z-index:2}
.guitar-scene{position:relative;align-self:start}
.about-photo.guitar-scene img{aspect-ratio:1122/1402;object-fit:contain;object-position:center;border-radius:30px}
.guitar-scene:after{background:linear-gradient(0deg,#080808ed,transparent 58%);z-index:1;pointer-events:none}
.lyric-quote{position:absolute;z-index:2;left:6%;right:6%;bottom:30px;margin:0;color:#fff7ec;transform:rotate(-3deg);pointer-events:none;filter:drop-shadow(0 2px 3px #0008)}
.lyric-ink{display:block;width:100%;height:auto;overflow:visible}
.ink-stroke{stroke-dasharray:100;stroke-dashoffset:0;vector-effect:none}
.has-writing .ink-stroke{stroke-dashoffset:100}
.lyric-quote figcaption{margin-top:8px;font-family:Manrope,sans-serif;font-size:8px;font-weight:400;letter-spacing:.12em;color:#edc2b3;text-align:right;text-transform:uppercase;transform:rotate(3deg)}
.about:has(.guitar-scene){align-items:center}
.about-copy .text-link{margin-top:20px}
.social-section{border-top:1px solid #ffffff0e}
.social-section h2{font-size:clamp(60px,6.9vw,98px)}
.social-previews{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;max-width:1130px}
.social-card{border:1px solid #ffffff18;background:linear-gradient(135deg,#ffffff04,transparent),#131314;border-radius:27px;padding:22px;min-width:0;transition:border-color .5s var(--ease),transform .6s var(--ease);box-shadow:inset 0 1px 0 #ffffff06}
.social-card:nth-child(2){margin-top:65px}
.social-card:hover{border-color:#ff603b50}
.social-card-heading{display:flex;align-items:center;gap:13px;min-height:60px;margin:0 0 19px;padding:0 4px}
.social-card-heading>img{width:25px;height:25px;filter:invert(1);opacity:.92}
.social-card-heading>span:nth-child(2){flex:1}
.social-card-heading strong{display:block;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:1.4}
.social-card-heading small{display:block;font-size:10px;line-height:1.8;color:#ada8a3}
.social-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff20;display:grid;place-items:center;font-size:19px;color:var(--accent);transition:transform .45s var(--ease),background .45s var(--ease)}
.social-card-heading:hover .social-arrow{transform:rotate(45deg);background:#ff603b16}
.social-embed-shell{position:relative;width:100%;height:620px;overflow:hidden;border-radius:16px;background:#fff;isolation:isolate}
.profile-embed{display:block;border:0;margin:0;max-width:none;transform-origin:top left;background:#fff}
.social-profile-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px 2px;font-size:10px;color:#c6c0ba;min-height:44px;transition:color .3s var(--ease)}
.social-profile-link span{color:var(--accent);font-size:20px}
.social-profile-link:hover{color:var(--accent)}
.social-links{gap:11px}
.social-links a{width:46px;height:46px;min-width:46px;display:grid;place-items:center;border:1px solid #ffffff23;border-radius:50%;background:#ffffff03;transition:transform .45s var(--ease),background .45s var(--ease),border-color .45s var(--ease)}
.social-links a img{width:19px;height:19px;filter:invert(1);opacity:.9;transition:transform .45s var(--ease),opacity .45s var(--ease)}
.social-links a:hover{background:#ff603b13;border-color:#ff603b70;transform:translateY(-4px)}
.social-links a:hover img{transform:scale(1.07);opacity:1}
.footer-brand p{font-size:11px;letter-spacing:.01em}
.motion-off .title-letter{transform:none!important}
.motion-off .hero-scene{translate:none!important}
.motion-off #hero-atmosphere{opacity:.18}
.motion-off .ink-stroke{stroke-dashoffset:0!important}
@media(max-width:1100px){.site-nav{gap:19px}.social-previews{gap:25px}.social-card{padding:18px}.lyric-quote{bottom:25px;left:6%;right:6%}}
@media(max-width:800px){.site-nav{left:auto;right:0;top:76px;width:min(270px,calc(100vw - 40px));padding:17px 18px 18px;border-radius:22px;gap:2px;background:linear-gradient(135deg,#ffffff09,transparent),#19191be8;border-color:#ffffff1c;box-shadow:inset 0 1px 0 #ffffff0a,0 15px 50px #0002;transform:translate3d(12px,-5px,0)}.site-nav>a{font-family:Manrope,sans-serif;font-size:15px;font-weight:500;line-height:1.45;min-height:44px;padding:11px 13px;border-radius:11px;color:#d9d5d2;transform:translateY(7px)}.site-nav>a:hover{background:#ffffff05}.site-nav>a[aria-current=page]{color:#ffab8e;background:#ff603b08}.site-nav>a.nav-cta{font-family:Manrope,sans-serif;font-size:13px;font-weight:600;line-height:1.45;padding:12px 14px;margin-top:10px;border:1px solid #ff603b38;border-radius:100px;color:#ffc8b4;background:#ff603b13;box-shadow:none;min-height:44px}.site-nav>a.nav-cta:hover{background:#ff603b22;box-shadow:none}.site-nav.is-open>a{transition-delay:calc(var(--nav-index,0)*22ms)}.menu-toggle{font-size:11px;font-weight:400;gap:12px;color:#d5d0cc}.hamburger{width:21px}.hamburger i{width:21px;background:#ded8d3}.motion-toggle{width:38px;height:38px;min-height:38px;align-self:flex-end;font-size:12px;margin-top:13px;background:#ffffff02;border-color:#ffffff18}.about-photo.guitar-scene img{aspect-ratio:1122/1402}.lyric-quote{bottom:18px;left:5%;right:5%}.lyric-quote figcaption{font-size:7px}.social-previews{gap:22px}.social-card{padding:15px;border-radius:23px}.social-card:nth-child(2){margin-top:45px}.social-card-heading{gap:10px}.social-card-heading strong{font-size:12px}.social-card-heading small{font-size:9px}.social-card-heading>img{width:21px;height:21px}.social-embed-shell{border-radius:12px}.social-section h2{font-size:64px}}
@media(max-width:650px){.social-previews{grid-template-columns:1fr;gap:25px;max-width:500px}.social-card:nth-child(2){margin-top:0}.social-card{padding:17px}.social-card-heading strong{font-size:14px}.social-card-heading small{font-size:10px}.social-card-heading>img{width:24px;height:24px}.social-section h2{font-size:60px}}
@media(max-width:520px){.hero h1{font-size:26vw}.hero-mc{font-size:.47em}.hero-name{letter-spacing:-.028em}.hero-description{font-size:12px}.about-photo.guitar-scene{width:100%;margin:0}.about-photo.guitar-scene img{aspect-ratio:1122/1402;border-radius:25px}.guitar-scene:after{border-radius:25px;background:linear-gradient(0deg,#080808f5,transparent 55%)}.lyric-quote{left:6%;right:6%;bottom:24px}.lyric-quote figcaption{font-size:7px;margin-top:8px}.social-section h2{font-size:58px}.social-section .section-heading>p:not(.eyebrow){font-size:12px}.social-card{padding:14px;border-radius:22px}.social-card-heading{padding-inline:3px;margin-bottom:15px}.social-profile-link{padding-top:15px;font-size:10px}.social-links{gap:13px}.social-links a{width:44px;height:44px;min-width:44px}.footer-brand .wordmark{font-size:43px}#hero-atmosphere{opacity:.35;mask-image:linear-gradient(180deg,transparent,#0009 40%,#000 68%);-webkit-mask-image:linear-gradient(180deg,transparent,#0009 40%,#000 68%)}}
@media(max-width:360px){.hero h1{font-size:25.2vw}.lyric-quote{left:5%;right:5%;bottom:19px}.social-card{padding:12px}.social-section h2{font-size:52px}.social-card-heading strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.title-letter{transform:none!important;filter:none!important}.hero-scene{translate:none!important}.ink-stroke{stroke-dashoffset:0!important}.lyric-quote{transform:none}#hero-atmosphere{display:none}}
.hero-mc{transition:transform .5s var(--ease)}#artist-title:hover .hero-mc{transform:translateX(5px) rotate(-1deg)}.motion-off .hero-mc{transform:none!important}@media(prefers-reduced-motion:reduce){.hero-mc{transform:none!important}}
