/* Approved pocket-pose hero. Real typography, photo layer and CSS paper. */
:root{--burgundy:#A73D4D;--mustard:#D4C26B;--ink:#252020;--sans:'DM Sans',Arial,sans-serif;--display:'Anton',Impact,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--burgundy)}body{color:var(--mustard);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip-link{position:absolute;left:20px;top:-80px;z-index:100}.skip-link:focus{top:10px;background:var(--burgundy);padding:12px}.site-header{position:absolute;inset:0 0 auto;height:8vh;min-height:64px;z-index:50;display:flex;justify-content:center;align-items:center;padding:0 2vw}.site-wordmark{position:absolute;left:2vw;font-size:10px;letter-spacing:1px}.site-menu{display:none}#header-nav{display:flex;gap:clamp(24px,2.7vw,48px);align-items:center;list-style:none;margin:0;padding:0}.nav-link{position:relative;display:block;padding:10px 0;font-size:clamp(10px,.85vw,14px);font-weight:500;letter-spacing:.5px}.nav-link:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 0.17s}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}
.editorial-hero{position:relative;isolation:isolate;width:100%;height:100svh;min-height:720px;overflow:hidden;background:var(--burgundy)}.background-grain{position:absolute;inset:0;z-index:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.mustard-paper{position:absolute;left:53%;top:-2%;width:43%;height:110%;z-index:1;background:var(--mustard);transform:rotate(-11deg);clip-path:polygon(0 1%,99% 0,100% 99%,1% 100%)}.portrait{position:absolute;inset:-2% 10% -2% 50%;z-index:3;pointer-events:none}.portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:none}
#hero-name{position:absolute;left:1.5%;top:12.5%;z-index:10;transform:rotate(-2deg) scaleX(.94);transform-origin:left center;margin:0;font:400 clamp(110px,min(19.7vw,32.7vh),400px)/.86 var(--display);letter-spacing:-.035em;color:var(--mustard);opacity:1;mix-blend-mode:normal}#hero-name span{display:block}.supporting-copy{position:absolute;left:2%;top:73.5%;width:55%;z-index:11}.supporting-copy p{margin:0}.role{font-size:clamp(10px,1.04vw,18px);line-height:1.5;letter-spacing:2px;font-weight:500;white-space:nowrap}.location{font-size:clamp(10px,1.04vw,18px);line-height:1.5;letter-spacing:1.7px;margin-top:10px!important}.tagline{font-size:clamp(14px,1.3vw,23px);line-height:1.45;letter-spacing:.3px;margin-top:23px!important}.about-button{display:flex;align-items:center;justify-content:space-between;width:15.5vw;min-width:190px;gap:35px;padding:18px 24px;margin-top:24px;border:1px solid var(--mustard);font-size:clamp(11px,.95vw,16px);font-weight:500;letter-spacing:1px;transition:background 0.17s,color 0.17s}.about-button span{font-size:24px;line-height:1}.about-button:hover{background:var(--mustard);color:var(--burgundy)}
.doodle{position:absolute;z-index:4;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.star{left:2.1%;top:7.5%;width:4.5%;transform:rotate(-8deg)}.rays{right:8.4%;top:16%;width:5.8%}.scribble{left:30%;bottom:-1%;width:21%;stroke-width:2;transform:rotate(-14deg)}.handwritten-note{position:absolute;right:1.4%;bottom:8%;z-index:4;color:var(--ink);font:italic clamp(20px,2.15vw,38px)/1.18 'Bradley Hand','Comic Sans MS',cursive;letter-spacing:-1px;transform:rotate(-12deg);pointer-events:none}.handwritten-note span{display:block;font-size:40px;line-height:.7;border-bottom:2px solid;padding-left:30px}
@media(min-aspect-ratio:2/1){#hero-name{font-size:31.5vh}.supporting-copy{top:72%}.role,.location{font-size:1.7vh}.tagline{font-size:2.1vh;margin-top:2vh!important}.about-button{padding:1.5vh 22px;margin-top:2vh;font-size:1.7vh}.portrait{left:53%;right:13%}}
@media(max-width:850px){.site-header{position:fixed;height:64px;min-height:64px;background:var(--burgundy);justify-content:space-between;padding:0 6vw}.site-wordmark{position:static;font-size:9px}.site-menu{display:flex;gap:15px;align-items:center;background:none;border:0;color:inherit;font-size:12px;cursor:pointer}#site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--burgundy);border-bottom:1px solid #d4c26b66;padding:15px 6vw 25px}#site-nav.is-open{display:block}#header-nav{flex-direction:column;align-items:flex-start;gap:8px}.nav-link{font-size:12px}body{padding-top:64px}.editorial-hero{height:calc(100svh - 64px);min-height:910px}.mustard-paper{left:37%;top:2%;width:61%;height:46%;transform:rotate(-10deg)}.portrait{inset:0 1% 48% 28%}#hero-name{left:5%;top:43%;font-size:24vw;line-height:.88;transform:rotate(-2deg) scaleX(.94)}.supporting-copy{left:6%;top:66%;width:88%}.role{font-size:8px;letter-spacing:.4px;white-space:normal}.location{font-size:9px;letter-spacing:1px;margin-top:12px!important}.tagline{font-size:14px;letter-spacing:0;margin-top:27px!important}.about-button{width:185px;min-width:0;padding:15px 18px;margin-top:24px;font-size:10px}.star{left:5%;top:6%;width:40px}.rays{right:2%;top:12%;width:40px}.scribble{left:auto;right:6%;bottom:3%;width:95px}.handwritten-note{right:auto;left:6%;top:27%;bottom:auto;font-size:12px;letter-spacing:0}.handwritten-note span{font-size:25px;padding-left:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.paper-counter-mask{position:absolute;inset:0;z-index:1;pointer-events:none}#hero-name .final-o{display:inline;position:relative}.portrait{inset:-2% 15% -2% 45%}@media(max-width:850px){.portrait{inset:0 1% 48% 28%}}
@media(max-width:850px){.mustard-paper{height:37%}}

/* Spacing refinement only: retain existing palette, fonts and poster layers. */
:root{--hero-gutter:clamp(48px,4vw,76px)}
.site-header{height:84px;min-height:84px;padding:0 var(--hero-gutter)}
.editorial-hero{min-height:800px}
#hero-name{left:var(--hero-gutter);top:17.5%;font-size:clamp(110px,min(16vw,26vh),330px);line-height:.88}
.portrait{inset:9% 7% 7% 47%}
.mustard-paper{left:55%;top:9%;width:37%;height:84%;transform:rotate(-10deg)}
.supporting-copy{left:var(--hero-gutter);top:67%;width:53%}
.role,.location{font-size:clamp(11px,1.04vw,18px)}
.tagline{font-size:clamp(14px,1.1vw,20px);margin-top:22px!important}
.about-button{padding:16px 22px;margin-top:22px}
.star{left:var(--hero-gutter);top:11%;width:3.8%}
.rays{right:9%;top:20%;width:5%}
.scribble{left:32%;bottom:6%;width:19%}
.handwritten-note{right:4.5%;bottom:15%;font-size:clamp(19px,1.8vw,33px)}
@media(min-aspect-ratio:2/1){#hero-name{font-size:26vh}.supporting-copy{top:65%}.portrait{inset:10% 10% 8% 49%}.role,.location{font-size:1.6vh}.tagline{font-size:2vh}.about-button{font-size:1.6vh}}
@media(max-width:850px){:root{--hero-gutter:24px}.site-header{height:64px;min-height:64px;padding:0 24px;justify-content:flex-end}.editorial-hero{height:auto;min-height:960px}.portrait{inset:24px 24px auto 24%;height:390px}.mustard-paper{left:39%;top:32px;width:51%;height:355px;transform:rotate(-9deg)}#hero-name{left:24px;top:440px;font-size:20vw;line-height:.9}.supporting-copy{left:24px;top:625px;width:calc(100% - 48px)}.role{font-size:9px;line-height:1.7;letter-spacing:.5px}.location{font-size:10px;margin-top:14px!important}.tagline{font-size:14px;margin-top:24px!important}.about-button{margin-top:24px;padding:15px 18px}.star{left:24px;top:50px;width:36px}.rays{right:24px;top:125px;width:36px}.scribble{left:auto;right:24px;bottom:32px;width:85px}.handwritten-note{left:24px;right:auto;top:280px;bottom:auto;font-size:12px}}
@media(min-width:500px) and (max-width:850px){.editorial-hero{min-height:1100px}.portrait{height:450px}.mustard-paper{height:410px}#hero-name{top:510px}.supporting-copy{top:790px}}

/* Crown only: preserve the existing portrait box, face, and body placement. */
.portrait{overflow:visible}
.hair-crown-only{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}