:root{--paper:#f5f0e7;--surface:#fffcf7;--ink:#302934;--muted:#6b6168;--line:#dbd2c9;--plum:#59364f;--clay:#a34d32;--olive:#566139;--soft:#eee4eb;--clay-soft:#f4e5d9;--olive-soft:#e9ecdf;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;--max:1280px;color-scheme:light}
html[data-theme=dark]{--paper:#231e25;--surface:#2c252e;--ink:#f4eee6;--muted:#c1b3bc;--line:#51444e;--plum:#d4a8c5;--clay:#e6a184;--olive:#bdc99b;--soft:#392d38;--clay-soft:#3f2c27;--olive-soft:#303528;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}::selection{background:var(--plum);color:var(--paper)}:focus-visible{outline:2px solid var(--clay);outline-offset:5px}.container{width:min(calc(100% - 96px),var(--max));margin:auto}.skip-link{position:fixed;top:-70px;left:18px;background:var(--surface);padding:12px 20px;z-index:100}.skip-link:focus{top:14px}
.nav-wrap{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:box-shadow .3s}.nav-wrap.scrolled{box-shadow:0 4px 25px #30293408}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;flex-shrink:0;font:25px/1.2 var(--serif);letter-spacing:-.6px}.brand-name{white-space:nowrap}.brand-unfold{display:inline-block;overflow:hidden;vertical-align:bottom;max-width:0;opacity:0;animation:unfold 14s ease-in-out infinite}.brand-dot{color:var(--clay)}.brand:hover .brand-unfold,.brand:focus-visible .brand-unfold{animation:none;max-width:140px;opacity:1;transition:max-width .55s,opacity .45s}.nav-links{display:flex;align-items:center;gap:26px}.nav-links>a{text-decoration:none;font-size:13px;min-height:44px;display:flex;align-items:center;position:relative;color:var(--muted)}.nav-links>a:after{content:'';height:1px;background:var(--clay);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links>a:hover,.nav-links>a.current{color:var(--ink)}.nav-links>a.current:after,.nav-links>a:hover:after{transform:scaleX(1)}.controls{display:flex;align-items:center;gap:5px;border-left:1px solid var(--line);padding-left:16px}.icon-btn,.lang-btn{min-width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--ink);font-size:15px;border-radius:4px}.lang-btn{font-size:12px;letter-spacing:.04em}.icon-btn:hover,.lang-btn:hover{background:var(--soft)}.menu-btn{display:none;min-height:44px;gap:15px;align-items:center;background:none;border:0;color:var(--ink);font-size:13px}.menu-symbol{font-size:23px;font-weight:300}.reading-progress{position:absolute;height:2px;bottom:-1px;left:0;width:100%;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--clay);transform:scaleX(0);transform-origin:left}
.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px;min-height:750px;padding:94px 0 90px;position:relative}.eyebrow,.section-kicker{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.9;color:var(--plum);margin-bottom:24px}.eyebrow span{color:var(--clay);padding:0 8px}.hero h1{font:400 clamp(58px,5.9vw,90px)/1.04 var(--serif);letter-spacing:-.065em;max-width:710px}.hero h1 span{color:var(--clay)}.lead{font-size:17px;line-height:1.85;max-width:520px;color:var(--muted);margin:30px 0 33px}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:50px;padding:12px 21px;text-decoration:none;font-size:13px;border:1px solid transparent;border-radius:3px;transition:background .25s,transform .25s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--plum);color:var(--paper)}.primary:hover{background:var(--ink)}.ghost{border-color:var(--line);background:transparent}.ghost:hover{background:var(--surface)}.quick-facts{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:40px;color:var(--muted);font-size:10px}.quick-facts span:not(:first-child){border-left:1px solid var(--line);padding-left:17px}
.hero-art{position:relative;padding:35px 0 45px;min-width:0}.art-backdrop{position:absolute;inset:0 -22px 0 38px;border-radius:3px 100px 3px 3px;background:var(--soft);border:1px solid var(--line)}.hero-art-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 8px 28px 38px}.signal{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{background:var(--olive);width:6px;height:6px;border-radius:50%;flex-shrink:0}.art-number{font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-window{position:relative;margin-left:0;background:var(--surface);border:1px solid var(--line);border-radius:7px;box-shadow:0 28px 60px #3029341f;transform:perspective(1100px) rotateY(-6deg) rotateZ(-2deg);animation:float 9s ease-in-out infinite}.window-bar{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:12px 15px;border-bottom:1px solid var(--line);color:var(--muted)}.window-dots{font-size:7px;letter-spacing:3px;color:var(--line)}.hero-window img{width:100%;aspect-ratio:1.52;object-fit:cover;object-position:top;padding:7px;background:#fffcf7}.window-caption{position:absolute;right:12px;bottom:11px;background:#fffcf7eb;color:#6b6168;font-size:8px;padding:3px 7px}.floating-note{position:relative;margin:26px -3px -24px 65px;display:flex;align-items:center;gap:14px;padding:17px 20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 15px 35px #3029340a;max-width:400px}.note-icon{font:28px var(--serif);color:var(--clay)}.floating-note b{font-size:11px;font-weight:600;display:block}.floating-note div>span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.expertise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;padding:26px 0;align-items:center}.expertise-strip>span{font-size:9px;letter-spacing:.15em;color:var(--muted)}.expertise-strip p{font:22px var(--serif);letter-spacing:-.03em}.expertise-strip i{font-style:normal;color:var(--clay);padding:0 17px}
.section{padding:112px 0}.section h2,.contact h2{font:400 clamp(36px,4.4vw,60px)/1.12 var(--serif);letter-spacing:-.04em;max-width:850px}.section-head{display:grid;grid-template-columns:1.45fr .55fr;gap:90px;align-items:end;margin-bottom:64px}.section-head>p{font-size:14px;color:var(--muted);padding-bottom:5px;max-width:300px}.projects-grid{display:grid;gap:64px}.project{display:grid;grid-template-columns:1.2fr 1fr;gap:62px;align-items:center;min-width:0}.project-copy{padding:18px 0}.project-top{display:flex;align-items:center;gap:22px;margin-bottom:24px}.project-index{font:italic 24px var(--serif);color:var(--clay)}.status{font-size:10px;letter-spacing:.02em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:3px}.building{border-bottom-style:dashed}.project h3{font:400 clamp(27px,2.6vw,36px)/1.18 var(--serif);letter-spacing:-.035em;max-width:520px;margin-bottom:20px}.project-copy>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:510px}.project-foot{display:flex;flex-direction:column;gap:24px;margin-top:26px}.project-foot>span{font-size:10px;letter-spacing:.02em;color:var(--muted)}.project-link{display:inline-flex;align-items:center;gap:22px;width:fit-content;min-height:44px;font-size:12px;text-decoration:none;border-bottom:1px solid var(--clay);color:var(--plum);padding-bottom:3px}.project-link:hover{color:var(--clay)}.project-visual{display:block;text-decoration:none;padding:27px 28px 23px;background:var(--soft);border:1px solid var(--line);border-radius:4px;min-width:0;overflow:hidden;position:relative;perspective:1000px}.visual-retail{background:var(--soft)}.visual-bi{background:var(--olive-soft)}.visual-mel{background:var(--clay-soft)}.visual-nova{background:var(--soft)}.stage-header,.stage-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:.07em;color:var(--muted)}.stage-header{margin-bottom:26px}.stage-header>span:last-child{font-size:18px;letter-spacing:0}.screen-frame{background:#fffcf7;border:1px solid #c5b8ac;border-radius:5px;box-shadow:0 20px 28px #30293419;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease;will-change:auto}.screen-frame img{width:100%;aspect-ratio:1.55;object-fit:cover;object-position:top;border-radius:4px}.visual-bi .screen-frame img{aspect-ratio:1.55;object-fit:contain}.stage-caption{margin-top:25px;font-size:8px}.project-visual:hover .screen-frame{transform:translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.project-upcoming .project-visual{border-style:dashed}.nova-concept{position:relative;height:320px;max-width:600px;margin:auto;display:grid;place-items:center}.nova-core{font:48px var(--serif);letter-spacing:-.07em;text-align:center;color:var(--plum);z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:50%;width:158px;height:158px;display:flex;flex-direction:column;justify-content:center;align-items:center}.nova-core>span{display:none}.nova-core small{font:8px var(--sans);letter-spacing:.12em;margin-top:10px}.nova-node{position:absolute;background:var(--surface);border:1px solid var(--line);padding:10px 15px;font-size:11px;z-index:2;animation:node-float 8s ease-in-out infinite}.n1{left:3%;top:45px}.n2{right:0;top:45px;animation-delay:-3s}.n3{left:50%;bottom:20px;transform:translateX(-50%);animation:none}.nova-concept svg{position:absolute;inset:0;width:100%;height:100%;stroke:var(--plum);stroke-width:1;fill:none;opacity:.45}
.experience-section{background:var(--plum);color:var(--paper);padding-bottom:100px}.experience-section .section-kicker{color:#e0b29c}.experience-section .section-head>p{color:#ded0d8}.experience-section .section h2{color:#f5f0e7}.experience-section h2{color:#f5f0e7}.experience-card{display:grid;grid-template-columns:.33fr .67fr;gap:70px;border-top:1px solid #ffffff35;padding-top:40px}.exp-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.exp-meta>span,.exp-meta>small{font-size:12px;color:#ded0d8}.exp-meta strong{font:30px var(--serif);font-weight:400;color:#f5f0e7}.stack-note{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff35;max-width:260px}.stack-note b{display:block;font-size:10px;letter-spacing:.1em;font-weight:500;color:#e0b29c;margin-bottom:10px}.stack-note>span{font-size:12px;line-height:2;color:#ded0d8}.context{padding-bottom:32px}.context b{font-size:11px;letter-spacing:.08em;font-weight:600;color:#f5f0e7}.context p{font-size:14px;color:#e8dde3;line-height:1.95;margin-top:12px}.missions{border-top:1px solid #ffffff35}.mission{display:grid;grid-template-columns:27px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #ffffff35}.mission>span{font:italic 17px var(--serif);color:#e0b29c}.mission h3{font:24px/1.3 var(--serif);font-weight:400;margin:0 0 13px;color:#f5f0e7;letter-spacing:-.02em}.mission p{font-size:13px;color:#ded0d8;line-height:1.9;margin-bottom:13px}.mission strong{font-size:12px;line-height:1.8;font-weight:500;color:#f5f0e7;display:block;border-left:2px solid #e0b29c;padding-left:13px}.experience-case-link{display:inline-flex;margin-top:28px;min-height:44px;align-items:center;gap:20px;color:#f5f0e7;font-size:12px;text-decoration:none;border-bottom:1px solid #e0b29c}
html[data-theme=dark] .experience-section{background:#422c3e}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;border-bottom:1px solid var(--line)}.body-copy{font-size:17px;color:var(--muted);line-height:1.9}.body-copy p+p{margin-top:25px}.skills-section{background:var(--surface)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.skills-grid>div{padding:30px 25px 36px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.skills-grid>div>span{font:italic 21px var(--serif);color:var(--clay)}.skills-grid h3{font:23px var(--serif);font-weight:400;margin:35px 0 18px}.skills-grid p{font-size:12px;color:var(--muted);line-height:1.9}.education{padding-bottom:90px}.edu-row{display:flex;justify-content:space-between;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.edu-row h2{font-size:29px}.edu-row p{margin:9px 0 0;color:var(--muted);font-size:13px}.edu-row>span{font-size:12px;color:var(--muted);white-space:nowrap}
.contact{background:#302934;color:#f5f0e7;padding:110px 0}.contact .section-kicker{color:#e0b29c}.contact h2{max-width:910px}.contact-inner>p:not(.section-kicker){font-size:16px;line-height:1.9;color:#d1c4cc;max-width:610px;margin:28px 0 32px}.inverse{background:#f5f0e7;color:#302934}.outline-light{border-color:#84727f;color:#f5f0e7}.outline-light:hover{background:#ffffff12}.contact-email{display:inline-block;margin-top:26px;color:#d1c4cc;font-size:12px;text-underline-offset:5px;min-height:44px;padding-top:8px}footer{background:#302934;border-top:1px solid #ffffff25;padding:25px 0;color:#c1b3bc;font-size:10px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner a{min-height:44px;display:flex;align-items:center;text-decoration:none}.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.will-reveal.is-visible{opacity:1;transform:none}
@keyframes unfold{0%,18%,85%,100%{max-width:0;opacity:0}29%,70%{max-width:140px;opacity:1}}
@keyframes float{0%,100%{transform:perspective(1100px) rotateY(-6deg) rotateZ(-2deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-4deg) rotateZ(-1deg) translateY(-7px)}}
@keyframes node-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
html.motion-paused{scroll-behavior:auto}.motion-paused .brand-unfold{animation:none;max-width:0;opacity:0}.motion-paused .hero-window,.motion-paused .nova-node{animation:none}.motion-paused .will-reveal{opacity:1;transform:none;transition:none}.motion-paused .screen-frame,.motion-paused .project-visual:hover .screen-frame{transform:none!important;transition:none}.motion-paused .btn:hover{transform:none}
@media(max-width:1200px){.container{width:calc(100% - 64px)}.nav-links{gap:19px}.hero{gap:36px;min-height:670px;padding:74px 0 85px}.hero h1{font-size:72px}.eyebrow{font-size:9px}.project{gap:36px}.project-visual{padding:22px}.stage-header{margin-bottom:20px}.project h3{font-size:30px}.section-head{gap:60px}.art-backdrop{right:0}.hero-art-top{margin-right:20px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.nav{height:76px}.menu-btn{display:flex}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px 24px 28px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #30293414;gap:5px;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 76px);overflow:auto}.nav-links.open{display:flex}.nav-links>a{font:24px var(--serif);padding:12px 0}.nav-links>a:after{bottom:5px}.controls{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:10px;gap:15px}.hero{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:64px}.eyebrow{max-width:330px}.hero-art-top{margin-left:20px}.hero-art{padding-top:30px}.floating-note{margin-left:20px;padding:13px;gap:10px}.floating-note b{font-size:10px}.floating-note div>span{font-size:9px}.art-number{display:none}.hero-window img{aspect-ratio:1.3}.lead{font-size:15px}.quick-facts{gap:10px}.quick-facts span{font-size:9px}.quick-facts span:not(:first-child){padding-left:10px}.section-head{gap:40px}.project{grid-template-columns:1.1fr 1fr;gap:30px}.project h3{font-size:29px}.project-copy>p{font-size:13px}.stage-caption{font-size:7px}.experience-card{gap:40px}.two-col{gap:50px}.skills-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.hero{grid-template-columns:1fr;padding:56px 0 55px;gap:45px;min-height:0}.hero h1{font-size:clamp(56px,9.2vw,79px);max-width:650px}.eyebrow{max-width:none}.lead{font-size:16px;max-width:570px;margin:25px 0}.hero-art{max-width:610px;width:100%;margin:auto;padding:28px 0 32px}.hero-window{margin-right:26px}.hero-window img{aspect-ratio:1.65}.hero-art-top{margin-left:40px;margin-bottom:20px}.art-number{display:block}.floating-note{margin-top:17px;margin-bottom:-15px;margin-left:70px;max-width:420px}.floating-note b{font-size:11px}.floating-note div>span{font-size:10px}.expertise-strip{flex-direction:column;align-items:flex-start;gap:14px;padding:23px 0}.expertise-strip p{font-size:20px}.expertise-strip i{padding:0 10px}.section{padding:75px 0}.section-head{grid-template-columns:1fr;gap:23px;margin-bottom:39px}.section h2{font-size:43px}.section-head>p{max-width:490px;font-size:13px}.projects-grid{gap:48px}.project{grid-template-columns:1fr;gap:21px}.project-copy{padding:0}.project-top{margin-bottom:16px}.project h3{font-size:33px;max-width:600px}.project-copy>p{font-size:14px;max-width:600px}.project-foot{flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.project-foot>span{font-size:9px}.project-link{font-size:11px;gap:14px}.project-visual{padding:24px 24px 20px}.stage-caption{font-size:8px}.project-upcoming .project-visual{min-height:320px}.nova-concept{height:260px}.experience-card{grid-template-columns:1fr;gap:35px}.stack-note{max-width:600px;margin-top:15px}.exp-meta{gap:5px}.exp-meta strong{font-size:29px}.context p{font-size:14px}.mission h3{font-size:24px}.two-col{grid-template-columns:1fr;gap:28px}.body-copy{font-size:16px}.skills-grid h3{font-size:23px}.education{padding-bottom:65px}.edu-row{flex-direction:column;gap:10px}.edu-row h2{font-size:28px}.contact{padding:75px 0}.contact h2{font-size:47px}.contact-inner>p:not(.section-kicker){font-size:15px}.footer-inner{flex-wrap:wrap;gap:8px 24px}.brand{font-size:24px}}
@media(max-width:420px){.container{width:calc(100% - 36px)}.hero h1{font-size:54px}.eyebrow{font-size:8px;letter-spacing:.13em}.hero{padding-top:43px;gap:30px}.hero-art-top{margin-left:22px}.hero-window{margin-right:13px}.art-backdrop{left:22px;border-top-right-radius:65px}.floating-note{margin-left:35px;margin-right:0;padding:12px}.floating-note div>span{font-size:9px}.expertise-strip p{font-size:17px}.expertise-strip i{padding:0 6px}.quick-facts{row-gap:7px}.quick-facts span:last-child{padding-left:0;border:0;flex-basis:100%}.section h2{font-size:37px}.project h3{font-size:29px}.project-visual{padding:18px}.stage-header{font-size:7px;margin-bottom:16px}.stage-caption{font-size:6px;margin-top:19px}.project-foot{align-items:flex-start;flex-direction:column;gap:12px}.screen-frame img{aspect-ratio:1.4}.project-top{gap:15px}.skills-grid{grid-template-columns:1fr}.skills-grid>div{padding:25px}.skills-grid h3{margin-top:18px}.contact h2{font-size:40px}.btn{font-size:12px;gap:18px;padding:11px 17px}.hero-window img{aspect-ratio:1.5}.n1{left:0}.n2{right:0}.nova-node{font-size:9px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand-unfold{max-width:0;opacity:0}.hero-window{transform:none}.will-reveal{opacity:1;transform:none}.screen-frame{transform:none!important}.btn:hover{transform:none}}
.hero-window img,.screen-frame img{height:auto}.hero h1{font-size:clamp(54px,5.1vw,76px)}
.hero-showcase .showcase-slide{transition-duration:1.5s}
.hero-showcase[data-hero-project=overview] .showcase-heading{padding-bottom:4px;border-bottom:0}.hero-showcase[data-hero-project=overview] .showcase-heading p{min-height:1.3em}.hero-showcase[data-hero-project=overview] .showcase-viewport{background:var(--surface)}.showcase-slide[data-hero-slide=overview]{transform:translateY(-9px) scale(1.04)}
.showcase-heading{position:relative}.showcase-heading:before{content:'';position:absolute;left:0;top:26px;height:26px;width:3px;background:var(--clay)}.hero-showcase .showcase-heading p{min-height:2.6em;max-width:460px;color:var(--ink);text-wrap:balance;transform-origin:left center}.hero-showcase[data-hero-project=auchan] .showcase-heading:before{background:var(--clay)}.hero-showcase[data-hero-project=bi] .showcase-heading:before{background:var(--olive)}.hero-showcase[data-hero-project=mel] .showcase-heading:before{background:var(--plum)}.showcase-controls{flex-wrap:wrap}.showcase-selectors{flex:1}.showcase-selectors button{white-space:nowrap}
.showcase-viewport{position:relative;aspect-ratio:1180/760;background:#fffcf7;overflow:hidden;isolation:isolate}.showcase-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .85s ease;pointer-events:none}.showcase-slide.is-active{opacity:1}.showcase-viewport:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 80%,var(--surface) 100%)}.showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 16px}.showcase-selectors{display:flex;gap:4px;flex-wrap:wrap}.showcase-selectors button,.showcase-pause{border:1px solid transparent;background:transparent;color:var(--muted);font:11px var(--sans);min-height:44px;padding:0 13px;border-radius:4px;cursor:pointer}.showcase-selectors button[aria-pressed=true]{background:var(--soft);color:var(--plum);border-color:var(--line)}.showcase-selectors button:hover,.showcase-pause:hover{color:var(--ink);background:var(--soft)}.showcase-pause{width:44px;flex-shrink:0;border-color:var(--line);font-size:15px}.showcase-selectors button:focus-visible,.showcase-pause:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.motion-paused .showcase-slide{transition:none}
@media(max-width:1050px){.showcase-controls{padding:0 18px 14px}.showcase-selectors button{padding:0 10px;font-size:10px}}
@media(max-width:420px){.showcase-controls{padding:0 16px 14px;gap:5px}.showcase-selectors{gap:2px}.showcase-selectors button{padding:0 8px}}
.hero-art{padding:0;max-width:610px}.hero-availability{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;color:var(--muted)}.availability-dot{width:9px;height:9px;border-radius:50%;background:#31c45b;box-shadow:0 0 0 4px #31c45b14;flex-shrink:0}.hero-showcase{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 16px 42px #3029340b}.showcase-heading{padding:24px 25px 21px;border-bottom:1px solid var(--line)}.showcase-heading>span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.showcase-heading p{font:23px/1.3 var(--serif);margin-top:7px;letter-spacing:-.025em}.hero-showcase>img{width:100%;height:auto;display:block;object-fit:contain;background:#fffcf7;border-bottom:1px solid var(--line)}.hero-showcase figcaption{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hero-showcase figcaption div>span{font-size:10px;color:var(--ink);display:block}.hero-showcase figcaption small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.hero-showcase figcaption a{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:10px;text-decoration:none;color:var(--plum)}.hero-showcase figcaption a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.hero-availability{font-size:11px}.showcase-heading{padding:20px}.showcase-heading p{font-size:22px}.hero-showcase figcaption{padding:13px 18px;gap:12px}.hero-showcase figcaption a{font-size:9px}}
@media(max-width:780px){.hero-art{padding:0}.hero-availability{margin-bottom:17px;font-size:12px}.hero-showcase figcaption a{font-size:10px}}
@media(max-width:420px){.hero-showcase figcaption{padding:12px 16px;flex-wrap:wrap}.showcase-heading{padding:18px}.hero-showcase figcaption div>span{font-size:10px}}
.hero{align-items:start;min-height:0;padding-top:56px;padding-bottom:64px}.hero-copy{padding-top:54px}
@media(max-width:1200px) and (min-width:781px){.hero{padding-top:48px;padding-bottom:56px}.hero-copy{padding-top:48px}}
@media(max-width:780px){.hero{padding-top:48px;padding-bottom:50px}.hero-copy{padding-top:0}}
@media(max-width:420px){.hero{padding-top:38px}}
@media(max-width:1050px) and (min-width:781px){.hero h1{font-size:60px}}
@media(max-width:780px){.hero h1{font-size:clamp(54px,9.2vw,76px)}}
@media(max-width:420px){.hero h1{font-size:54px}}
@media print{.nav-wrap,.hero-art,.controls,.actions,.project-upcoming,.reading-progress{display:none}.container{width:100%}.section{padding:35px 0}.hero{min-height:0;padding:20px 0}.project{break-inside:avoid}.will-reveal{opacity:1;transform:none}.experience-section,.contact{background:white!important;color:#302934}.experience-section *,.contact *{color:#302934!important}footer{background:white;color:#302934}.screen-frame{box-shadow:none}}