@font-face{font-family:Grotesk;src:url('assets/grotesk-bold.woff') format('woff');font-display:swap;font-weight:600 900}
@font-face{font-family:Grotesk;src:url('assets/grotesk.woff') format('woff');font-display:swap;font-weight:400}
:root{--blue:#0061fe;--black:#1e1919;--white:#fff;--paper:#f7f5f2;--guide:#b8cef9;--ease:cubic-bezier(.65,0,.45,1);font-family:Grotesk,Arial,sans-serif;color:var(--black);background:white;font-synthesis:weight}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}p{line-height:1.5;text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;border:0;cursor:pointer;color:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:3px}svg{display:block;width:100%;height:100%;overflow:visible}svg *{vector-effect:non-scaling-stroke}[hidden]{display:none!important}
.skip{position:fixed;top:-100px;left:20px;padding:15px 22px;background:white;color:var(--blue);z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home main{width:100%}.scroll-story{height:100vh}.scene{height:100svh;position:relative;background:white;overflow:hidden}.mosaic{position:relative;height:100%;display:grid;grid-template-columns:19fr 26.5fr 7fr 26.5fr 21fr;grid-template-rows:44fr 12fr 44fr;gap:10px;padding:10px}
.tile{position:relative;display:block;overflow:hidden;min-width:0;min-height:0;padding:clamp(18px,1.7vw,36px);background:var(--color);color:var(--on);transition:background-color 450ms ease,color 450ms ease;isolation:isolate}.tile h2{font-size:clamp(21px,2.45vw,50px);letter-spacing:-.045em;line-height:1.08;position:relative;z-index:3;font-weight:600;transition:opacity .3s}.tile:focus-visible{outline-offset:-5px}
.tile-experience{--color:#283750;--on:#b4c8e1;grid-column:1;grid-row:1/3;border-top-left-radius:10px}.tile-achievements{--color:#fad24b;--on:#694800;grid-column:2/4;grid-row:1}.tile-about{--color:#14c8eb;--on:#005264;grid-column:4;grid-row:1/3}.tile-education{--color:#fa551e;--on:#580d1b;grid-column:5;grid-row:1;border-top-right-radius:10px}.tile-skills{--color:#b4dc19;--on:#0f503c;grid-column:1;grid-row:3;border-bottom-left-radius:10px}.tile-projects{--color:#ff8c19;--on:#713000;grid-column:2;grid-row:2/4}.tile-interests{--color:#8b2055;--on:#ffafa5;grid-column:3/5;grid-row:3}.tile-contact{--color:#c8aff0;--on:#78286e;grid-column:5;grid-row:2/4;border-bottom-right-radius:10px}.tile-home{--color:#0061fe;--on:white;grid-column:3;grid-row:2;padding:8px;display:grid;place-items:center;z-index:20}
.tile-arrow{position:absolute;right:20px;top:20px;opacity:0;transform:translate(-8px,8px);transition:opacity .4s,transform .4s;font-size:26px}.tile-art{position:absolute;bottom:30px;right:24px;max-width:65%;height:50%;width:65%;color:var(--on);transition:transform 650ms var(--ease),opacity .5s}.tile-about .tile-art{width:44%;height:23%;right:9%;bottom:8%}.mj-icon path{fill:none;stroke:currentColor;stroke-width:17;stroke-linejoin:miter;transition:stroke-width .5s,stroke .4s}.tile:is(:hover,:focus-visible):not(.tile-home){background:var(--black);color:white}.tile:is(:hover,:focus-visible) .tile-arrow{opacity:1;transform:none}.tile:is(:hover,:focus-visible) .tile-art{color:white}.tile-about:is(:hover,:focus-visible) .mj-icon path{stroke-width:2}.tile-home:hover{background:var(--black)}
.small-mj{font-size:clamp(13px,2.3vw,42px);letter-spacing:-.08em;font-weight:700}.intro-content,.intro-down,.grid-guides{display:none}.intro-content{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:white}.intro-portrait{position:absolute;left:50%;bottom:0;width:100%;height:98%;object-fit:contain;object-position:center bottom;transform:translateX(-50%)}.intro-mark{position:absolute;top:5%;left:5%;font-size:clamp(24px,3vw,46px);font-weight:700;letter-spacing:-3px;z-index:2;line-height:1}.intro-down{position:absolute;bottom:5%;right:5%;font-size:35px;color:white;z-index:2}
.grid-guides{position:absolute;inset:0;pointer-events:none}.grid-guides i{position:absolute;top:0;bottom:0;width:1px;background:var(--guide)}.grid-guides i:nth-child(1){left:19%}.grid-guides i:nth-child(2){left:45.5%}.grid-guides i:nth-child(3){left:52.5%}.grid-guides i:nth-child(4){left:79%}.grid-guides i:nth-child(5){top:50%;left:0;right:0;bottom:auto;width:auto;height:1px}
.enhanced .scroll-story{height:340svh}.enhanced .scene{position:sticky;top:0}.enhanced .grid-guides{display:block}.enhanced .mosaic{display:block;padding:0}.enhanced .tile{position:absolute;will-change:transform;border-radius:0;transform-origin:top left;visibility:hidden}.enhanced .tile-home{display:block;visibility:visible}.enhanced .small-mj{position:absolute;inset:0;display:grid;place-items:center;opacity:0}.enhanced .intro-content,.enhanced .intro-down{display:block}.enhanced .mosaic.ready .tile{visibility:visible}.enhanced .mosaic.complete .tile-experience{border-top-left-radius:10px}.enhanced .mosaic.complete .tile-education{border-top-right-radius:10px}.enhanced .mosaic.complete .tile-skills{border-bottom-left-radius:10px}.enhanced .mosaic.complete .tile-contact{border-bottom-right-radius:10px}.enhanced .mosaic:not(.complete) .tile-home:hover{background:var(--blue)}
.home-tools{position:absolute;z-index:30;right:20px;top:16px;display:flex;gap:8px}.home-tools a,.skip-intro{display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;background:white;border:1px solid #1e19192b;font-size:12px;color:var(--black)}.home-tools a:hover,.skip-intro:hover{background:var(--black);color:white}.page-transition{position:fixed;z-index:90;background:var(--black);pointer-events:all;transform-origin:top left}
.detail{background:var(--paper)}.detail main{margin-left:60px}.detail-rail{position:fixed;left:0;top:0;bottom:0;width:60px;background:var(--black);color:white;border-right:1px solid #b4c8e14d;z-index:50;display:flex;align-items:center;flex-direction:column}.rail-mj{font-size:20px;font-weight:700;letter-spacing:-1px;position:absolute;top:10px;min-height:44px;width:100%;display:grid;place-items:center}.rail-title{position:absolute;top:80px;font-size:12px;writing-mode:vertical-rl;transform:rotate(180deg)}.rail-menu{position:absolute;top:calc(50% - 30px);height:60px;width:60px;background:var(--blue);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:6px}.rail-menu span{height:2px;width:23px;background:white}.rail-back{position:absolute;bottom:16px;color:#5395ff;font-size:25px;width:100%;min-height:44px;display:grid;place-items:center}.detail-rail a:focus-visible{outline-offset:-5px}
.detail-hero{min-height:clamp(300px,53svh,580px);position:relative;background:var(--black);color:white;overflow:hidden;padding:64px clamp(24px,6vw,96px);display:flex;align-items:center;isolation:isolate;background-image:linear-gradient(to right,transparent 60%,#b4c8e137 60.1%,transparent 60.2%)}.hero-rule{position:absolute;top:24px;left:24px;right:24px;height:1px;background:#ffffff50}.detail-count{position:absolute;right:30px;top:38px;font-size:12px}.detail-hero h1{font-size:clamp(48px,7vw,110px);letter-spacing:-.05em;font-weight:600;line-height:1.05;position:relative;z-index:2;max-width:78%;overflow-wrap:normal;animation:page-enter .6s var(--ease)}.detail-art{position:absolute;bottom:18%;right:6%;width:20%;height:40%;color:var(--accent);animation:page-enter .7s var(--ease);z-index:1}.detail-art .mj-icon path{stroke:var(--accent)}.detail-scroll{position:absolute;bottom:20px;left:clamp(24px,6vw,96px);font-size:28px;min-width:44px;min-height:44px;display:grid;place-items:center}
.detail-experience{--accent:#b4c8e1}.detail-achievements{--accent:#fad24b}.detail-about{--accent:#14c8eb}.detail-education{--accent:#fa551e}.detail-skills{--accent:#b4dc19}.detail-projects{--accent:#ff8c19}.detail-interests{--accent:#ffafa5}.detail-contact{--accent:#c8aff0}
.next-section{background:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px clamp(24px,6vw,96px);color:var(--black)}.next-section>span:first-child{font-size:12px}.next-section strong{font-size:clamp(30px,5vw,75px);font-weight:500;letter-spacing:-.045em}.next-section>span:last-child{font-size:40px;transition:transform .4s}.next-section:hover>span:last-child{transform:translate(5px,-5px)}
.detail-footer{margin-left:60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:28px 5vw;background:var(--black);color:white;font-size:12px}.detail-footer a{min-height:44px;display:flex;align-items:center}.footer-nav{margin-left:60px;padding:20px 5vw;background:var(--black);color:white;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 22px;border-top:1px solid #ffffff30;font-size:12px}.footer-nav a{min-height:44px;display:flex;align-items:center}.footer-nav [aria-current]{color:#5395ff}
.reveal.pending{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes page-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.tile h2{font-size:clamp(18px,2.7vw,28px)}.tile{padding:18px}.detail-hero h1{font-size:7.5vw}}
@media(max-width:650px){
.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:6px;padding:6px}.tile{padding:14px;border-radius:0!important}.tile-experience{grid-column:1;grid-row:1}.tile-achievements{grid-column:2;grid-row:1}.tile-about{grid-column:1;grid-row:2}.tile-education{grid-column:2;grid-row:2}.tile-skills{grid-column:1;grid-row:3}.tile-projects{grid-column:2;grid-row:3}.tile-interests{grid-column:1;grid-row:4}.tile-contact{grid-column:2;grid-row:4}.tile-home{display:none}.tile h2{font-size:clamp(19px,5.5vw,29px);line-height:1.05}.tile-about .tile-art{width:38%;height:32%}.tile-arrow{top:12px;right:12px;font-size:20px}.enhanced .tile-home{display:block}.enhanced .small-mj{font-size:15px}.enhanced .scroll-story{height:300svh}.intro-mark{font-size:26px;top:6%;left:6%}.intro-down{font-size:32px}.home-tools{right:12px;top:12px;gap:6px}.home-tools a,.skip-intro{font-size:11px;padding:10px 12px}
.detail main{margin-left:48px}.detail-rail,.rail-menu{width:48px}.rail-menu{height:48px;top:calc(50% - 24px)}.rail-mj{font-size:18px}.rail-title{font-size:10px}.detail-hero{min-height:300px;padding:70px 20px 90px}.detail-hero h1{font-size:clamp(32px,8.5vw,54px);max-width:100%}.detail-art{width:26%;height:25%;bottom:9%;right:8%;opacity:.75}.detail-count{font-size:10px;right:20px}.hero-rule{left:20px;right:20px}.detail-scroll{left:16px;bottom:14px}.next-section{padding:30px 20px;gap:20px;flex-wrap:wrap}.next-section>span:first-child{flex-basis:100%;font-size:11px}.next-section strong{font-size:34px}.next-section>span:last-child{font-size:32px}.detail-footer,.footer-nav{margin-left:48px;padding:20px;font-size:11px}.detail-footer>span{flex-basis:100%;order:3}
}
@media(max-height:480px){.tile h2{font-size:clamp(17px,2.5vw,24px)}.tile-art{opacity:.6}.home-tools{top:10px}.detail-hero{min-height:260px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.pending{opacity:1;transform:none}.topic-icon *{transform:none!important}.page-transition{display:none!important}.enhanced .tile{will-change:auto}}
.topic-icon{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.topic-icon *{transition:fill 450ms ease,stroke 450ms ease,transform 650ms var(--ease),opacity 450ms ease}.topic-icon .icon-solid{fill:currentColor;stroke:currentColor}.topic-icon .certificate-lines,.topic-icon .book-lines,.topic-icon .career-line,.topic-icon .project-nodes,.topic-icon .screen-rule,.topic-icon .briefcase-seam,.topic-icon .plane-fold,.topic-icon .knight-detail,.topic-icon .ball-panels{stroke:var(--color);stroke-width:3}.topic-icon .node,.topic-icon .screen-dot,.topic-icon .knight-eye{fill:var(--color);stroke:var(--color)}.topic-icon .book-spine{stroke:var(--color)}.topic-icon .briefcase-handle{stroke-width:10}.topic-icon .briefcase-clasp{stroke:var(--color);stroke-width:3}.topic-icon .code-left,.topic-icon .code-right,.topic-icon .skills-spark{stroke-width:14;stroke-linecap:square}.topic-icon .plane-trail{stroke-dasharray:6 9;opacity:.6;fill:none}.topic-icon .spark{opacity:0;transform-origin:260px 55px;transform:scale(.6)}.tile-experience .tile-art{width:68%;max-width:68%;height:39%;right:9%;bottom:8%}.tile-achievements .tile-art{inset:auto 5% 8% auto;width:64%;max-width:64%;height:60%}.tile-education .tile-art{width:74%;max-width:74%;height:39%;right:9%;bottom:9%}.tile-skills .tile-art{left:8%;bottom:8%;width:76%;height:40%}.tile-projects .tile-art{width:64%;height:54%;right:6%;bottom:5%}.tile-interests .tile-art{width:54%;height:62%;right:6%;bottom:5%}.tile-contact .tile-art{width:79%;max-width:79%;height:65%;right:6%;bottom:6%}
.tile:is(:hover,:focus-visible) .topic-icon .icon-solid{fill:var(--black);stroke:white}.tile:is(:hover,:focus-visible) .topic-icon .certificate-lines,.tile:is(:hover,:focus-visible) .topic-icon .book-lines,.tile:is(:hover,:focus-visible) .topic-icon .career-line,.tile:is(:hover,:focus-visible) .topic-icon .project-nodes,.tile:is(:hover,:focus-visible) .topic-icon .screen-rule,.tile:is(:hover,:focus-visible) .topic-icon .briefcase-seam,.tile:is(:hover,:focus-visible) .topic-icon .plane-fold,.tile:is(:hover,:focus-visible) .topic-icon .knight-detail,.tile:is(:hover,:focus-visible) .topic-icon .ball-panels,.tile:is(:hover,:focus-visible) .topic-icon .book-spine{stroke:white;stroke-width:2}.tile:is(:hover,:focus-visible) .topic-icon .node,.tile:is(:hover,:focus-visible) .topic-icon .screen-dot,.tile:is(:hover,:focus-visible) .topic-icon .knight-eye{fill:var(--black);stroke:white}.tile-experience:is(:hover,:focus-visible) .briefcase-lid{transform:translateY(-13px)}.tile-experience:is(:hover,:focus-visible) .briefcase-handle{transform:translateY(-13px);stroke-width:3}.tile-achievements:is(:hover,:focus-visible) .achievement-star{transform:rotate(12deg);transform-origin:226px 130px}.tile-achievements:is(:hover,:focus-visible) .spark{opacity:1;transform:scale(1)}.tile-education:is(:hover,:focus-visible) .book-left{transform:translateX(-6px) rotate(-4deg);transform-origin:140px 167px}.tile-education:is(:hover,:focus-visible) .book-right{transform:translateX(6px) rotate(4deg);transform-origin:140px 167px}.tile-skills:is(:hover,:focus-visible) .skills-spark{transform:rotate(90deg);transform-origin:125px 100px;stroke-width:3}.tile-skills:is(:hover,:focus-visible) .code-left{transform:translateX(-8px);stroke-width:3}.tile-skills:is(:hover,:focus-visible) .code-right{transform:translateX(8px);stroke-width:3}.tile-projects:is(:hover,:focus-visible) .project-front{transform:translate(7px,-8px)}.tile-projects:is(:hover,:focus-visible) .project-back{transform:translate(-7px,8px)}.tile-interests:is(:hover,:focus-visible) .chess-knight{transform:translateY(-8px)}.tile-interests:is(:hover,:focus-visible) .football{transform:rotate(35deg);transform-origin:224px 142px}.tile-contact:is(:hover,:focus-visible) .paper-plane{transform:translate(8px,-18px) rotate(-6deg);transform-origin:120px 120px}.tile-contact:is(:hover,:focus-visible) .plane-trail{opacity:1;stroke-dashoffset:36;transition:stroke-dashoffset 750ms ease}.detail-art .topic-icon .certificate-lines,.detail-art .topic-icon .book-lines,.detail-art .topic-icon .career-line,.detail-art .topic-icon .project-nodes,.detail-art .topic-icon .screen-rule,.detail-art .topic-icon .briefcase-seam,.detail-art .topic-icon .plane-fold,.detail-art .topic-icon .knight-detail,.detail-art .topic-icon .ball-panels,.detail-art .topic-icon .book-spine{stroke:var(--black)}.detail-art .topic-icon .node,.detail-art .topic-icon .screen-dot,.detail-art .topic-icon .knight-eye{fill:var(--black);stroke:var(--black)}
@media(max-width:650px){.intro-mark{font-size:26px;top:6%;left:6%}.tile-experience .tile-art{width:48%;max-width:48%;height:48%;right:6%;bottom:6%}.tile-achievements .tile-art{width:56%;max-width:56%;height:53%;right:5%;bottom:7%}.tile-education .tile-art{width:55%;height:44%;right:7%;bottom:8%}.tile-skills .tile-art{width:57%;height:40%;left:8%;bottom:8%}.tile-projects .tile-art{width:49%;height:53%;right:6%;bottom:5%}.tile-interests .tile-art{width:61%;height:50%;right:6%;bottom:5%}.tile-contact .tile-art{width:52%;max-width:52%;height:56%;right:7%;bottom:5%}}
@media(prefers-reduced-motion:reduce){.topic-icon *{transform:none!important;transition:none!important}}

/* Interior reading layouts: square edges and the section's own accent. */
.detail-content{padding:72px clamp(24px,6vw,96px) 96px;max-width:1600px;margin:auto}
.content-lead{display:grid;grid-template-columns:1fr 3fr;gap:32px;padding:24px 0 44px;margin:0;border-color:#1e191930}
.content-lead>span{font-size:12px;line-height:1.4;letter-spacing:.02em}
.content-lead>p{font-size:clamp(28px,3.1vw,46px);max-width:850px;line-height:1.13}
.section-index{display:grid;grid-template-columns:1fr 3fr;gap:32px;padding:0 0 56px}
.section-index>span{font-size:12px;padding-top:13px;color:#5b5653}
.section-index ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #1e191928}
.section-index li{min-width:0;border-bottom:1px solid #1e191928}
.section-index a{display:flex;align-items:center;gap:12px;padding:14px 12px;font-size:14px;line-height:1.3;transition:background .2s}
.section-index a>span:first-child{font-size:10px;color:#68615d;font-variant-numeric:tabular-nums}
.section-index a>span:last-child{margin-left:auto}
.section-index a:hover{background:var(--accent)}
.content-entry,.content-entry:nth-of-type(3n){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,4vw,64px);padding:44px 0 48px;margin:0;background:transparent;border-top:1px solid #1e191935;scroll-margin-top:24px}
.entry-heading,.entry-body{min-width:0}
.entry-number{display:block;font-size:12px;line-height:1;margin-bottom:25px;color:#5b5653;font-variant-numeric:tabular-nums}
.entry-top{display:block;margin:0 0 13px;font-size:12px;line-height:1.5;color:#5b5653;max-width:38ch}
.content-entry h2{font-size:clamp(27px,2.8vw,43px);letter-spacing:-.035em;line-height:1.08;margin:0;max-width:20ch;text-wrap:balance}
.entry-result{display:inline-flex;flex-direction:column;gap:12px;background:var(--accent);color:var(--black);padding:20px 24px;margin-top:28px;max-width:100%}
.entry-result>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.entry-result strong{font-size:clamp(22px,2.3vw,32px);font-weight:500;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
.entry-body{padding-top:38px}
.content-entry p,.content-entry ul{font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:65ch;margin:0 0 20px}
.entry-body>p:first-child:has(+ul){font-size:14px;color:#5b5653;border-bottom:1px solid #1e191926;padding-bottom:18px;margin-bottom:4px}
.content-entry ul{list-style:none;padding:0;margin:0}
.content-entry li{position:relative;padding:16px 0 16px 23px;margin:0;border-bottom:1px solid #1e19191c}
.content-entry li::before{content:'↗';position:absolute;left:0;top:17px;font-size:14px}
.result-note{border-left:3px solid var(--black);padding:4px 0 4px 20px;margin-top:28px}
.result-note>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.result-note p{margin:8px 0 0;font-size:16px}
.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#1e191925;border:1px solid #1e191925;margin:0 0 24px;max-width:none}
.fact-grid>div{padding:24px;background:var(--paper);min-width:0}
.fact-grid dt{font-size:12px;line-height:1.4;color:#5b5653}
.fact-grid dd{margin:20px 0 0;font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.045em}
.language-table,.program-list{margin:0;max-width:none}
.language-table>div,.program-list>div{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid #1e191930}
.language-table dt,.program-list dt{font-size:17px}
.language-table dd{font-size:18px;letter-spacing:0;background:var(--accent);padding:8px 12px;min-width:60px;text-align:center;line-height:1.2}
.program-list>div{align-items:start;flex-direction:column;gap:10px}
.program-list dd{font-size:15px;margin:0;line-height:1.5;color:#5b5653}
.content-entry .skill-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.content-entry .skill-list li{padding:20px 16px;border:1px solid #1e191925;font-size:16px}
.content-entry .skill-list li::before{display:none}
.entry-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--black);padding:18px 0;margin-top:16px;font-size:14px}
.entry-link:hover{color:var(--blue)}
.detail-achievements .entry-collection{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.detail-achievements .content-entry{display:flex;flex-direction:column;gap:24px;border:1px solid #1e191930;padding:32px;background:#fff}
.detail-achievements .entry-result{display:flex;background:var(--paper);border-left:4px solid var(--accent);padding:20px}
.detail-achievements .entry-body{padding:0}
.detail-achievements .entry-body p{margin:0}
.detail-achievements .entry-heading{flex:1}
.detail-contact .content-entry{gap:24px}
.detail-contact .entry-body{display:flex;align-items:center;padding-top:0}
.detail-contact .entry-body p{width:100%;margin:0}
.detail-contact .contact-link{display:block;padding:24px;background:var(--accent);font-size:clamp(15px,1.65vw,24px);text-decoration:none;line-height:1.5;transition:background .2s,color .2s}
.detail-contact .contact-link:hover{background:var(--black);color:white}
@media(max-width:900px){
.content-lead,.section-index{grid-template-columns:1fr;gap:20px}.section-index{padding-bottom:36px}
.content-entry,.content-entry:nth-of-type(3n){grid-template-columns:1fr 1.25fr;gap:30px}
.detail-achievements .content-entry{padding:24px}.detail-content{padding:48px 32px 64px}
}
@media(max-width:650px){
.detail-content{padding:40px 20px 56px}.content-lead{gap:16px;padding:20px 0 32px}.content-lead>p{font-size:29px}
.section-index{gap:8px;padding-bottom:32px}.section-index ol{grid-template-columns:1fr}.section-index a{padding:13px 0;font-size:14px}
.content-entry,.content-entry:nth-of-type(3n){grid-template-columns:1fr;gap:24px;padding:30px 0 36px;margin:0}
.entry-number{margin-bottom:18px}.entry-top{font-size:11px;margin-bottom:12px}.content-entry h2{font-size:29px;max-width:24ch}
.entry-result{margin-top:20px;padding:18px;width:100%;gap:10px}.entry-result strong{font-size:27px}
.entry-body{padding:0}.content-entry p,.content-entry ul{font-size:16px}.content-entry li{padding-top:14px;padding-bottom:14px}
.detail-achievements .entry-collection{grid-template-columns:1fr;gap:16px}.detail-achievements .content-entry{padding:24px 20px;gap:22px}
.fact-grid>div{padding:18px 12px}.fact-grid dd{font-size:36px}.fact-grid dt{font-size:11px}
.language-table>div{gap:16px}.language-table dt{font-size:16px}.language-table dd{font-size:16px}
.content-entry .skill-list{grid-template-columns:1fr}.detail-contact .contact-link{padding:20px 16px;font-size:16px}
}

/* Case-study structure, independent of screenshots or product mockups. */
.case-summary{margin:0}.case-summary>div{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #1e19191c}.case-summary dt{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#5b5653;margin-bottom:8px}.case-summary dd{margin:0;font-size:17px;line-height:1.6}.project-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:24px 0 0}.content-entry .project-flow li{padding:16px 12px;border:0;background:var(--accent);font-size:13px;line-height:1.4;min-width:0}.project-flow li>span{display:block;font-size:10px;margin-bottom:14px}.project-flow li::before{display:none}.single-fact{grid-template-columns:1fr}.contact-link span{float:right}.home-tools .skip-intro[hidden]{display:none!important}
@media(max-width:650px){.case-summary dd{font-size:16px}.project-flow{grid-template-columns:1fr}.content-entry .project-flow li{display:flex;align-items:center;gap:14px;padding:14px}.project-flow li>span{margin:0}}
@media print{.detail-rail,.detail-hero,.section-index,.next-section,.detail-footer,.footer-nav,.page-transition,.skip{display:none!important}.detail main{margin:0}.detail-content{padding:0}.content-entry{break-inside:avoid}.reveal.pending{opacity:1;transform:none}}
@media(min-width:651px) and (max-width:800px){.tile{padding:14px}.tile-experience h2{font-size:clamp(17px,2.4vw,20px)}}
.home-tools .skip-intro{display:none}.enhanced .home-tools .skip-intro{display:inline-flex}

/* A quiet reading cue beneath the portrait, outside the blue plane. */
.intro-hint{display:none;position:absolute;z-index:25;top:calc(50% + min(34svh,28.5vw) + 22px);left:50%;transform:translateX(-50%);width:max-content;max-width:86vw;margin:0;color:#59545b;text-align:center;font-size:clamp(14px,1.15vw,18px);font-weight:400;line-height:1.5;letter-spacing:.025em;pointer-events:none;text-wrap:balance}.enhanced .intro-hint{display:block}
@media(max-width:650px){.intro-hint{top:calc(50% + min(34svh,42vw) + 18px);font-size:14px;letter-spacing:.015em}}
@media(max-height:450px){.intro-hint{top:calc(50% + min(34svh,28.5vw) + 12px);font-size:13px}}
@media(max-width:650px) and (max-height:450px){.intro-hint{top:calc(50% + min(34svh,42vw) + 12px)}}