.portal-body{background:var(--bg);color:var(--ink)}.portal-nav{position:fixed;inset:0 0 auto;z-index:60;min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 clamp(1.1rem,4vw,2.4rem);background:#0a0a0ac7;border-bottom:1px solid transparent;backdrop-filter:blur(12px);transition:background .25s,border-color .25s}.portal-nav.scrolled{background:#0a0a0af2;border-bottom-color:var(--line)}.portal-brand{text-decoration:none;display:flex}.portal-nav-links{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2rem);list-style:none}.portal-nav-links a{color:var(--ink-2);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:color .2s,border-color .2s}.portal-nav-links a:hover{color:#fff}.portal-nav-links .portal-nav-project{padding:.65rem 1rem;border:1px solid var(--line-strong);color:#fff}.portal-nav-links .portal-nav-project:hover{border-color:#fff}.portal-nav-toggle{display:none;position:relative;width:30px;height:24px;border:0;background:none;cursor:pointer}.portal-nav-toggle span{position:absolute;left:0;right:0;height:2px;background:#fff;transition:transform .25s,opacity .25s,top .25s}.portal-nav-toggle span:nth-child(1){top:2px}.portal-nav-toggle span:nth-child(2){top:11px}.portal-nav-toggle span:nth-child(3){top:20px}.portal-nav.open .portal-nav-toggle span:nth-child(1){top:11px;transform:rotate(45deg)}.portal-nav.open .portal-nav-toggle span:nth-child(2){opacity:0}.portal-nav.open .portal-nav-toggle span:nth-child(3){top:11px;transform:rotate(-45deg)}.portal-hero{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:calc(var(--nav-h) + 4rem) 1.6rem 5rem;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 32%),radial-gradient(70% 60% at 50% 16%,#242424 0%,#111 48%,var(--bg) 100%)}.portal-hero:before,.portal-hero:after{content:"";position:absolute;left:50%;width:min(900px,82vw);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.portal-hero:before{top:22%}.portal-hero:after{bottom:18%}.portal-hero-inner{position:relative;z-index:1;width:min(1000px,100%)}.portal-hero-mark{display:flex;justify-content:center;margin-bottom:2rem}.portal-kicker{color:var(--silver);font-size:.72rem;font-weight:700;letter-spacing:.3em;margin-bottom:1.4rem;text-transform:uppercase}.portal-title{color:#fff;font-family:Archivo,sans-serif;font-size:clamp(4rem,13vw,10rem);font-weight:900;letter-spacing:-.045em;line-height:.82;text-transform:uppercase}.portal-statement{max-width:760px;margin:2rem auto 0;color:var(--ink-2);font-family:Cormorant Garamond,serif;font-size:clamp(1.7rem,3.6vw,2.6rem);font-style:italic;line-height:1.2}.portal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2.7rem}.portal-section{padding:clamp(5rem,10vw,8rem) 0;scroll-margin-top:var(--nav-h)}.portal-container{width:min(1160px,100%);margin:0 auto;padding:0 clamp(1.4rem,4vw,2.4rem)}.portal-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:3rem;align-items:end;margin-bottom:3rem}.portal-section-label{color:var(--silver-dim);font-family:Cinzel,serif;font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.portal-section-title{color:#fff;font-family:Archivo,sans-serif;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:900;line-height:.92;margin-top:1rem;text-transform:uppercase}.portal-section-copy{margin:0;color:var(--muted);font-size:1.05rem}.portal-areas{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.portal-area{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 65%);color:inherit;text-decoration:none;transition:background .25s,border-color .25s}.portal-area:hover,.portal-area:focus-visible{background:linear-gradient(145deg,#ffffff14,#ffffff04 65%);border-color:var(--silver-dim);outline:none}.portal-area-index{color:var(--silver-dim);font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.18em}.portal-area h3{color:#fff;font-family:Archivo,sans-serif;font-size:1.45rem;line-height:1;text-transform:uppercase}.portal-area p{font-size:1rem;margin:.8rem 0 0;color:var(--muted)}.portal-area-status{color:var(--silver-dim);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.area-base{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:7rem 1.5rem 5rem;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%),radial-gradient(75% 60% at 50% 12%,#242424 0%,#111 48%,var(--bg) 100%)}.area-base:before,.area-base:after{content:"";position:absolute;left:50%;width:min(820px,82vw);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.area-base:before{top:20%}.area-base:after{bottom:8%}.area-base-return{position:absolute;top:1.4rem;left:clamp(1.1rem,4vw,2.4rem);z-index:2;color:var(--silver);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:color .2s}.area-base-return:hover{color:#fff}.area-base-content{position:relative;z-index:1;width:min(980px,100%)}.area-base-mark{display:flex;justify-content:center;margin-bottom:2rem}.area-base-kicker{color:var(--silver);font-size:.7rem;font-weight:700;letter-spacing:.28em;margin-bottom:1.4rem;text-transform:uppercase}.area-base h1{color:#fff;font-family:Archivo,sans-serif;font-size:clamp(3.2rem,10vw,7.5rem);font-weight:900;letter-spacing:-.035em;line-height:.88;text-transform:uppercase}.area-base-description{max-width:720px;margin:2rem auto 0;color:var(--ink-2);font-family:Cormorant Garamond,serif;font-size:clamp(1.45rem,3vw,2rem);font-style:italic;line-height:1.3}.area-base-fronts{margin:3rem auto 0;text-align:left}.area-base-fronts h2{color:var(--silver-dim);font-family:Cinzel,serif;font-size:.68rem;font-weight:600;letter-spacing:.23em;text-align:center;text-transform:uppercase}.area-base-fronts ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1.2rem;padding:1px;background:var(--line);list-style:none}.area-base-fronts li{min-height:140px;padding:1.5rem;background:#0a0a0ae0}.area-base-fronts span{color:var(--silver-dim);font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.15em}.area-base-fronts p{margin:.9rem 0 0;color:var(--ink-2);font-size:.96rem;line-height:1.55}.area-base-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}.portal-principles{background:var(--bg-2);border-block:1px solid var(--line)}.portal-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.portal-principle{padding:clamp(2rem,5vw,4rem);background:var(--bg-2)}.portal-principle span{font-family:Cinzel,serif;color:var(--silver-dim);font-size:.7rem}.portal-principle h3{margin-top:1.3rem;color:#fff;font-size:clamp(1.5rem,3vw,2.4rem);text-transform:uppercase}.portal-feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px;border:1px solid var(--line-strong)}.portal-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem);background:var(--bg-2)}.portal-feature-copy h2{color:#fff;font-size:clamp(3rem,7vw,6.5rem);font-weight:900;line-height:.84;text-transform:uppercase}.portal-feature-copy .book-subtitle{color:var(--silver);font-family:Cinzel,serif;font-size:clamp(1rem,2vw,1.45rem);line-height:1.5;margin:1.5rem 0 0}.portal-feature-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.portal-feature-art{position:relative;display:grid;place-items:center;min-height:420px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#2b2b2b,#111 55%,#080808)}.portal-feature-art:before,.portal-feature-art:after{content:"";position:absolute;width:58%;aspect-ratio:1;border:1px solid rgba(201,204,209,.25);transform:rotate(45deg)}.portal-feature-art:after{width:38%;border-color:#c9ccd11f}.portal-feature-letter{position:relative;z-index:1;color:#fff;font-family:Archivo,sans-serif;font-size:clamp(7rem,18vw,13rem);font-weight:900;line-height:.8}.portal-community{text-align:center}.portal-community-inner{max-width:780px;margin:0 auto}.portal-community h2{color:#fff;font-family:Archivo,sans-serif;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:900;line-height:.9;text-transform:uppercase}.portal-community p{max-width:620px;margin:1.5rem auto 2.3rem}.portal-footer{padding:3rem 1.5rem;border-top:1px solid var(--line);text-align:center}.portal-footer p{margin:1rem 0 0;color:var(--muted);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}@media(max-width:900px){.portal-nav-toggle{display:block}.portal-nav-links{position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:1.5rem;background:#0a0a0afa;border-bottom:1px solid var(--line);visibility:hidden;transform:translateY(-130%);transition:transform .3s,visibility .3s}.portal-nav.open .portal-nav-links{visibility:visible;transform:translateY(0)}.portal-nav-links a{display:block;padding:.9rem;text-align:center}.portal-section-head,.portal-feature{grid-template-columns:1fr}.portal-areas{grid-template-columns:repeat(2,1fr)}.portal-feature-art{order:-1;min-height:330px}}@media(max-width:600px){.portal-title{font-size:clamp(3.7rem,21vw,6rem)}.portal-statement{font-size:1.55rem}.portal-section-head>*,.portal-feature>*{min-width:0}.portal-section-title{font-size:clamp(2.1rem,11.5vw,3rem);overflow-wrap:anywhere}.portal-feature-copy h2{font-size:clamp(2.5rem,13vw,4rem)}.portal-actions .btn-solid,.portal-actions .btn-ghost,.portal-feature-actions .btn-solid,.portal-feature-actions .btn-ghost{width:100%;justify-content:center;text-align:center}.portal-section-head{gap:1.5rem}.portal-areas,.portal-principle-grid{grid-template-columns:1fr}.portal-area{min-height:210px}.area-base{padding:6rem 1.1rem 3.5rem}.area-base:before{top:11%}.area-base-mark{margin-bottom:1.5rem}.area-base h1{font-size:clamp(2.8rem,15vw,4.5rem)}.area-base-description{font-size:1.35rem;margin-top:1.5rem}.area-base-fronts{margin-top:2.3rem}.area-base-fronts ul{grid-template-columns:1fr}.area-base-fronts li{min-height:0;padding:1.2rem}.area-base-actions{align-items:stretch;flex-direction:column}.area-base-actions .btn-solid,.area-base-actions .btn-ghost{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.portal-nav,.portal-nav-links,.portal-nav-toggle span{transition:none}}
