/* Hallmark · macrostructure: reference-led Marquee Hero · theme: studied-DNA
 * pre-emit critique (self-assessment): P4 H4 E4 S4 R4 V4
 * Revision 9: framed workspace, deliberate hierarchy, quieter component surfaces. */
:root{--editor-rule:color-mix(in srgb,var(--text) 14%,transparent);--editor-wash:color-mix(in srgb,var(--text) 3%,var(--bg));--editor-ink:var(--text);--editor-radius:16px;--editor-on-ink:var(--bg)}
html,body{overflow-x:clip}h1,h2,h3{min-width:0;text-wrap:balance}p{text-wrap:pretty}header{gap:20px;box-shadow:0 4px 20px var(--shadow)}.controls button{min-height:44px;min-width:44px}nav a{min-height:44px;display:flex;align-items:center}button:disabled{opacity:.55;cursor:not-allowed}.button:active,button:active{translate:0 1px}.avatar{background:var(--text);color:var(--bg)}.primary{background:var(--text);color:var(--bg);box-shadow:none}.primary:hover{background:var(--accent);color:var(--visual-1);transform:none;box-shadow:none}.button:not(.primary){background:var(--surface);border-color:var(--editor-rule)}
.hero{position:relative;min-height:800px;isolation:isolate}.hero .workspace{inset:112px 32px 48px 53%;border-radius:24px;background-image:url('assets/workspace.webp');background-position:62% center;opacity:1!important;filter:none}.hero-shade{display:none}.hero-inner{position:relative;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding-top:176px;padding-bottom:80px;gap:72px;min-height:800px}.hero-copy{align-self:center;opacity:1!important;transform:none!important}.details>div+div{border-left:0}.hero-copy .eyebrow{font-size:11px;letter-spacing:.1em;max-width:380px}.hero-copy h1{font-size:clamp(72px,7vw,100px);letter-spacing:-.055em;line-height:1.04;margin-top:24px}.hero-copy .intro{font-size:16px;line-height:1.8;max-width:460px;margin-top:24px}.hero-copy .actions{margin-top:28px;gap:12px}.details{margin-top:36px;padding-top:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}.details>div{display:grid;grid-template-columns:64px minmax(0,1fr);padding:0;gap:16px}.details dt{font-size:10px;color:var(--soft)}.details dd{font-size:12px;margin:0}.hero-profile{align-self:end;justify-self:end;transform:none;max-width:330px;width:100%;padding:24px;border-radius:var(--editor-radius);backdrop-filter:none;background:var(--surface);box-shadow:0 8px 24px var(--shadow);margin-bottom:0}.hero-profile:before{margin-bottom:16px;width:24px;height:2px}.hero-profile h3{font-size:23px;line-height:1.25}.hero-profile p:last-child{font-size:13px;line-height:1.7}.hero-profile .eyebrow{margin-bottom:16px;font-size:10px}
.design-code{margin-top:0;min-height:620px;border-bottom:1px solid var(--editor-rule);border-top:0}.design-code .role-switch{top:28px}.atelier-object img{width:480px}.design-code h2{font-weight:650;letter-spacing:-.055em}.design-code article p{font-size:15px}.section{padding-block:96px}.about{border-bottom:1px solid var(--editor-rule)}.about>div:last-child{column-gap:88px}.about h2{font-size:clamp(34px,4vw,52px);line-height:1.12}.about p{line-height:1.9}.about .muted{font-size:13px}.work-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;counter-reset:explore}.work-grid article{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:64px;position:relative;padding:32px 0 32px 52px;counter-increment:explore;border-top:1px solid var(--editor-rule)}.work-grid article:before{content:'0' counter(explore);position:absolute;left:0;top:36px;font-size:11px;color:var(--soft);font-variant-numeric:tabular-nums}.work-grid article:after{display:none}.work-grid article h3{font-size:24px;letter-spacing:-.035em;margin:0}.work-grid article p{font-size:15px;max-width:50ch;line-height:1.85}.work-note{margin-top:24px}.feature-strip{background:transparent;border-radius:0}.feature-strip article{padding:32px 24px 32px 0}.feature-strip article+article{padding-left:24px}.feature-strip h3{font-size:21px;letter-spacing:-.025em}.skill-card{border-radius:var(--editor-radius);min-height:320px;background:var(--editor-wash)}.skills-track{padding-left:0;scroll-padding-left:0}.skill-card:first-child{background:var(--surface)}.skill-card:hover{transform:none;box-shadow:none}.skill-explore:hover{color:var(--accent)}.tags span{background:var(--surface);font-size:12px}.empty{display:flex;align-items:center;gap:20px;min-height:140px;font-size:15px}.empty:before{content:'—';font-size:48px;font-weight:300;color:var(--soft)}.journey{border-top:1px solid var(--editor-rule)}.journey li{padding-bottom:32px}.contact{border-top:1px solid var(--editor-rule);text-align:left}.contact h2{font-size:clamp(36px,5vw,68px);max-width:900px;letter-spacing:-.055em}.contact .actions{justify-content:flex-start}footer>a:first-child{font-size:28px;font-weight:700;letter-spacing:-.06em}footer{align-items:center;min-height:112px}footer a{white-space:nowrap}
@media(min-width:1600px){.hero .workspace{right:max(32px,calc((100vw - 1440px)/2))}}
@media(min-width:801px) and (max-width:1100px){.hero-inner{gap:40px}.hero-copy h1{font-size:80px}.hero-profile{max-width:290px}.hero .workspace{left:55%;right:24px}.hero-copy .intro{max-width:420px}}
@media(max-width:800px){header{gap:12px}.hero{min-height:0}.hero-inner{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);padding-top:136px;padding-bottom:32px;gap:40px}.hero .workspace{inset:480px 16px 16px 35%;border-radius:20px}.hero-copy{max-width:560px}.hero-copy h1{font-size:82px}.hero-profile{justify-self:end;max-width:340px;margin-top:20px;margin-right:16px}.hero-copy .intro{max-width:500px}.details{max-width:490px}.design-code{min-height:600px}.about>div:last-child{display:block}.section{padding-block:72px}.work-grid article{gap:24px;padding-left:40px}.work-grid article h3{font-size:21px}.contact h2{font-size:48px}}
@media(max-width:560px){header{gap:8px}.hero-inner{padding-top:132px;gap:32px}.hero-copy h1{font-size:clamp(64px,19vw,86px);margin-top:20px}.hero-copy .eyebrow{font-size:10px;max-width:270px;line-height:1.7}.hero-copy .intro{font-size:15px;line-height:1.85;margin-top:20px}.hero-copy .actions{margin-top:24px}.hero-copy .button{padding-inline:18px}.details{margin-top:28px;padding-top:20px;gap:12px}.details dd{font-size:11px}.hero .workspace{inset:auto 16px 16px 16px;height:280px;background-position:center 56%;opacity:1!important}.hero-profile{margin:64px 12px 16px 0;max-width:260px;padding:20px}.hero-profile h3{font-size:21px}.hero-profile p:last-child{font-size:12px}.hero-profile:before{margin-bottom:12px}.design-code{min-height:680px;padding-top:120px;padding-bottom:48px;gap:240px}.design-code article p{font-size:13px}.atelier-object{inset:160px -16px 130px}.atelier-object img{width:340px}.design-code h2{font-size:40px}.section{padding-block:56px}.work-grid article{display:block;padding:28px 0 28px 36px}.work-grid article:before{top:32px}.work-grid article h3{font-size:22px;margin-bottom:12px}.work-grid article p{font-size:14px}.section-head{gap:20px}.section-head h2{font-size:36px}.feature-strip article,.feature-strip article+article{padding:24px 0}.feature-strip h3{font-size:20px}.skill-card{min-height:320px}.journey h2{font-size:36px}.contact h2{font-size:clamp(30px,8vw,42px)}footer{padding-block:28px;gap:20px}footer span{font-size:11px}.contact .button{font-size:11px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.button:active,button:active{translate:none}}