.portal-page{--portal-bg:var(--color-bg);--portal-surface:var(--color-surface);--portal-border:var(--site-shell-border-soft);--portal-border-strong:var(--site-shell-border-strong);--portal-text:var(--color-text);--portal-text-muted:var(--color-text-muted);--portal-text-subtle:var(--color-text-subtle);background:radial-gradient(circle at 16% 16%,rgba(217,145,87,.1),transparent 30%),radial-gradient(circle at 84% 75%,rgba(77,115,255,.13),transparent 34%),var(--portal-bg);color:var(--portal-text);display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;overflow:hidden;position:relative}.portal-page,.portal-page *{box-sizing:border-box}.portal-page a{color:inherit;text-decoration:none}.portal-atmosphere,.portal-atmosphere-grid,.portal-atmosphere-orb{pointer-events:none;position:absolute}.portal-atmosphere{inset:0;overflow:hidden}.portal-atmosphere-grid{background-image:linear-gradient(var(--portal-border) 1px,transparent 1px),linear-gradient(90deg,var(--portal-border) 1px,transparent 1px);background-size:72px 72px;inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 88%);opacity:.16}.portal-atmosphere-orb{border-radius:var(--radius-pill);filter:blur(110px);height:32rem;opacity:.22;width:32rem}.portal-atmosphere-orb--life{background:#ec9f5bb8;left:-11rem;top:-18rem}.portal-atmosphere-orb--work{background:#4c67ffc2;bottom:-20rem;right:-14rem}.portal-content,.portal-footer,.portal-header{margin-inline:auto;position:relative;width:min(calc(100% - 3rem),var(--space-container));z-index:1}.portal-header{align-items:center;border-bottom:1px solid var(--portal-border);display:flex;gap:var(--spacing-lg);justify-content:space-between;min-height:7.5rem}.portal-brand{align-items:center;background:color-mix(in srgb,var(--color-text) 90%,rgba(217,145,87,.28));border-radius:var(--radius-md);display:inline-flex;padding:.4rem .7rem .35rem}.portal-brand .site-brand-logo--full{height:3.35rem;max-width:7.25rem;width:auto}.portal-header-note{color:var(--portal-text-muted);font-size:.8125rem;font-weight:500;letter-spacing:.16em;margin:0}.portal-content{align-items:center;display:grid;gap:clamp(3rem,7vw,8.5rem);grid-template-columns:minmax(17rem,.72fr) minmax(34rem,1.28fr);padding-block:clamp(3.5rem,7vh,6.5rem)}.portal-intro{max-width:36rem}.portal-eyebrow{color:var(--color-primary-hover);font-size:.82rem;font-weight:700;letter-spacing:.16em;margin:0 0 var(--spacing-lg)}.portal-intro h1{font-size:clamp(2.5rem,4.6vw,5.5rem);font-weight:760;letter-spacing:-.055em;line-height:1.08;margin:0;text-wrap:pretty}.portal-intro>p:last-child{color:var(--portal-text-muted);font-size:1rem;line-height:1.8;margin:var(--spacing-xl) 0 0;max-width:31rem}.portal-choices{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.portal-choice{background:color-mix(in srgb,var(--portal-surface) 72%,transparent);border:1px solid var(--portal-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;min-height:clamp(25rem,56vh,36rem);overflow:hidden;padding:clamp(1.5rem,2.4vw,2.5rem);position:relative;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.portal-choice:before{content:"";inset:0;opacity:.24;position:absolute;transition:opacity .28s ease;z-index:-1}.portal-choice--life:before{background:linear-gradient(145deg,rgba(234,154,82,.34),transparent 62%)}.portal-choice--work:before{background:linear-gradient(145deg,rgba(70,98,255,.38),transparent 62%)}.portal-choice-glow{border-radius:var(--radius-pill);bottom:-7rem;filter:blur(75px);height:18rem;opacity:.18;position:absolute;right:-6rem;transition:opacity .28s ease,transform .28s ease;width:18rem;z-index:-1}.portal-choice--life .portal-choice-glow{background:#f5a45e}.portal-choice--work .portal-choice-glow{background:#5d73ff}.portal-choice:focus-visible,.portal-choice:hover{border-color:var(--portal-border-strong);box-shadow:var(--shadow-glow),var(--shadow-card);outline:none;transform:translateY(-.5rem)}.portal-choice:focus-visible .portal-choice-glow,.portal-choice:focus-visible:before,.portal-choice:hover .portal-choice-glow,.portal-choice:hover:before{opacity:.42}.portal-choice:focus-visible .portal-choice-glow,.portal-choice:hover .portal-choice-glow{transform:scale(1.18)}.portal-choice-action,.portal-choice-topline{align-items:center;color:var(--portal-text-subtle);display:flex;font-size:.72rem;gap:var(--spacing-md);justify-content:space-between;letter-spacing:.14em}.portal-choice-icon{background:color-mix(in srgb,var(--portal-surface) 76%,transparent);border:1px solid var(--portal-border);border-radius:var(--radius-pill);color:var(--portal-text-muted);display:grid;height:5.75rem;margin-bottom:var(--spacing-xl);margin-top:auto;place-items:center;width:5.75rem}.portal-choice-icon svg{fill:none;height:2.8rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:2.8rem}.portal-choice-copy{display:grid;gap:var(--spacing-sm);margin-bottom:clamp(2.5rem,5vh,4rem)}.portal-choice-copy strong{font-size:clamp(2rem,3vw,3.25rem);font-weight:720;letter-spacing:-.04em}.portal-choice-copy small{color:var(--portal-text-muted);font-size:.92rem}.portal-choice-action{border-top:1px solid var(--portal-border);color:var(--portal-text-muted);letter-spacing:0;padding-top:var(--spacing-lg)}.portal-choice-action>span{font-size:1.2rem;transition:transform .22s ease}.portal-choice:focus-visible .portal-choice-action>span,.portal-choice:hover .portal-choice-action>span{transform:translate(.2rem,-.2rem)}.portal-footer{align-items:center;border-top:1px solid var(--portal-border);color:var(--portal-text-subtle);display:flex;font-size:.78rem;gap:var(--spacing-md);min-height:5rem}.portal-footer-divider{background:var(--portal-border-strong);height:1px;width:2rem}@media(max-width:1100px){.portal-content{gap:3rem;grid-template-columns:1fr}.portal-intro{max-width:46rem}.portal-choice{min-height:27rem}}@media(max-width:680px){.portal-content,.portal-footer,.portal-header{width:min(calc(100% - 2rem),var(--space-container))}.portal-header{min-height:6rem}.portal-header-note{display:none}.portal-content{padding-block:2.75rem}.portal-intro h1{font-size:clamp(2.35rem,11vw,3.6rem)}.portal-choices{grid-template-columns:1fr}.portal-choice{min-height:23rem}.portal-footer{justify-content:center}}@media(prefers-reduced-motion:reduce){.portal-choice,.portal-choice-action>span,.portal-choice-glow{transition:none}}