:root{--paper:#f4f3ec;--ink:#182d36;--green:#245446;--muted:#52635e;--line:#d4d9cc;--panel:#e9eee3;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}

a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}

:focus-visible{outline:3px solid #326bba;outline-offset:5px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:12px;left:16px;z-index:20;transform:translateY(-160%);padding:12px 18px;background:var(--ink);color:#fff;border-radius:4px}
.skip-link:focus{transform:none}
.gateway{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr}
.introduction{position:relative;display:flex;flex-direction:column;padding:46px clamp(32px,5vw,84px) 36px;overflow:hidden;min-height:760px}
.brand-row,.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--serif);font-size:29px;letter-spacing:-1.25px;white-space:nowrap;font-weight:700}
.brand>span:last-child{margin-left:-10px;font-weight:400}
.brand-mark{width:24px;height:27px;display:flex;align-items:flex-end;gap:4px;margin-right:2px}
.brand-mark i{width:4px;display:block;background:var(--green);transform:skewY(-24deg)}
.brand-mark i:nth-child(1){height:17px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:21px}
.edition{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:7px 11px;border-radius:3px;white-space:nowrap}
.intro-copy{position:relative;z-index:1;margin-top:clamp(70px,10vh,120px)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;margin:0 0 26px;color:var(--green)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,5.8vw,88px);letter-spacing:-.055em;line-height:1.06;margin:0}
h1 em{font-weight:400;color:var(--green)}
.intro-description{font-size:16px;line-height:1.75;max-width:350px;color:var(--muted);margin:28px 0 0}
.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex:1;min-height:150px;margin-top:35px}
.phase-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0;padding-left:18px;position:relative;z-index:1}
.phase-note>span{width:5px;height:5px;background:var(--green);border-radius:50%;position:absolute;left:0;top:8px}
.page-study{position:relative;width:170px;height:130px;flex-shrink:0;opacity:.65}
.page-outline{position:absolute;border:1px solid #7c9687;width:105px;height:126px;background:var(--paper)}
.outline-back{left:42px;top:0;transform:rotate(12deg)}
.outline-front{left:22px;top:4px;transform:rotate(-7deg);padding:21px 17px}
.page-outline span{height:1px;background:#9aafa0;display:block;margin-bottom:10px}.page-outline span:nth-child(2){width:75%}.page-outline span:nth-child(3){width:87%}
.page-outline b{display:block;width:30px;height:30px;border:1px solid #9aafa0;border-radius:50%;margin-top:17px;font-weight:400}
.study-circle{position:absolute;bottom:-11px;right:0;width:67px;height:67px;border:1px solid #9aafa0;border-radius:50%;z-index:-1}
.access-panel{display:flex;flex-direction:column;position:relative;background:var(--panel);padding:49px clamp(32px,5vw,80px) 30px;border-left:1px solid #dbe1d4;min-width:0}
.access-top{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px}
.access-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}
.access-content{width:100%;max-width:355px;align-self:center;margin:auto;padding:58px 0}
.section-mark{font-family:var(--serif);font-style:italic;font-size:37px;border-bottom:1px solid #b9c6b7;width:48px;padding-bottom:9px;margin-bottom:29px;color:var(--green)}
h2{font-family:var(--serif);font-size:38px;font-weight:400;letter-spacing:-.04em;margin:0 0 12px}
.access-description{font-size:14px;line-height:1.65;margin:0 0 32px;color:var(--muted);max-width:290px}
.primary-button{text-decoration:none;width:100%;min-height:54px;border:1px solid var(--green);border-radius:3px;background:var(--green);color:white;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;margin-top:28px;transition:background .15s}
.primary-button:hover{background:#193d33}.primary-button:active{background:#122e26}
.button-arrow{font-size:22px;line-height:1;font-weight:400}
.access-note{font-size:12px;line-height:1.75;color:var(--muted);margin:16px 0 0;padding-top:20px;border-top:1px solid #c6d1c0}
.panel-footer,.welcome-footer{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;line-height:1.6}
.welcome-shell{max-width:1440px;padding:44px clamp(24px,6vw,100px) 28px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column}
.return-link{text-decoration:none;min-height:44px;background:transparent;color:var(--green);border:1px solid #a6b6a8;border-radius:3px;padding:10px 16px;font-size:13px;display:flex;gap:22px;align-items:center}.return-link:hover{background:var(--panel)}
.welcome-main{position:relative;flex:1;padding:clamp(72px,12vh,130px) 0 80px}
.welcome-main .eyebrow{display:flex;align-items:center;gap:10px}
.welcome-main h1{font-size:clamp(64px,7vw,100px)}
.welcome-lead{font-size:21px;line-height:1.5;margin:32px 0 12px}
.welcome-description{max-width:440px;font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.welcome-status{display:flex;gap:20px;align-items:center;margin-top:42px}.status-line{width:36px;height:1px;background:var(--green)}.welcome-status strong{font-size:13px;font-weight:600}.welcome-status p{font-size:12px;color:var(--muted);margin:6px 0 0}
.welcome-art{position:absolute;right:7%;top:27%;width:240px;height:280px;opacity:.7;transform:scale(1.65);transform-origin:center}
.welcome-art .outline-back{left:83px;top:15px}.welcome-art .outline-front{left:45px;top:40px}.welcome-art .study-circle{right:24px;bottom:55px;width:120px;height:120px}
.welcome-footer{padding-top:20px;border-top:1px solid var(--line)}
@media(min-width:1600px){.gateway{max-width:1600px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1000px){.introduction{padding-left:35px;padding-right:35px}.access-panel{padding-left:35px;padding-right:35px}.edition{display:none}.page-study{width:140px}.welcome-art{right:0;transform:scale(1.2)}}
@media(max-width:760px){.gateway{grid-template-columns:1fr}.introduction{min-height:auto;padding:28px 25px 32px}.brand{font-size:27px}.edition{display:block}.intro-copy{margin-top:50px}.intro-copy .eyebrow{margin-bottom:20px;font-size:11px}h1{font-size:clamp(48px,9.5vw,68px);line-height:1.06}.intro-description{font-size:14px;line-height:1.7;margin-top:23px;max-width:340px}.intro-bottom{min-height:52px;margin-top:28px}.page-study{display:none}.phase-note{font-size:11px}.access-panel{padding:25px 25px 24px;border-left:0;border-top:1px solid #dbe1d4;scroll-margin-top:12px}.access-top{font-size:11px}.access-content{max-width:440px;margin:0 auto;padding:35px 0 32px}.section-mark{display:none}h2{font-size:34px}.access-description{margin-bottom:27px}.panel-footer{font-size:10px}.welcome-shell{padding:28px 25px 22px}.welcome-header{gap:12px}.welcome-header .brand{font-size:25px}.return-link{padding:9px 12px;gap:12px;font-size:12px}.welcome-main{padding:75px 0 50px}.welcome-main h1{font-size:clamp(52px,10vw,76px)}.welcome-lead{font-size:18px;max-width:320px}.welcome-description{font-size:14px;max-width:390px}.welcome-art{position:relative;right:auto;top:auto;width:180px;height:175px;transform:none;margin:45px 0 0 auto}.welcome-art .outline-back{left:60px;top:0}.welcome-art .outline-front{left:32px;top:15px}.welcome-art .study-circle{right:0;bottom:8px;width:90px;height:90px}.welcome-footer{font-size:10px}}
@media(max-width:360px){.introduction,.access-panel{padding-left:20px;padding-right:20px}.edition{font-size:10px;padding:6px 8px}.brand{font-size:25px}.welcome-header .brand-mark{display:none}.return-link{gap:7px}.welcome-footer,.panel-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.browser-note{font-size:13px;line-height:1.75;color:var(--muted);margin:20px 0 0}.access-description{max-width:320px}.access-note{margin-top:30px}