@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#F3EEE8;--fg:#17645F;--muted:#526C66;--line:#BACAC1;--paper:#17645F;--ink:#F3EEE8;--accent:#FF6845}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}body.light{--bg:#17645F;--fg:#F3EEE8;--muted:#B1C7BE;--line:#3C7770}a{color:inherit;text-decoration:none}button,input{font:inherit}button,label,summary,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,label:focus-within{outline:2px solid currentColor;outline-offset:6px}button{border:0;background:none}header{height:100px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:10}.brand{font-weight:800;font-size:30px;letter-spacing:-3px}.brand span{font-size:10px;letter-spacing:0;vertical-align:top;margin-left:5px}nav{display:flex;gap:45px;font-size:12px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:1px;background:currentColor;transition:width .3s}nav a:hover:after{width:100%}.theme{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:22px}.hero{min-height:820px;height:100svh;max-height:1250px;position:relative;overflow:hidden;padding:130px 4% 0;background:radial-gradient(ellipse at 50% 65%,#A4BEB033,transparent 60%)}.eyebrow,.section-label{font-family:monospace;font-size:10px;letter-spacing:1.5px;line-height:1.6}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}h1{position:absolute;top:23%;left:2%;width:96%;margin:0;display:flex;justify-content:space-between;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(100px,19.4vw,340px);font-weight:800;line-height:.85;letter-spacing:-.04em}h1 span:last-child{transform:translateY(1em)}.portrait{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:80%;width:44%;max-width:650px;pointer-events:none;mask-image:linear-gradient(#000 80%,transparent)}.portrait svg,.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.15)}.portrait img{object-fit:cover}.portrait img[hidden]{display:none}.portrait-caption{position:absolute;top:55%;width:100%;text-align:center;font:9px monospace;letter-spacing:3px;color:#526C66}.hero-copy{position:absolute;bottom:21%;left:4%;z-index:2}.hero-copy p{font-size:20px;line-height:1.3}.hero-copy>span{font-size:11px;color:var(--muted);line-height:1.8}.upload-wrap{position:absolute;right:4%;bottom:21%;z-index:3;display:flex;align-items:flex-end;flex-direction:column;gap:12px}.upload{border:1px solid var(--muted);padding:13px 18px;font-size:11px;border-radius:30px;cursor:pointer;background:var(--bg)}#photo{position:absolute;width:1px;height:1px;opacity:0}small{font-size:11px;color:var(--muted);line-height:1.7}.upload-wrap small{font-size:9px}#reset{font-size:10px;text-decoration:underline}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.hero-bottom a{display:grid;place-items:center;border:1px solid var(--line);width:44px;height:44px;border-radius:50%;font:24px Arial}.ticker{overflow:hidden;background:var(--paper);color:var(--ink);padding:18px 0;border-block:1px solid var(--line)}.ticker div{white-space:nowrap;width:max-content;font-size:12px;letter-spacing:5px;animation:marquee 40s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.intro{padding:130px 6%;display:grid;grid-template-columns:1fr 2fr;position:relative;overflow:hidden}.section-label{color:var(--muted)}h2{font-size:clamp(44px,6.5vw,110px);font-weight:500;line-height:1.02;letter-spacing:-.065em;margin:0 0 40px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.intro p{max-width:520px;font-size:17px;line-height:1.8;color:var(--muted)}.education{margin-top:50px;border-top:1px solid var(--line);padding-top:24px;max-width:520px}.education>span{font:10px monospace;letter-spacing:2px}.education p{font-size:13px}.asterisk{position:absolute;left:5%;bottom:90px;font-size:130px;transition:transform 1s}.intro:hover .asterisk{transform:rotate(90deg)}.work{padding:80px 6% 110px}.section-head{display:flex;justify-content:space-between;margin-bottom:50px}.work h2{margin-bottom:70px}.project{border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:55px 1.7fr 1fr 35px;gap:10px;align-items:center;cursor:pointer;padding:34px 0}summary::-webkit-details-marker{display:none}.number{font:11px monospace;color:var(--muted)}.project-name{font-size:clamp(23px,3.5vw,52px);letter-spacing:-.055em;display:flex;gap:15px;align-items:center}.category{font:9px monospace;color:var(--muted);letter-spacing:1px}.plus{font-size:30px;transition:transform .3s}.project[open] .plus{transform:rotate(90deg)}.project-name .badge{font:8px monospace;border:1px solid var(--line);padding:5px;letter-spacing:1px}.project-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:5px 45px 40px 65px}.project-detail p{font-size:15px;line-height:1.8;color:var(--muted);max-width:380px}.project-art{height:210px;background:#17645F;color:#F3EEE8;display:flex;align-items:center;justify-content:center;overflow:hidden}.matri{font-size:150px;font-weight:700;letter-spacing:-25px}.matri span{font-family:Georgia;font-style:italic;transform:translateY(30px)}.building{align-items:flex-end;gap:2px;background:linear-gradient(135deg,#DADFD3,#BACAC1)}.building i{height:85%;width:25%;background:repeating-linear-gradient(0deg,#17645F 0 4px,#648D80 5px 17px);transform:skewY(-15deg)}.building i:nth-child(2){height:100%}.building i:nth-child(3){height:65%}.skies{font:70px/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;background:radial-gradient(ellipse at top right,#17645F,#9AB2A5)}.kamics{font:80px monospace}.frame span{padding:25px;border:12px solid #F3EEE8;font:25px/.9 'Barlow Condensed',Impact;transform:rotate(-10deg);transition:transform .4s}.frame:hover span{transform:rotate(10deg)}.work-note{font:10px monospace;color:var(--muted);text-align:right;margin-top:20px}.interlude{min-height:600px;background:var(--paper);color:var(--ink);position:relative;overflow:hidden;padding:70px 6%;display:flex;flex-direction:column;justify-content:space-between}.interlude p{font-size:clamp(45px,7vw,120px);line-height:1;letter-spacing:-.06em;position:relative;z-index:1}.cross{font-size:650px;line-height:1;position:absolute;right:-30px;top:-20px;color:#317870;transition:transform 2s}.interlude:hover .cross{transform:rotate(90deg)}.outside{padding:130px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.outside h2{font-size:clamp(40px,5vw,80px);margin-top:35px}.outside p{color:var(--muted);font-size:13px;line-height:1.8}.interests{display:flex;flex-direction:column;align-items:stretch;margin-top:40px}.interests button{text-align:left;border-top:1px solid var(--line);padding:18px 0;font-size:13px;color:var(--muted)}.interests button[aria-pressed=true]{color:var(--fg)}.interests button[aria-pressed=true]:after{content:'↗';float:right}.interest-scene{border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;justify-content:space-between;min-height:480px}.scene-art{height:270px;position:relative;display:grid;place-items:center;overflow:hidden}.scene-art>span{font:180px 'Barlow Condensed',Impact;opacity:.1}.track{position:absolute;width:75%;height:130px;border:2px solid var(--fg);border-radius:100% 30% 70% 40%;transform:rotate(-25deg)}.track:after{content:'';position:absolute;inset:14px;border:1px dashed var(--muted);border-radius:inherit}.tennis .track{width:150px;height:150px;border-radius:50%;transform:rotate(30deg);border:1px solid var(--fg)}.tennis .track:after{inset:0 35px;border:1px solid var(--fg);border-radius:50%}.architecture .track{border-radius:0;width:130px;height:170px;transform:skewY(-20deg);background:repeating-linear-gradient(0deg,transparent 0 18px,var(--line) 19px 20px)}.architecture .track:after{inset:20px;border-radius:0}.contact{padding:70px 6% 90px;border-top:1px solid var(--line)}.contact>p{font-size:15px;color:var(--muted)}.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:clamp(75px,14vw,240px);line-height:.9;position:relative;margin-top:40px;letter-spacing:-.035em}.contact h2 em{font-family:inherit;color:transparent;-webkit-text-stroke:1px var(--fg);font-style:normal;letter-spacing:inherit}.contact h2>span{position:absolute;right:0;top:0;font-size:14vw;font-weight:400}.contact-row{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.contact-row p{font-size:13px;line-height:1.8;color:var(--muted)}.contact-row button{background:var(--fg);color:var(--bg);padding:20px 30px;border-radius:40px;font-size:12px}.contact-info{padding:25px 0;font-size:13px;color:var(--muted)}.contact-info button{text-decoration:underline;padding:0;margin-right:20px}footer{padding:30px 4%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span,footer>a:last-child{font:9px monospace;letter-spacing:1px}::selection{background:var(--fg);color:var(--bg)}@media(min-width:1600px){.hero-copy p{font-size:27px}}@media(max-width:760px){header{height:80px;padding:0 6%}nav{gap:18px;font-size:10px}nav a:nth-child(2){display:none}.hero{min-height:780px;max-height:1000px;padding:100px 6% 0}.hero-top{font-size:8px;gap:30px}.hero-top span:last-child{text-align:right;max-width:130px}h1{top:25%;font-size:24vw;display:block;left:5%;width:90%;line-height:.85}h1 span{display:block}h1 span:last-child{text-align:right;transform:translateY(0)}.portrait{width:88%;height:62%;bottom:6%;opacity:.85}.hero-copy{bottom:16%;left:6%}.hero-copy p{font-size:17px}.hero-copy>span{font-size:10px}.upload-wrap{right:6%;bottom:9%;max-width:190px}.upload-wrap small{font-size:8px}.upload{padding:12px;font-size:10px}.hero-bottom{bottom:24px;left:6%;right:6%;font-size:7px}.hero-bottom a{width:32px;height:32px}.hero-bottom>span:last-child{max-width:95px;text-align:right}.portrait-caption{font-size:8px}.intro{padding:80px 6%;display:block}.intro h2{margin-top:40px}.intro p{font-size:15px}.asterisk{display:none}.work{padding-top:30px}.section-head{gap:20px}.section-head .eyebrow{font-size:8px;text-align:right}.work h2{margin-bottom:40px}summary{grid-template-columns:24px 1fr 22px;padding:25px 0;gap:8px}.category{grid-column:2;grid-row:2;font-size:8px}.plus{grid-column:3;grid-row:1;font-size:23px}.project-name{font-size:27px;flex-wrap:wrap;gap:8px}.project-name .badge{font-size:7px}.project-detail{grid-template-columns:1fr;padding:0 0 25px 32px;gap:15px}.project-art{height:180px}.interlude{min-height:440px;padding:45px 6%}.cross{font-size:450px;right:-130px;top:30px}.outside{padding:80px 6%;display:block}.interest-scene{margin-top:40px;min-height:400px}.contact{padding:50px 6%}.contact h2{font-size:16vw}.contact-row{align-items:flex-start;gap:20px;flex-direction:column}footer{flex-wrap:wrap;padding:25px 6%}footer>span:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Warm ivory / deep teal green, with coral orange used for interactive cues. */
.hero-bottom a:hover,.project[open] .plus,.number,.brand span{color:var(--accent)}.light .number,.light .brand span,.light .project[open] .plus{color:#FF6845}.contact-row button{background:var(--accent);color:#F3EEE8}.ticker{background:var(--paper)}.portrait .placeholder{filter:sepia(.2) hue-rotate(135deg);opacity:.8}.portrait img{filter:grayscale(1)}
.outside{display:grid;grid-template-columns:.8fr 1.4fr;gap:7%;padding:120px 6%}.play-heading h2{margin-top:35px}.playground{min-width:0}.play-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px}.play-tabs button{padding:18px 0;color:var(--muted);font:9px monospace;display:flex;gap:12px;flex:1;border-bottom:2px solid transparent}.play-tabs button span{font:12px 'DM Sans',sans-serif}.play-tabs button[aria-pressed=true]{color:var(--fg);border-color:var(--accent)}.play-stage{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,#A4BEB044,transparent 70%);padding:25px 0 15px}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.stage-top{font:9px monospace;letter-spacing:1.5px;color:var(--muted)}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px}.scene-art{height:320px;perspective:700px}.scene-art svg{width:100%;height:100%;color:var(--fg)}.svg-word{fill:currentColor;font:55px 'Barlow Condensed',Impact,sans-serif;letter-spacing:10px;opacity:.25}.stage-bottom p{font-size:12px}.stage-bottom button{border:1px solid var(--line);padding:12px 16px;border-radius:30px;font-size:10px;white-space:nowrap}.stage-bottom button:hover{background:var(--accent);color:#F3EEE8}.play-controls{display:flex;align-items:center;gap:20px;margin:24px 0 15px;font:9px monospace;letter-spacing:1px}.play-controls label{min-width:85px}.play-controls input{width:100%;accent-color:var(--accent);cursor:ew-resize}.play-controls output{min-width:35px;text-align:right}.play-caption{font:10px monospace;color:var(--muted)}.court{position:relative;width:85%;height:210px;border:1px solid var(--fg);transform:rotate(-8deg);background:linear-gradient(90deg,transparent 24.7%,var(--line) 25%,transparent 25.3%,transparent 74.7%,var(--line) 75%,transparent 75.3%)}.court:before{content:'';position:absolute;inset:30px 0;border-block:1px solid var(--fg)}.court-net{position:absolute;left:50%;height:100%;border-left:1px dashed var(--fg)}.tennis-ball{position:absolute;left:50%;top:65%;width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px #FF684533;z-index:2}.court-type{position:absolute;left:10%;top:25%;font:60px/.8 'Barlow Condensed',Impact;opacity:.15}.architecture-model{width:150px;height:180px;position:relative;transform-style:preserve-3d}.model-face{position:absolute;width:150px;height:180px;border:1px solid var(--fg);background:repeating-linear-gradient(0deg,#F3EEE8DD 0 17px,#8EA99D 18px 19px)}.model-face.front{transform:translateZ(75px)}.model-face.back{transform:rotateY(180deg) translateZ(75px)}.model-face.left{transform:rotateY(-90deg) translateZ(75px)}.model-face.right{transform:rotateY(90deg) translateZ(75px)}.model-face.roof{height:150px;transform:rotateX(90deg) translateZ(75px);background:var(--accent);top:0}.model-ground{position:absolute;bottom:10px;font:8px monospace;letter-spacing:3px;color:var(--muted)}
@media(max-width:760px){.outside{display:block;padding:75px 6%}.playground{margin-top:40px}.scene-art{height:290px}.play-tabs{gap:10px}.play-tabs button{gap:6px}.play-tabs button span{font-size:10px}.stage-top{font-size:7px}.play-controls{gap:12px}.court{width:80%}.hero-copy{bottom:15%}}
.scene-art>.model-ground{font:8px monospace;letter-spacing:3px;opacity:1;bottom:8px}

/* More expressive coral orange accents across the profile. */
body:not(.light) h1 span:first-child{color:var(--accent)}.ticker{background:var(--accent);color:#F3EEE8;border:0}.asterisk{color:var(--accent)}.section-label{color:var(--accent)}.light .section-label{color:#FF6845}.hero-top span:first-child{color:var(--accent)}.light .hero-top span:first-child{color:#FF6845}.hero-bottom a{background:var(--accent);color:#F3EEE8;border-color:var(--accent)}.hero-bottom a:hover{color:#F3EEE8;transform:translateY(3px)}nav a:last-child{border-bottom:1px solid var(--accent);padding-bottom:6px}.project-name .badge{background:var(--accent);color:#F3EEE8;border-color:var(--accent)}.project[open]{border-top-color:var(--accent)}.project summary:hover .project-name{color:var(--accent)}.light .project summary:hover .project-name{color:#FF6845}.interlude{border-left:8px solid var(--accent)}.interlude .cross{color:var(--accent);opacity:.75}.contact h2>span{color:var(--accent)}.contact h2 em{-webkit-text-stroke-color:var(--accent)}.light .contact h2 em{-webkit-text-stroke-color:#FF6845}.play-tabs button[aria-pressed=true]{color:var(--accent)}.light .play-tabs button[aria-pressed=true]{color:#FF6845}.stage-bottom button{background:var(--accent);color:#F3EEE8;border-color:var(--accent)}.stage-bottom button:hover{background:var(--paper);color:#F3EEE8}.education{border-top-color:var(--accent)}footer{border-top-color:var(--accent)}::selection{background:var(--accent);color:#F3EEE8}.polo-field{overflow:visible}.polo .svg-word{font-size:43px;opacity:.1}

/* Owner portrait: blend its black backdrop into warm ivory. */
.portrait:has(img:not([hidden])){mix-blend-mode:screen;width:54%;max-width:780px;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}
.portrait img{object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.08)}
body.light .portrait:has(img:not([hidden])){mix-blend-mode:multiply}
@media(max-width:760px){.portrait:has(img:not([hidden])){width:100%;height:62%;opacity:1}.portrait img{object-position:50% top}}
.portrait .placeholder[hidden]{display:none!important}
/* Preserve the supplied portrait's full width, including both shoulders. */
.portrait:has(img:not([hidden])){width:84%;max-width:1200px;height:80%}
.portrait img{object-fit:contain;object-position:center bottom}
@media(max-width:760px){.portrait:has(img:not([hidden])){width:100%;height:62%}.portrait img{object-fit:contain;object-position:center bottom}}

.brand sup{font-size:13px;line-height:0;vertical-align:super;letter-spacing:0;margin-left:4px;color:var(--accent)}.light .brand sup{color:#FF6845}

/* Ivory / teal palette: readable text on amber surfaces and small accent labels. */
.ticker,.contact-row button,.stage-bottom button,.project-name .badge,.hero-bottom a{color:#17645F}
body:not(.light) .section-label,body:not(.light) .hero-top span:first-child,body:not(.light) .play-tabs button[aria-pressed=true]{color:var(--fg)}
body:not(.light) .section-label:before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:9px;vertical-align:middle}

/* Ivory base, teal type, coral highlights. */
.portrait:has(img:not([hidden])){mix-blend-mode:multiply}
body.light .portrait:has(img:not([hidden])){mix-blend-mode:screen}
body:not(.light) h1 span:first-child{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:12px}
body:not(.light) .brand sup,body:not(.light) .number,body:not(.light) .project[open] .plus{color:var(--fg)}
body:not(.light) .project summary:hover .project-name{color:var(--fg);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}
body:not(.light) .contact h2 em{-webkit-text-stroke-color:var(--fg)}
body.light .section-label,body.light .hero-top span:first-child,body.light .play-tabs button[aria-pressed=true]{color:var(--fg)}
body.light .brand sup,body.light .number,body.light .project[open] .plus{color:var(--accent)}

/* Portrait is a true cutout, preserving natural contrast on either theme. */
.portrait:has(img:not([hidden])),body.light .portrait:has(img:not([hidden])){mix-blend-mode:normal;isolation:isolate}
.portrait img{filter:grayscale(1) sepia(.08) contrast(1.02);object-fit:contain;object-position:center bottom}
.ticker,.contact-row button,.stage-bottom button,.project-name .badge,.hero-bottom a{color:#173C37}
.ticker,.contact-row button,.stage-bottom button,.project-name .badge,.hero-bottom a{color:#102F2A}
body.light .brand sup,body.light .number,body.light .project[open] .plus{color:var(--fg)}

/* Full-width name sits behind the portrait in both themes. */
.hero .hero-name{top:30%;left:2%;width:96%;height:auto;display:block;margin:0;z-index:1;font-size:inherit;line-height:1;letter-spacing:0;pointer-events:none}
.hero-name svg{display:block;width:100%;height:auto;overflow:visible;fill:var(--fg)}
.hero-name text{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:320px;font-weight:800;letter-spacing:-6px}
.hero .hero-name .name-stacked{display:none}
.hero .portrait{z-index:2}
.hero .hero-copy,.hero .hero-bottom,.hero .hero-top{z-index:3}
.hero .hero-top{position:relative}
.section-marker{display:flex;flex-direction:column;gap:13px}
h2.section-title,.work h2.section-title,.outside h2.section-title,.contact h2.section-title{font:500 clamp(28px,3vw,46px)/1.1 'DM Sans',Arial,sans-serif;letter-spacing:-.05em;margin:0;color:var(--fg)}
.section-title:after{content:'';display:block;width:38px;height:3px;background:var(--accent);margin-top:15px}
.social-links{display:flex;gap:16px;margin-top:35px;flex-wrap:wrap}
.social-links a{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--line);border-radius:50px;font-size:12px;transition:background .2s,transform .2s}
.social-links svg{width:21px;height:21px;flex-shrink:0}
.social-links a:hover{background:var(--accent);color:#102F2A;transform:translateY(-3px);border-color:var(--accent)}
.social-links a>span:last-child{margin-left:14px}
nav a:last-child{padding-bottom:0}
@media(max-width:760px){header{gap:14px}.brand{font-size:25px}.brand sup{font-size:11px}nav{gap:13px;font-size:9px}nav a:nth-child(2){display:inline}.theme{width:31px;height:31px;flex-shrink:0}.hero .hero-name{top:24%;left:3%;width:94%}.hero .hero-name .name-wide{display:none}.hero .hero-name .name-stacked{display:block}.hero .portrait:has(img:not([hidden])){height:65%;width:100%}.intro .section-marker{margin-bottom:40px}.social-links{gap:10px}.social-links a{padding:14px 16px}.section-marker{gap:10px}h2.section-title,.work h2.section-title,.outside h2.section-title,.contact h2.section-title{font-size:30px}.hero .hero-copy{bottom:12%}}
@media(max-width:380px){nav{gap:8px;font-size:8px}header{padding-inline:4%;gap:10px}}
body.light{--paper:#F3EEE8;--ink:#17645F}

/* Raise desktop lettering above the face while retaining portrait overlap. */
@media(min-width:761px){.hero .hero-name{top:18%;z-index:1}.hero .portrait{z-index:2}}

/* Education and team recognition take priority in the Person section. */
.hero-credential{position:absolute;right:4%;bottom:20%;z-index:3;display:flex;flex-direction:column;gap:10px;padding-left:18px;border-left:3px solid var(--accent)}
.hero-credential strong{font-size:18px;font-weight:500;letter-spacing:-.035em}
.credential-link{font-size:10px;color:var(--muted)}
.hero-credential:hover .credential-link{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.academic-profile{scroll-margin-top:100px;border-block:1px solid var(--line);border-top:3px solid var(--accent);display:grid;grid-template-columns:1.2fr 1fr;gap:25px;padding:28px 0;margin:0 0 55px}
.academic-profile h3{font:500 clamp(24px,2.4vw,38px)/1.1 'DM Sans',Arial,sans-serif;letter-spacing:-.045em;margin:18px 0 12px}
.intro .academic-profile p{font-size:12px;line-height:1.8;margin:0}
.academic-recognition{border-left:1px solid var(--line);padding-left:25px}
.academic-profile .eyebrow{font-size:9px}
@media(max-width:760px){.hero-credential{right:6%;bottom:12%;max-width:43%;padding-left:11px;gap:8px}.hero-credential strong{font-size:14px}.hero-credential .eyebrow{font-size:8px}.credential-link{font-size:8px}.hero .hero-copy{max-width:43%}.hero-copy p{font-size:15px}.hero-top span:first-child{max-width:180px}.academic-profile{gap:20px;margin-bottom:40px}.academic-profile h3{font-size:24px}.academic-recognition{padding-left:18px}.academic-profile .eyebrow{font-size:8px}}
@media(max-width:390px){.academic-profile{grid-template-columns:1fr}.academic-recognition{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}

/* Keep the discover control centered after removing the volume label. */
.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr}.hero-bottom>a{grid-column:2}