:root{color-scheme:dark;--cream:#eee3cd;--muted:#bbae95;--gold:#d3ac65;--ink:#17120e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#16120f;color:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #f3ce85;outline-offset:7px}.skip-link{position:absolute;top:-100px;left:20px;background:#241a12;padding:12px;z-index:10}.skip-link:focus{top:15px}
.scene,.shade{position:absolute;inset:0 0 auto;height:1000px;pointer-events:none}.scene{background-image:url('common-room-3dc1baeab631.webp');background-position:center 35%;background-size:cover}.shade{background:linear-gradient(0deg,#16120f 0%,rgba(22,18,15,.75) 15%,transparent 38%),linear-gradient(90deg,rgba(13,13,12,.91),rgba(17,15,12,.75) 30%,rgba(17,15,12,.12) 68%,rgba(12,12,11,.2)),linear-gradient(180deg,rgba(8,9,8,.64),transparent 24%)}
.page{position:relative;max-width:1680px;margin:auto;padding:0 6vw}.masthead{height:136px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bda57529}.wordmark{text-decoration:none;display:flex;flex-direction:column;width:218px;align-items:center;color:#e3c28a;text-shadow:0 3px 20px #000}.wordmark>span{font-size:36px;letter-spacing:.035em;text-transform:uppercase}.wordmark small{font-size:12px;text-transform:uppercase;letter-spacing:.48em;display:flex;align-items:center;gap:14px;padding-left:5px}.wordmark i{height:1px;width:35px;background:linear-gradient(90deg,transparent,#c69a53)}.wordmark i:last-child{transform:rotate(180deg)}nav{display:flex;align-items:center;gap:36px;font:14px/1.5 'Courier New',monospace}nav>a{text-decoration:none;color:#ddd0b8}nav>a:hover{color:#fff0c9}.edition{display:flex;gap:12px;color:#cab994;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.edition b{font-weight:normal;color:#ead6ad}
.hero{display:flex;align-items:center;justify-content:space-between;min-height:635px;padding:56px 0 64px;gap:30px}.hero-copy{max-width:640px}.eyebrow,.tiny-title{font:12px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.17em;color:#d2b786}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px}.eyebrow>span{width:32px;height:1px;background:var(--gold);flex:none}h1{font-size:clamp(58px,5.8vw,90px);font-weight:normal;line-height:1.02;letter-spacing:-.055em;margin:0 0 26px;text-shadow:0 4px 30px #0008}h1 em{font-weight:normal;color:#d8b376}p.intro{font-size:19px;line-height:1.65;color:#c9bea8;margin:0 0 31px;text-shadow:0 2px 12px #000}
.actions{max-width:365px}.download{display:flex;align-items:center;gap:17px;min-height:83px;padding:14px 22px;text-decoration:none;background:linear-gradient(90deg,#cfad73de,#ac7b39b8),url('dark-oak-43e4a8a86ebb.webp') center/cover;color:#20180d;border:1px solid #e6c98d;box-shadow:0 2px 0 #5c381e,0 12px 40px #0006,inset 0 0 0 3px #58341430;clip-path:polygon(1% 0,98% 0,100% 6%,99.5% 97%,2% 100%,0 93%,0 3%);transition:filter .15s,transform .15s}.download:hover{filter:brightness(1.12);transform:translateY(-2px)}.download:focus-visible{outline-offset:0;box-shadow:inset 0 0 0 4px #fff2c8}.download svg{width:25px;height:25px;fill:currentColor;flex:none}.download span{font-size:20px;font-weight:bold}.download small{display:block;margin-top:5px;font:12px/1.5 'Courier New',monospace;font-weight:normal;color:#47301b}.download .download-arrow{font-size:29px;margin-left:auto;font-weight:normal}.release-info{margin:15px 0 21px;text-align:center;font:12px/1.85 'Courier New',monospace;color:#c3b89e}.release-info span{color:#988e7c}.release-info>span{margin:0 4px}.release-info>span:last-child{margin:0}.browser-link{display:block;text-align:center;font-size:17px;text-decoration-color:#b8a78280;text-underline-offset:6px}.browser-link span{display:inline-block;margin-left:10px;color:#d1b87e}.browser-link:hover{color:#f9d99e}
.scene-note{align-self:flex-end;display:flex;align-items:center;flex-direction:column;margin:0 4% 42px 0;text-shadow:0 2px 16px #000,0 1px 5px #000;color:#ebd1a1;transform:rotate(-3deg)}.scene-note span{font-size:18px}.scene-note em{font-size:28px;margin-top:3px}.scene-note i{font-size:23px;margin-top:15px}
.begin{position:relative;display:flex;gap:36px;align-items:center;padding:34px 0 38px;border-top:1px solid #bda57540;border-bottom:1px solid #bda57526}.begin:before{content:'✧';position:absolute;top:-12px;left:50%;font-size:20px;color:#d0ae76;background:#1b1711;padding:0 11px}.begin-title{min-width:200px}.tiny-title{font-size:10px;letter-spacing:.14em}h2{font-size:25px;font-weight:normal;margin:8px 0 0}.begin ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:30px;flex:1}.begin li{display:flex;gap:13px}.begin li>b{font-size:15px;font-weight:normal;color:#a18250;line-height:1.6}h3{font-size:17px;line-height:1.45;font-weight:normal;margin:0 0 6px}.begin p{font:12px/1.65 'Courier New',monospace;color:#ab9e85;margin:0}footer{padding:26px 0 30px;display:flex;justify-content:space-between;gap:24px;color:#8f8574;font:11px/1.8 'Courier New',monospace}footer i{font-style:normal;margin:0 9px;color:#ab8c55}
@media(min-width:1680px){.scene,.shade{height:1100px}.hero{min-height:730px}.page{padding:0 100px}}
@media(max-width:1050px){.page{padding:0 5vw}.masthead{height:112px}.hero{min-height:615px}.scene-note{display:none}.begin{gap:25px;align-items:flex-start;flex-direction:column}.begin ol{width:100%;gap:24px}.scene{background-position:58% top}.shade{background:linear-gradient(0deg,#16120f,transparent 65%),linear-gradient(90deg,#12120feb,#171410ac 48%,#17141030)}nav{gap:20px}}
@media(max-width:600px){.page{padding:0 24px}.scene,.shade{height:900px}.scene{background-position:67% top;background-size:auto 750px;background-repeat:no-repeat}.shade{background:linear-gradient(0deg,#16120f 0%,rgba(22,18,15,.8) 34%,rgba(17,15,12,.48) 70%,rgba(10,11,9,.7)),linear-gradient(90deg,#14130fc7,#14130f45)}.masthead{height:102px}.wordmark{width:170px}.wordmark>span{font-size:28px}.wordmark small{font-size:9px;gap:10px}.wordmark i{width:24px}nav>a{display:none}.edition{flex-direction:column;gap:2px;font-size:10px;text-align:right;letter-spacing:.02em}.hero{min-height:638px;padding:57px 0 49px;align-items:flex-start}.hero-copy{width:100%}.eyebrow{font-size:10px;letter-spacing:.1em;gap:8px;margin-bottom:22px}.eyebrow>span{width:20px}h1{font-size:clamp(50px,12vw,66px);margin-bottom:24px}p.intro{font-size:17px;line-height:1.65;max-width:350px}.desktop-break{display:none}.actions{max-width:365px}.download{gap:13px;padding:14px 18px}.download span{font-size:18px}.release-info{font-size:11px}.begin{padding:30px 0}.begin-title{margin-bottom:3px}.begin ol{grid-template-columns:1fr;gap:24px}.begin li{gap:17px}.begin p{font-size:13px}footer{font-size:10px;flex-direction:column;gap:6px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download{transition:none}.download:hover{transform:none}}

.experience .wordmark>span{font-size:30px;white-space:nowrap}.experience .wordmark small{letter-spacing:.18em;font-size:10px}.experience .wordmark i{width:20px}
@media(max-width:600px){.experience .wordmark>span{font-size:24px}.experience .wordmark small{font-size:8px;letter-spacing:.12em;gap:7px}.experience .wordmark i{width:13px}}