/* Home-only exploration: floating navigation and a viewport-sized hero card. */
body.hero-card-preview{--frame-gap:24px;--frame-top:108px;--nav-state-bg:#B83D04;--nav-state-text:#EDEDE8}
.hero-card-preview .header,.hero-card-preview .header.scrolled{top:12px;left:24px;right:24px;height:76px;padding:0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-card-preview .header-inner{height:76px;max-width:1280px;padding:10px 20px;gap:20px;border:1px solid transparent;border-radius:999px;background:var(--bg);box-shadow:none;transition:max-width .35s ease,height .35s ease,padding .35s ease,background-color .35s ease,border-color .35s ease;box-sizing:border-box}
.hero-card-preview .header.scrolled .header-inner{height:64px;max-width:1120px;padding:8px 18px;gap:16px;border-color:color-mix(in srgb,var(--line-strong) 65%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-card-preview .header .logo img{width:44px;height:44px}
.hero-card-preview .header.scrolled .logo img{width:36px;height:36px}
.hero-card-preview .header .logo span{font-size:13px}
.hero-card-preview .header.scrolled .logo span{font-size:12px}
.hero-card-preview .header .nav{gap:2px}
.hero-card-preview .header .nav a{padding:10px 12px;border-radius:999px;transform:none}
.hero-card-preview .header .nav a::after{display:none}
.hero-card-preview .header .nav a:hover,.hero-card-preview .header .nav a.is-active{background:var(--nav-state-bg);color:var(--nav-state-text)}
.hero-card-preview .header .header-right{gap:10px}
.hero-card-preview .header .header-contact{min-height:44px;padding:10px 16px;font-size:13px;max-width:none;white-space:nowrap;border-radius:999px}
.hero-card-preview .hero--system{margin:var(--frame-top) var(--frame-gap) var(--frame-gap);width:calc(100% - var(--frame-gap)*2);height:calc(100svh - var(--frame-top) - var(--frame-gap));min-height:calc(100svh - var(--frame-top) - var(--frame-gap));padding:40px 0!important;border:1px solid color-mix(in srgb,var(--line-strong) 45%,transparent);border-radius:32px;isolation:isolate!important}
.hero-card-preview .hero--system .hero-inner{padding-top:0;padding-bottom:0}
.hero-card-preview .hero--system .hero-inner h1{font-size:clamp(32px,min(4.2vw,6.5svh),64px);margin:24px 0}
.hero-card-preview .hero--system .hero-bio{font-size:clamp(14px,min(1.3vw,2svh),18px);line-height:1.5;margin-bottom:28px}
.hero-card-preview .hero-system-art{top:12px;width:min(55vw,calc(100svh - 190px),740px)}
.hero-card-preview .hero-registration--tl,.hero-card-preview .hero-registration--tr{top:32px}
.hero-card-preview .hero-system-note--context{top:52px}
.hero-card-preview .hero-system-note--signature{bottom:20px}
.hero-card-preview .mobile-preferences{display:none}
@media(min-width:1051px) and (max-width:1180px){.hero-card-preview .header .logo span{display:none}.hero-card-preview .header-inner{gap:12px}.hero-card-preview .header .nav a{padding:10px}.hero-card-preview .header .header-right{gap:8px}}
@media(max-width:1050px){
body.hero-card-preview{--frame-gap:16px;--frame-top:92px}
.hero-card-preview .header,.hero-card-preview .header.scrolled{left:16px;right:16px;height:64px}
.hero-card-preview .header-inner,.hero-card-preview .header.scrolled .header-inner{height:64px;padding:8px 12px;gap:12px;max-width:1280px}
.hero-card-preview .header .logo span,.hero-card-preview .header .nav{display:none}
.hero-card-preview .header .logo img,.hero-card-preview .header.scrolled .logo img{width:40px;height:40px}
.hero-card-preview .header .header-right{margin-left:auto;gap:10px}
.hero-card-preview .header .burger{display:block;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.hero-card-preview .burger span{left:12px;width:20px}
.hero-card-preview .burger span:nth-child(1){top:14px}.hero-card-preview .burger span:nth-child(3){bottom:14px}
.hero-card-preview .burger.open span:nth-child(1){top:50%}.hero-card-preview .burger.open span:nth-child(3){bottom:50%}
.hero-card-preview .hero--system{padding:24px 0!important;border-radius:28px}
.hero-card-preview .hero--system .hero-inner h1{font-size:clamp(28px,min(8.5vw,5svh),52px);margin:20px 0}
.hero-card-preview .hero--system .hero-bio{font-size:16px;margin-bottom:24px}
.hero-card-preview .hero-system-art{top:auto;bottom:32px;width:min(72vw,520px)}
.hero-card-preview .hero-registration--tl,.hero-card-preview .hero-registration--tr{top:24px}
.hero-card-preview .mobile-menu{display:flex;position:fixed;z-index:99;flex-direction:column;align-items:stretch;overflow-y:auto;overscroll-behavior:contain;top:88px;bottom:16px;left:16px;right:16px;inset-inline:16px;padding:24px;gap:12px;border:1px solid var(--line-strong);border-radius:28px;background:var(--bg);transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;box-sizing:border-box}
.hero-card-preview .mobile-menu.open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.hero-card-preview .mobile-menu>a{font-size:clamp(22px,4svh,30px);padding:12px 16px;border-radius:999px}
.hero-card-preview .mobile-menu>a:hover,.hero-card-preview .mobile-menu>a.is-active{background:var(--nav-state-bg);color:var(--nav-state-text)}
.hero-card-preview .mobile-preferences{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding:20px 16px 8px;border-top:1px solid var(--line)}
.hero-card-preview .mobile-preferences>span{width:100%;font-size:13px;color:var(--ink-muted)}
.hero-card-preview .mobile-preferences .lang-btn{min-width:44px;min-height:44px}
.hero-card-preview .mobile-preferences .theme-toggle{width:48px;height:48px}
}
@media(max-width:640px){
body.hero-card-preview{--frame-gap:12px;--frame-top:88px}
.hero-card-preview .header,.hero-card-preview .header.scrolled{left:12px;right:12px;top:12px}
.hero-card-preview .hero--system{border-radius:24px}
.hero-card-preview .hero--system .hero-inner{padding-left:20px;padding-right:20px}
.hero-card-preview .hero--system .hero-bio{font-size:14px;line-height:1.45}
.hero-card-preview .hero--system .hero-actions .btn{min-height:46px;padding:0 10px;font-size:12px}
.hero-card-preview .hero--system .hero-actions .cta-group{gap:8px}
.hero-card-preview .mobile-menu{left:12px;right:12px;bottom:12px;border-radius:24px}
}
@media(max-height:720px){.hero-card-preview .hero--system .hero-inner h1{margin:18px 0}.hero-card-preview .hero--system .hero-bio{font-size:14px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero-card-preview .header-inner,.hero-card-preview .mobile-menu{transition:none!important}}
@media(max-width:640px) and (max-height:640px){
.hero-card-preview .hero--system .hero-inner h1{font-size:26px;margin:16px 0}
.hero-card-preview .hero--system .hero-bio{font-size:13px;line-height:1.45;margin-bottom:16px}
.hero-card-preview .hero-registration,.hero-card-preview .hero-system-note--signature{display:none}
}

/* Navigation begins inside the card; equal vertical insets frame the hero. */
body.hero-card-preview{--frame-top:var(--frame-gap)}
.hero-card-preview .header{top:calc(var(--frame-gap) + 12px);left:calc(var(--frame-gap) + 12px);right:calc(var(--frame-gap) + 12px)}
.hero-card-preview .header-inner{background:transparent}
.hero-card-preview .header.scrolled{top:12px;left:var(--frame-gap);right:var(--frame-gap)}
.hero-card-preview .hero--system{height:auto;min-height:calc(100svh - var(--frame-gap)*2);padding:100px 0!important}
.hero-card-preview .hero-system-art{top:88px}
.hero-card-preview .hero-registration--tl,.hero-card-preview .hero-registration--tr{top:108px}
.hero-card-preview .hero-system-note--context{top:128px}
/* The contact card frames the invitation and a contrasting form surface. */
.hero-card-preview .contact--panel{margin:48px var(--frame-gap) 32px;padding:64px 0;border:0;border-radius:32px;background:var(--contact-bg)}
.hero-card-preview .contact-layout{padding-inline:40px;gap:48px}
.hero-card-preview .contact-layout>.contact-card{padding:32px;border:0;border-radius:24px;background:var(--contact-bg);box-shadow:none}
body.hero-card-preview[data-theme="light"] .contact-layout>.contact-card{--contact-bg:#EDEDE8;--contact-text:#1D2427;--contact-muted:#4A5257;--contact-line:#A5AEAF;--contact-error:#A73504;--contact-success:#176C3C}
body.hero-card-preview[data-theme="dark"] .contact-layout>.contact-card{--contact-bg:#1D2427;--contact-text:#EDEDE8;--contact-muted:#B8C1C5;--contact-line:#69767C;--contact-error:#FFB396;--contact-success:#83D8A3}
body.hero-card-preview[data-theme="light"] .contact--panel{--contact-bg:#1D2427;--contact-text:#EDEDE8;--contact-muted:#B8C1C5;--contact-line:#69767C;--contact-error:#FFB396;--contact-success:#83D8A3}
body.hero-card-preview[data-theme="dark"] .contact--panel{--contact-bg:#EDEDE8;--contact-text:#1D2427;--contact-muted:#4A5257;--contact-line:#A5AEAF;--contact-error:#A73504;--contact-success:#176C3C}
.hero-card-preview .contact-card .form-btn{background:var(--nav-state-bg);color:var(--nav-state-text)}
.hero-card-preview .contact-card .form-btn:hover{background:#973203}
@media(max-width:1050px){
.hero-card-preview .hero--system{padding:88px 0!important}
.hero-card-preview .hero-system-art{top:auto}
.hero-card-preview .hero-registration--tl,.hero-card-preview .hero-registration--tr{top:92px}
.hero-card-preview .hero-system-note--context{top:112px}
.hero-card-preview .contact-layout{gap:32px;padding-inline:32px}
}
@media(max-width:640px){
.hero-card-preview .hero--system{padding:80px 0!important}
.hero-card-preview .contact--panel{padding:36px 0;border-radius:24px;margin-top:32px;margin-bottom:24px}
.hero-card-preview .contact-layout{padding-inline:20px}
}
@media(max-width:640px) and (max-height:640px){.hero-card-preview .hero--system{padding:72px 0!important}}

/* The orange footer closes the page, sharing the contact card's side insets. */
.hero-card-preview .footer--compact{margin:0 var(--frame-gap);border-top:0;border-radius:32px 32px 0 0}
.hero-card-preview .footer--compact>.container{padding-inline:40px}
@media(max-width:1050px){.hero-card-preview .footer--compact>.container{padding-inline:32px}}
@media(max-width:640px){.hero-card-preview .footer--compact{border-radius:24px 24px 0 0}.hero-card-preview .footer--compact>.container{padding-inline:20px}}

@media(max-width:640px){.hero-card-preview .contact-layout>.contact-card{padding:24px 20px;border-radius:18px}}

/* Language selection uses the same state colors as navigation, including mobile. */
.hero-card-preview .lang-btn.active,.hero-card-preview .lang-btn:hover{background:var(--nav-state-bg);color:var(--nav-state-text)}

/* Paired editorial introductions follow the same 1+3 column baseline grid as cases. */
@media(min-width:901px){
.hero-card-preview .process-bridge-head,.hero-card-preview .work-editorial-head{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;align-items:first baseline;max-width:none;padding-top:28px}
.hero-card-preview .process-bridge-head>div{position:relative;grid-column:1}
.hero-card-preview .process-bridge-head .section-label{position:absolute;top:-28px;left:0;line-height:14px;margin:0}
.hero-card-preview .process-bridge-head .process-headline,.hero-card-preview .work-editorial-head h2{font-size:24px;font-weight:500;line-height:28px;max-width:none;margin:0}
.hero-card-preview .process-bridge-head .process-intro{grid-column:2/-1;max-width:none;line-height:28px;margin:0}
.hero-card-preview .work-editorial-head>.section-label{position:absolute;left:0;top:0;line-height:14px;margin:0}
.hero-card-preview .work-editorial-head>h2{grid-column:1;grid-row:1}
.hero-card-preview .work-editorial-head>p{grid-column:2/-1;grid-row:1;max-width:none;line-height:28px;margin:0}
}

/* Editorial eyebrows use the established orange accent in both themes. */
.hero-card-preview .process-bridge-head .section-label,.hero-card-preview .work-editorial-head>.section-label{color:var(--accent)}

/* Portfolio tier introductions use the same four-column container grid. */
@media(min-width:901px){
.hero-card-preview .work-tier-heading{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;row-gap:14px;align-items:first baseline;padding-top:0}
.hero-card-preview .work-tier-heading>.section-label{position:static;grid-column:1;grid-row:1;line-height:14px;padding:0;margin:0;color:var(--accent)}
.hero-card-preview .work-tier-heading>h3{grid-column:1;grid-row:2;font-size:24px;font-weight:500;line-height:28px;margin:0;min-width:0}
.hero-card-preview .work-tier-heading>p{grid-column:2/-1;grid-row:2;line-height:28px;max-width:none;margin:0;min-width:0}
}

.hero-card-preview #experience .section-header>.section-label{color:var(--accent)}