.sg .os{--os-sage:#b8c5a9;--os-lavender:#cec2df;padding-bottom:80px}.sg .os-designbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.sg .os-designbar>div>span{letter-spacing:.13em;color:var(--lime);font-size:10px}.sg .os-designbar p{margin-top:4px;font-size:12px}.sg .os-switch{border:1px solid var(--line);background:#242d26;border-radius:10px;flex-shrink:0;padding:5px;display:flex}.sg .os-switch button{color:#bbc7bd;background:0 0;border-radius:6px;min-height:44px;padding:12px 17px;font-size:12px}.sg .os-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 3px 12px #0004}.sg .os-hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:36px;padding-block:64px 72px;display:grid}.sg .os-hero h1{letter-spacing:-.075em;margin-block:26px;font-size:clamp(80px,9.2vw,138px);line-height:.88;position:relative}.sg .os-hero h1 em{color:var(--os-sage);font-style:normal}.sg .os-hero h1>span{vertical-align:top;color:var(--lime);margin-left:18px;font-size:56px;font-weight:400;display:inline-block}.sg .os-hero .os-subtitle{color:#c1c9c2;max-width:380px;margin-bottom:26px;font-size:17px;line-height:1.6}.sg .os-save{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.sg .os-save i{background:var(--os-sage);width:6px;height:6px;box-shadow:0 0 10px #c9f56866}.sg .os-hero-art{background:#27342b;border:1px solid #ced7b83d;border-radius:10px;min-width:0;margin:0;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:0 22px 80px #0005}.sg .os-hero-art>img{aspect-ratio:1.22;object-fit:cover;object-position:52% 50%;width:100%;height:auto;animation:.7s both os-arrive}.sg .os-hero-art figcaption{background:#202922;border-top:1px solid #ffffff26;align-items:center;gap:20px;padding:16px 20px;display:flex}.sg .os-hero-art figcaption span{color:#c2cdb9;font:11px/1.3 ui-monospace,monospace}.sg .os-hero-art figcaption span:last-child{margin-left:auto}.sg .os-hero-art figcaption strong{font-size:13px;font-weight:550}.sg .os-screen-shine{pointer-events:none;opacity:.2;background:linear-gradient(115deg,#0000 25%,#fff2 45%,#0000 65%);animation:9s ease-in-out infinite alternate os-glow;position:absolute;inset:0 0 50px}.sg .os[data-direction=b] .os-hero-art{border-radius:32px;transform:rotate(-1deg)}.sg .os[data-direction=b] .os-screen-shine{opacity:.16;background:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 4px)}.sg .os-xp{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#19231ef5;border-block:1px solid #ffffff25;position:sticky;top:0}.sg .os-xp>div{align-items:center;gap:32px;min-height:62px;display:flex}.sg .os-xp>div>span{color:var(--lime);white-space:nowrap;font:11px ui-monospace,monospace}.sg .os-xp b{margin-left:8px;font-size:17px;font-weight:400}.sg .os-xp small{letter-spacing:.1em;color:#b7c3b9;white-space:nowrap;font-size:9px}.sg .os-xp-track{background:#435148;flex:1;height:3px;margin-right:8px;position:relative}.sg .os-xp-track>i{background:var(--lime);height:3px;display:block}.sg .os-xp-track>span{text-align:center;color:#d5dfce;background:#202b23;border:1px solid #7a8b75;width:21px;height:21px;font:10px/19px ui-monospace,monospace;position:absolute;top:50%;translate:-50% -50%}.sg .os-intro{align-items:flex-start;gap:34px;max-width:1050px;padding-block:90px 50px;display:flex}.sg .os-intro>span{color:var(--os-lavender);font-size:60px;line-height:1}.sg .os-intro h2{letter-spacing:-.04em;max-width:650px;font-size:clamp(30px,3vw,42px)}.sg .os-intro p{max-width:670px;margin-top:20px;font-size:16px}.sg .os-map{grid-template-columns:repeat(5,1fr);margin-block:0 80px;display:grid}.sg .os-map>div{border-top:1px solid #728775;flex-direction:column;gap:10px;padding:22px 18px 22px 0;display:flex;position:relative}.sg .os-map>div:before{content:"";background:#90a18a;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.sg .os-map span{color:#bdc5ba;letter-spacing:.12em;font:10px ui-monospace,monospace}.sg .os-map strong{font-size:19px;font-weight:500}.sg .os-map small{color:#a8b3aa;max-width:160px;font-size:11px}.sg .os-map .is-current{border-color:var(--lime)}.sg .os-map .is-current:before{background:var(--lime);box-shadow:0 0 14px #c9f56870}.sg .os-map .is-current strong{color:var(--lime)}.sg .os-chapter{scroll-margin-top:95px}.sg .os-chapter-rail{align-items:center;gap:20px;margin-bottom:24px;display:flex}.sg .os-chapter-rail>span{letter-spacing:-.07em;color:var(--os-sage);font-size:60px;font-weight:300;line-height:1}.sg .os-chapter-rail>div{flex-direction:column;gap:7px;display:flex}.sg .os-chapter-rail>div>span:last-child{color:#bbc5bb;font-size:12px}.sg .os-level-card{background:#202b25;border:1px solid #ffffff24;border-radius:18px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.sg .os-level-art{background:#29352d;flex-direction:column;min-width:0;display:flex;position:relative}.sg .os-level-art>img{object-fit:cover;flex:1;width:100%;height:100%;min-height:440px;animation:.7s both os-arrive}.sg .os-level-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#15231ce8;border:1px solid #e6e8d74d;border-radius:10px;align-items:center;gap:12px;padding:12px 20px 12px 12px;display:flex;position:absolute;bottom:24px;left:24px}.sg .os-level-badge>span{background:var(--lime);width:46px;height:46px;color:var(--ink);border-radius:5px;place-items:center;font:22px ui-monospace,monospace;display:grid}.sg .os-level-badge svg{width:25px;height:25px}.sg .os-level-badge small{color:#c3ccba;letter-spacing:.12em;font:9px ui-monospace,monospace;display:block}.sg .os-level-badge strong{font-size:24px;font-weight:500}.sg .os-level-copy{padding:38px}.sg .os-status{color:var(--lime);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font:10px ui-monospace,monospace;display:inline-flex}.sg .os-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.sg .os-level-copy h2{letter-spacing:-.04em;margin-block:18px 25px;font-size:clamp(28px,2.8vw,40px)}.sg .os-level-copy details{border-block:1px solid #ffffff24}.sg .os-level-copy summary{cursor:pointer;color:#dce3d7;justify-content:space-between;align-items:center;gap:12px;min-height:50px;font-size:12px;list-style:none;display:flex}.sg .os-level-copy summary::-webkit-details-marker{display:none}.sg .os-level-copy summary>span{font-size:20px}.sg .os-level-copy details[open] summary>span{transform:rotate(45deg)}.sg .os-level-copy details p{color:#c1cec1;margin:0 0 16px;font-size:14px;line-height:1.75}.sg .os-loot{margin-top:24px}.sg .os-culture{border-left:2px solid var(--os-lavender);margin-top:24px;padding-left:16px}.sg .os-culture>div{gap:7px;display:flex}.sg .os-culture>div>span{color:#ded4ec;border:1px solid #cec2df60;border-radius:4px;padding:3px 8px;font:11px ui-monospace,monospace}.sg .os-culture h3{letter-spacing:-.02em;margin-block:12px 8px;font-size:17px}.sg .os-culture p{color:#c1cec1;font-size:13px}.sg .os-loot>span{letter-spacing:.12em;color:#c2cbb9;font:10px ui-monospace,monospace}.sg .os-loot>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.sg .os-loot>div>div{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.sg .os-loot>div>div>span{width:48px;height:48px;color:var(--os-sage);background:#ffffff06;border:1px solid #a6bca34d;border-radius:8px;place-items:center;transition:transform .2s,background .2s;display:grid}.sg .os-loot svg{width:30px;height:30px}.sg .os-loot strong{color:#dbe4d5;font-size:11px;font-weight:500}.sg .os-loot>div>div:hover>span{background:#ffffff12;transform:translateY(-3px)}.sg .os-chapter[data-state=locked] .os-level-badge>span{background:#a2aba1}.sg .os-chapter[data-state=locked] .os-status{color:#bec7bd}.sg .os-chapter[data-state=complete] .os-level-card{border-color:#c9f56880}.sg .os-state-controls{justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.sg .os-state-controls>span{color:#a9b7ab;font-size:11px}.sg .os-state-controls>div{gap:6px;display:flex}.sg .os-state-controls button{color:#b9c4b8;background:0 0;border:1px solid #ffffff2a;border-radius:6px;min-height:44px;padding:10px 15px;font-size:11px}.sg .os-state-controls button[aria-pressed=true]{border-color:var(--os-sage);color:var(--paper);background:#b8c5a915}.sg .os-photo-section{padding-block:100px}.sg .os-photo-section h2{margin-top:16px;font-size:clamp(30px,3.5vw,44px)}.sg .os-photo-options{grid-template-columns:1fr 1fr;gap:64px;margin-top:54px;display:grid}.sg .os-photo{min-width:0;margin:0}.sg .os-photo-frame{position:relative}.sg .os-photo-window{aspect-ratio:4/3;position:relative;overflow:hidden}.sg .os-photo-window>img{object-fit:cover;width:134%;max-width:none;height:134%;position:absolute;bottom:0;left:-17%}.sg .os-illustration-window>img{object-fit:cover;width:100%;height:100%;left:0}.sg .os-photo-print .os-photo-frame{background:#e6e1d2;padding:15px 15px 50px;transform:rotate(-2deg);box-shadow:2px 15px 30px #0005}.sg .os-photo-print .os-photo-frame:before{content:"";z-index:1;background:#d5c7a9b8;border-inline:2px dashed #b4a58b50;width:110px;height:30px;position:absolute;top:-13px;left:38%;transform:rotate(5deg)}.sg .os-photo-print .os-photo-hardware{display:none}.sg .os-photo-crt .os-photo-frame{background:linear-gradient(120deg,#dcd8c9,#a6a598);border:1px solid #ebe4d9;border-radius:26px 26px 18px 18px;padding:25px 25px 15px;box-shadow:inset 3px 3px 1px #fff4,inset -5px -5px #777a6b,0 15px 30px #0005}.sg .os-photo-crt .os-photo-window{border:12px solid #333b33;border-radius:20px;box-shadow:0 0 0 2px #8f9180}.sg .os-photo-hardware{align-items:center;gap:10px;padding:15px 6px 0;display:flex}.sg .os-photo-hardware i{background:#536638;border-radius:50%;width:7px;height:7px;margin-right:auto;box-shadow:0 0 5px #c9f568}.sg .os-photo-hardware span{background:#929487;border:1px solid #656c5a;border-radius:2px;width:16px;height:8px}.sg .os-photo figcaption{padding-top:32px}.sg .os-photo figcaption>strong{color:#d3deca;text-transform:uppercase;letter-spacing:.08em;font:11px ui-monospace,monospace}.sg .os-photo figcaption p{color:#e0e4d8;max-width:440px;margin:12px 0;font:15px/1.6 ui-monospace,monospace}.sg .os-photo figcaption small{color:#b4bfb2;font-size:11px;line-height:1.9;display:block}.sg .os-photo figcaption a{text-underline-offset:3px;text-decoration:underline}.sg .os-continue{color:#19281f;background:#e6ebdb;border-radius:20px;padding:64px;position:relative;overflow:hidden}.sg .os-continue>:not(.os-continue-grid){z-index:1;position:relative}.sg .os-continue-grid{opacity:.13;background-image:linear-gradient(#597450 1px,#0000 1px),linear-gradient(90deg,#597450 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 30%,#000);mask-image:linear-gradient(100deg,#0000 30%,#000)}.sg .os-continue .eyebrow{color:#45623c}.sg .os-continue h2{margin-block:22px;font-size:clamp(65px,9vw,128px);font-weight:500}.sg .os-continue p{color:#455840;font-size:18px}.sg .os-continue>div:last-child{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.sg .os-continue .button-lime{color:#f1f0e9;background:#253d2c}.sg .os-continue .button-outline{color:#253d2c;background:0 0;border:1px solid #8a9c80}.sg .os-continue :focus-visible{outline-color:#253d2c}.sg .os-review{grid-template-columns:1fr 1fr;gap:70px;padding-block:60px 0;display:grid}.sg .os-review h3{margin:18px 0 12px;font-size:24px}.sg .os-review p{max-width:470px;font-size:13px}.sg .os-review a{color:var(--lime);border-bottom:1px solid #c9f56866;margin-top:15px;padding-block:8px;font-size:13px;display:inline-block}@keyframes os-arrive{0%{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes os-glow{0%{opacity:.08}to{opacity:.28}}@media (max-width:1000px){.sg .os-designbar{align-items:flex-start}.sg .os-designbar p{max-width:310px}.sg .os-hero{gap:28px}.sg .os-hero h1{font-size:90px}.sg .os-hero h1>span{margin-left:10px;font-size:34px}.sg .os-hero-art>img{aspect-ratio:.8}.sg .os-level-copy{padding:26px}.sg .os-photo-options{gap:36px}.sg .os-photo-crt .os-photo-frame{padding:18px 18px 12px}}@media (max-width:700px){.sg .os-designbar{flex-direction:column;gap:14px;padding-block:20px}.sg .os-designbar p{max-width:none}.sg .os-switch{width:100%}.sg .os-switch button{flex:1;padding:11px 8px;font-size:11px}.sg .os-hero{grid-template-columns:1fr;gap:32px;padding-block:36px 44px}.sg .os-hero h1{margin-block:22px;font-size:94px}.sg .os-hero h1>span{margin-left:20px;font-size:45px}.sg .os-hero .os-subtitle{font-size:16px}.sg .os-save{margin-top:16px}.sg .os-hero-art{transform:none}.sg .os[data-direction=b] .os-hero-art{border-radius:18px;transform:none}.sg .os-hero-art>img{aspect-ratio:4/3;object-position:50% 50%}.sg .os-hero-art figcaption{gap:13px;padding:13px}.sg .os-hero-art figcaption span{font-size:10px}.sg .os-xp>div{gap:22px;min-height:52px}.sg .os-xp small{display:none}.sg .os-intro{gap:16px;padding-block:48px 36px}.sg .os-intro>span{font-size:36px}.sg .os-intro h2{font-size:29px}.sg .os-intro p{margin-top:16px;font-size:14px}.sg .os-map{grid-template-columns:1fr;margin-bottom:44px}.sg .os-map>div{border-top:0;border-left:1px solid #728775;gap:5px;margin-left:7px;padding:12px 0 15px 22px}.sg .os-map>div:before{top:19px;left:-4px}.sg .os-map strong{font-size:18px}.sg .os-map small{max-width:none}.sg .os-map span{position:absolute;top:17px;right:0}.sg .os-chapter-rail{gap:15px}.sg .os-chapter-rail>span{font-size:48px}.sg .os-chapter-rail>div>span:last-child{font-size:11px}.sg .os-level-card{grid-template-columns:1fr}.sg .os-level-art>img{aspect-ratio:4/3;height:auto;min-height:0}.sg .os-level-badge{padding:8px 16px 8px 8px;bottom:16px;left:16px}.sg .os-level-badge>span{width:37px;height:37px;font-size:18px}.sg .os-level-badge strong{font-size:20px}.sg .os-level-copy{padding:24px 20px}.sg .os-level-copy h2{font-size:30px}.sg .os-level-copy details p{font-size:14px}.sg .os-loot>div{gap:10px}.sg .os-loot strong{font-size:10px}.sg .os-state-controls{flex-direction:column;align-items:flex-start;gap:10px}.sg .os-state-controls>div{width:100%}.sg .os-state-controls button{flex:1;padding:10px}.sg .os-photo-section{padding-block:55px}.sg .os-photo-options{grid-template-columns:1fr;gap:40px;margin-top:35px}.sg .os-photo-print .os-photo-frame{padding:10px 10px 30px;transform:rotate(-1deg)}.sg .os-photo-crt .os-photo-frame{padding:16px 16px 12px}.sg .os-photo-crt .os-photo-window{border-width:8px;border-radius:14px}.sg .os-photo figcaption{padding-top:22px}.sg .os-continue{padding:30px 24px}.sg .os-continue h2{letter-spacing:-.065em;font-size:64px}.sg .os-continue p{font-size:16px}.sg .os-continue>div:last-child{flex-direction:column;gap:10px;margin-top:24px}.sg .os-review{grid-template-columns:1fr;gap:24px;padding-top:40px}}@media (prefers-reduced-motion:reduce){.sg .os *,.sg .os :before,.sg .os :after{transition:none!important;animation:none!important}}.sg .os-intro{align-items:center;gap:65px;padding-bottom:75px}.sg .os-childhood{background:#eee7d8;flex:0 0 240px;width:240px;margin:0;padding:12px 12px 18px;position:relative;transform:rotate(-4deg);box-shadow:0 15px 40px #0006}.sg .os-childhood:before{content:"";z-index:1;background:#cbbd94ab;width:80px;height:25px;position:absolute;top:-10px;left:75px;transform:rotate(8deg)}.sg .os-childhood>div{aspect-ratio:3/4;position:relative;overflow:hidden}.sg .os-childhood img{width:100%;height:auto;position:absolute;top:-31.5%;left:0}.sg .os-childhood figcaption{color:#514c41;text-align:center;padding-top:15px;font:13px/1.4 ui-monospace,monospace}.sg .os-birth-year{letter-spacing:.15em;color:var(--os-lavender);align-items:center;gap:14px;margin-bottom:18px;font:12px ui-monospace,monospace;display:flex}.sg .os-birth-year>span{font-size:23px}.sg .os-intro .os-childhood-story{color:#e1e6da;font-size:18px}@media (max-width:700px){.sg .os-intro{flex-direction:column;align-items:flex-start;gap:35px;padding-bottom:40px}.sg .os-childhood{flex-basis:auto;width:210px;margin-inline:auto}.sg .os-intro .os-childhood-story{font-size:17px}}
