/* Hallmark · shape: app screen · genre: modern-minimal · theme: brand · redesign: full · nav: split masthead · signature: paired client and staff entrances · states: ready and unavailable · axes: light/grotesk-sans/warm · posture: restrained · v2.0.0 */
/* Hallmark · pre-emit critique: P5 H5 E5 S4 R5 V5 · weakest: material, the actual logo and functional entrances lead without invented imagery */
@import url('./tokens.css');
@font-face{font-family:Pretendard;src:url('/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper)}::selection{background:var(--color-ink);color:var(--color-paper)}body{margin:0;font:400 var(--text-md)/1.65 var(--font-body);font-synthesis:none;background:var(--color-paper);color:var(--color-ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}h1,h2,h3{min-width:0;overflow-wrap:break-word;text-wrap:balance;font-weight:500;letter-spacing:-.045em}p{text-wrap:pretty}a:hover{color:var(--color-accent)}a:active{opacity:.75}[hidden]{display:none!important}.entry-container{width:calc(100% - 80px);max-width:1280px;margin-inline:auto}.entry-header .entry-container{display:flex;align-items:center;justify-content:space-between;min-height:124px;border-bottom:1px solid var(--color-rule);gap:var(--space-lg)}.brand-mark{display:block;width:156px;aspect-ratio:2.6;background:var(--color-document) url('/brand/logo.png?v=20261103') 51.4% 50%/360% auto no-repeat;mix-blend-mode:multiply;flex:none}.entry-nav{display:flex;gap:var(--space-lg);align-items:center;font-size:var(--text-sm)}.entry-nav a{padding:var(--space-xs) 0;border-bottom:1px solid var(--color-clear)}.entry-nav a:hover{border-color:var(--color-accent)}.entry-main{padding-block:var(--space-2xl)}.entry-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:end;margin-bottom:var(--space-2xl)}.entry-intro h1{font-size:var(--text-display);line-height:1.2;margin:0;max-width:13ch}.entry-intro p{max-width:45ch;margin:0 0 var(--space-xs);font-size:var(--text-lg);color:var(--color-muted)}.entry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--color-ink);border-bottom:1px solid var(--color-rule)}.entry-card{display:grid;grid-template-columns:1fr auto;padding:var(--space-xl) var(--space-xl) var(--space-xl) 0;min-height:270px;position:relative;align-content:start}.entry-card+ .entry-card{border-left:1px solid var(--color-rule);padding-left:var(--space-xl);padding-right:0}.entry-card h2{font-size:var(--text-2xl);line-height:1.3;margin:0 0 var(--space-md);grid-column:1}.entry-card p{grid-column:1;max-width:45ch;color:var(--color-muted);font-size:var(--text-sm);margin:0}.card-link{grid-column:1;font-size:var(--text-sm);margin-top:var(--space-xl);font-weight:600;text-decoration:underline;text-underline-offset:6px}.card-symbol{grid-column:2;grid-row:1/4;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--color-rule);border-radius:50%;font-size:var(--text-lg)}.entry-card:hover .card-symbol{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.entry-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-lg)}.entry-note p{margin:0;max-width:45ch}.entry-note strong{display:block;color:var(--color-ink);font-weight:500;margin-bottom:var(--space-xs)}.entry-demo{font-size:var(--text-sm);margin-top:var(--space-lg)}.entry-demo a{text-decoration:underline;text-underline-offset:4px}.entry-footer{padding-block:var(--space-lg);font-size:var(--text-xs);color:var(--color-muted)}.entry-footer .entry-container{border-top:1px solid var(--color-rule);padding-top:var(--space-lg);display:flex;justify-content:space-between;gap:var(--space-lg)}.entry-shell{width:calc(100% - 40px);max-width:520px;margin:var(--space-2xl) auto;padding:var(--space-xl);border-top:2px solid var(--color-ink);background:var(--color-surface)}.entry-shell .brand-mark{margin-bottom:var(--space-xl)}.entry-shell h1{font-size:var(--text-2xl);line-height:1.35}.entry-shell p{color:var(--color-muted)}.entry-shell .eyebrow{font-size:var(--text-sm);letter-spacing:0;text-transform:none;color:var(--color-muted)}.entry-button{display:block;background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) var(--space-lg);text-align:center;border-radius:var(--radius-input);margin-top:var(--space-lg)}.entry-button:hover{background:var(--color-accent);color:var(--color-accent-ink)}.entry-back{display:block;text-align:center;margin-top:var(--space-lg);font-size:var(--text-sm)}.entry-shell small{color:var(--color-muted);display:block;margin-top:var(--space-lg)}
@media(max-width:760px){.entry-container{width:calc(100% - 40px)}.entry-header .entry-container{min-height:96px}.brand-mark{width:130px}.entry-nav{gap:var(--space-md)}.entry-intro{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.entry-intro h1{font-size:var(--text-display-s)}.entry-intro p{font-size:var(--text-md)}.entry-main{padding-block:var(--space-xl)}.entry-grid{grid-template-columns:minmax(0,1fr)}.entry-card,.entry-card+ .entry-card{padding:var(--space-lg) 0;min-height:220px;border-left:0}.entry-card+ .entry-card{border-top:1px solid var(--color-rule)}.entry-note{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.entry-footer .entry-container{display:block}.entry-footer span{display:block}.entry-shell{padding:var(--space-lg);margin-top:var(--space-xl)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}