@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');:root{color-scheme:dark;--bg:#080808;--fg:#f2f1ed;--muted:#aaa;--line:#303030}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif}header,main,footer{max-width:1320px;margin:auto}header{height:90px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font:700 27px 'Barlow Condensed',sans-serif;line-height:1}.brand small{display:block;font:600 8px Inter;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:30px}nav a,.outline,.eyebrow{font:700 10px Inter;letter-spacing:2.4px}nav a:hover,.tiles a:hover{color:#fff}.outline{border:1px solid #666;background:transparent;color:#fff;padding:16px 24px;cursor:pointer}.outline:hover,.choices button:hover{background:#f2f1ed;color:#080808}.hero{display:grid;grid-template-columns:1fr 1.1fr .55fr;gap:24px;min-height:520px;align-items:stretch;padding:28px 36px}.hero-copy{padding-top:48px}.eyebrow{color:#aaa}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;margin:0}h1{font-size:clamp(65px,7vw,115px);line-height:.88;margin:25px 0}p{color:#b6b6b6;font-size:14px;line-height:1.75}.hero-copy p{max-width:360px;margin-bottom:30px}.action{display:inline-block}.hero-art{background:linear-gradient(115deg,#111 10%,#333 45%,#101010 72%);position:relative;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:12% 22%;border:18px double #777;opacity:.22;box-shadow:0 0 110px #eee}.hero-art:after{content:'';position:absolute;left:-30%;right:-30%;bottom:0;height:36%;background:repeating-linear-gradient(105deg,#1b1b1b 0 12px,#292929 13px 16px);transform:skewY(-9deg)}.verse{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.verse strong{font-size:clamp(25px,3vw,42px);line-height:1.8}.verse span,.verse p{font:13px Inter;direction:ltr;color:#b6b6b6;line-height:1.8}.verse hr{width:26px;border:0;border-top:1px solid #777;margin:25px}.verse small{font:600 9px Inter;letter-spacing:2px;direction:ltr}.tiles{display:grid;grid-template-columns:repeat(5,1fr);margin:0 36px 22px;border:1px solid var(--line)}.tiles a{min-height:180px;padding:25px 22px;border-right:1px solid var(--line);position:relative}.tiles a:last-child{border:0}.tiles span{font-size:26px;display:block}.tiles small{display:block;font-size:10px;letter-spacing:2px;margin:14px 0}.tiles h3{font-size:24px}.tiles p{font-size:12px;max-width:150px}.tiles b{position:absolute;bottom:18px;right:20px}.lower{border-top:1px solid var(--line);margin:0 36px;display:grid;grid-template-columns:1fr .9fr .7fr;gap:40px;padding:65px 0}.lower h2,.coming h2{font-size:clamp(48px,5vw,75px);line-height:.95;margin:20px 0}.leaf{min-height:330px;background:radial-gradient(ellipse at center,#353535,#0b0b0b 65%);display:grid;place-items:center;color:#777;font-size:140px}.principles>div{border-bottom:1px solid var(--line);padding:13px 0}.principles h3{font-size:19px}.principles p{font-size:12px;margin:3px 0}.path-list{margin-top:24px}.path-list button{width:100%;text-align:left;background:transparent;border:1px solid var(--line);padding:14px;color:var(--fg);margin-bottom:6px;cursor:pointer;font-weight:700}.path-list small{color:#aaa;font-weight:400;margin-left:12px}.coming{border-top:1px solid var(--line);padding:65px 36px;max-width:1000px}.coming p{max-width:650px}footer{border-top:1px solid var(--line);padding:28px 36px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}dialog{background:#0c0c0c;color:#fff;border:1px solid #666;padding:45px;max-width:520px;width:calc(100% - 30px)}dialog::backdrop{background:#000c}dialog h2{font-size:50px;line-height:1;margin:25px 0}dialog .close{float:right;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.choices{display:grid;gap:8px;margin-top:20px}.choices button{padding:15px;text-align:left;border:1px solid #444;background:transparent;color:#fff;cursor:pointer}@media(max-width:900px){header{padding:0 20px}nav{display:none}.hero{grid-template-columns:1fr 1fr;padding:25px 20px}.verse{grid-column:1/-1;padding:25px}.tiles{grid-template-columns:repeat(2,1fr);margin:0 20px}.tiles a{border-bottom:1px solid var(--line)}.lower{grid-template-columns:1fr 1fr;margin:0 20px}.leaf{display:none}}@media(max-width:580px){.hero{display:block}.hero-copy{padding:25px 0}.hero-art{height:290px}.verse{padding:30px 0}.tiles{grid-template-columns:1fr 1fr}.tiles a{min-height:175px;padding:15px}.lower{display:block}.principles{margin-top:35px}.coming{padding:45px 20px}footer{gap:12px;flex-wrap:wrap}}.hero-art:before,.hero-art:after{display:none}.hero-art{background:#151515}.leaf{background:#151515;font-size:0}.hero{grid-template-columns:1.08fr 1.25fr .56fr;gap:30px;min-height:550px}.hero-copy h1{font-size:clamp(76px,7.5vw,120px);line-height:.87}.verse strong{font-size:clamp(31px,3vw,46px);line-height:1.7}.tiles a{min-height:215px}.lower{grid-template-columns:1.15fr 1.05fr .72fr}.lower h2{font-size:clamp(58px,5.6vw,84px)}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.verse{grid-column:1/-1}.lower{grid-template-columns:1fr 1fr}}@media(max-width:580px){.hero{display:block}.hero-art{height:330px}.lower{display:block}}
/* Approved mockup composition: imagery intentionally left blank */
header{max-width:1320px;height:96px;padding:0 48px}.hero{padding:24px 48px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.18fr) minmax(175px,.48fr);gap:28px;min-height:545px}.hero-copy{padding-top:46px}.hero-copy h1{font-size:clamp(75px,7.6vw,114px)}.hero-art{background:#131313}.verse strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3.1vw,44px);line-height:1.65}.tiles{margin:0 48px 22px}.tiles a{min-height:216px}.lower{margin:0 48px;grid-template-columns:1.12fr 1.06fr .75fr;gap:46px;padding:52px 0 24px}.lower h2{font-size:clamp(64px,6vw,88px)}.leaf{display:block;min-height:340px;background:#131313}.path-list{display:none}.explore-button{display:inline-block;margin-top:18px}.principles>div{padding:13px 0}.mobile-showcase{max-width:1320px;margin:0 auto 30px;padding:6px 6px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.phone{border:1px solid #686868;border-radius:12px;background:#0a0a0a;min-height:520px;position:relative;overflow:hidden;padding-bottom:42px}.phone-head{height:52px;padding:17px 17px 0;display:flex;justify-content:space-between;font:600 10px Inter;letter-spacing:2px}.phone-head b{font:600 18px 'Barlow Condensed',sans-serif;letter-spacing:0}.phone-head span{font-size:18px}.phone-photo{height:130px;background:#191919}.phone-body{padding:18px 18px 12px}.phone-body>small{font:700 8px Inter;letter-spacing:1.5px;color:#aaa}.phone-body h3{font:600 32px/.92 'Barlow Condensed',sans-serif;margin:14px 0}.phone-body p{font-size:11px;line-height:1.5}.phone-cta{display:block;background:#f2f1ed;color:#111;font:700 9px Inter;letter-spacing:1px;padding:13px;margin-top:20px}.phone-nav{position:absolute;bottom:0;left:0;right:0;height:44px;border-top:1px solid #303030;display:grid;place-items:center;color:#ddd;font-size:18px}.phone-options{display:grid;gap:6px;margin-top:18px}.phone-options div{border:1px solid #303030;padding:11px 9px;font-size:11px;display:flex;justify-content:space-between}.phone-options span{color:#aaa;font-size:9px}.journal-placeholder{height:170px;border:1px solid #333;padding:12px;font-size:11px;color:#888;margin-top:20px;display:flex;flex-direction:column;justify-content:space-between}.journal-placeholder span{font-size:9px}.path-preview{border:1px solid #333;margin-top:10px;padding-bottom:8px}.mini-photo{height:90px;background:#1b1b1b}.path-preview strong,.path-preview small{display:block;margin:6px 8px}.path-preview strong{font:600 19px 'Barlow Condensed'}.path-preview small{font-size:9px;color:#aaa}@media(max-width:950px){.hero{grid-template-columns:1fr 1fr}.verse{grid-column:1/-1}.mobile-showcase{overflow-x:auto;display:flex;padding:10px 20px}.phone{min-width:220px}.lower{grid-template-columns:1fr 1fr}.principles{grid-column:1/-1}}@media(max-width:600px){header{padding:0 18px}.hero{display:block;padding:20px 18px}.hero-art{height:320px}.tiles{margin:0 18px 20px}.lower{display:block;margin:0 18px}.leaf{height:300px;margin:25px 0}.mobile-showcase{margin-top:20px}}