:root{color-scheme:dark;--bg:#141412;--surface:#1e1d1a;--text:#f4f0e9;--muted:#c4bfb6;--gold:#e8b05e;--peach:#e2bd97;--line:#ffffff20;font-family:"DM Sans",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{border:0;background:none}button:disabled{cursor:wait;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:var(--gold);color:#181410;padding:12px}.skip-link:focus{top:12px}
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;background:linear-gradient(#0e0d0c55,transparent)}.brand{display:flex;align-items:center;gap:18px}.brand>span:last-child{font-size:12px;font-weight:600;letter-spacing:.3em}.monogram{font-family:"Nothing You Could Do",cursive;font-size:48px;font-weight:400;letter-spacing:-9px;color:var(--peach);padding-right:8px;transform:rotate(-9deg)}#navigation{display:flex;gap:38px;align-items:center}#navigation button,#navigation a{font-size:14px;padding:10px 0}#navigation button:hover,#navigation a:hover{color:var(--gold)}.menu-toggle{display:none}
.hero{position:relative;min-height:720px;height:min(70vw,920px);max-height:1000px;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;z-index:-3;width:58%;height:100%;object-fit:cover;object-position:50% 18%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 38%,#12110feb 59%,#13120f 100%)}.hero.has-art .hero-image{width:100%;object-position:center 38%}.hero.has-art .hero-shade{background:linear-gradient(0deg,#14141233,transparent 25%),linear-gradient(90deg,transparent 40%,#09090935 63%,#0909092a)}
.hero-copy{width:46%;margin-left:56.5%;padding:26% 3% 0 0;position:relative}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;line-height:1.8;margin:0}.gold{color:var(--gold)}.gold-rule{display:block;height:2px;width:48px;background:var(--gold);margin:26px 0 27px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.1vw,64px);font-weight:450;line-height:1.09;letter-spacing:-.045em;margin:0 0 21px;white-space:nowrap}h1 em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--peach);font-size:1.24em;letter-spacing:-.045em}.hero-description{font-size:clamp(16px,1.55vw,20px);line-height:1.65;color:#e6ded2;margin:0 0 30px;max-width:440px}.primary{background:var(--gold);color:#16110b;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:100px;padding:16px 30px;min-height:52px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#f5c681;transform:translateY(-2px)}.primary span{font-size:23px;font-weight:400;line-height:1}.handwritten{font-family:"Nothing You Could Do",cursive;color:#c3a98a;font-size:19px;line-height:1.5;text-align:center;transform:rotate(-11deg);margin:35px 0 0 auto;width:200px;opacity:.82}.meet{position:absolute;left:4%;bottom:53px;display:flex;align-items:center;gap:20px;font-size:16px}.play{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid #ffffffb8;border-radius:50%;font-size:15px;padding-left:3px;flex-shrink:0;transition:background .2s,color .2s}.meet:hover .play,.resource-card:hover .play{background:var(--gold);border-color:var(--gold);color:#17130e}.hero-marker{position:absolute;bottom:27px;left:4%;display:flex;gap:4px}.hero-marker i{display:block;width:43px;height:2px;background:#ffffff45}.hero-marker i:first-child{background:var(--gold)}
.section-wrap{padding-left:4%;padding-right:4%;max-width:1700px;margin:auto}.resources{padding-top:48px;padding-bottom:43px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}.line{display:inline-block;vertical-align:middle;background:#827569;width:80px;height:1px;margin:0 0 0 16px}h2{font-size:clamp(28px,3.05vw,43px);font-weight:450;line-height:1.18;letter-spacing:-.04em;margin:16px 0 0}.side-note{font-size:11px;letter-spacing:.25em;line-height:1.9;text-transform:uppercase;margin:0 0 6px;max-width:325px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card{position:relative;text-align:left;aspect-ratio:1.48;overflow:hidden;background:#33271e;isolation:isolate;padding:0}.card-image,.card-shade{position:absolute;inset:0;z-index:-1}.card-image{background-size:cover;background-position:center;transition:transform .6s}.resource-card:hover .card-image{transform:scale(1.045)}.card-publish .card-image{background-image:linear-gradient(120deg,#80603b,#2a221b)}.card-comparison .card-image{background-image:linear-gradient(120deg,#343e43,#171b20)}.card-pace .card-image{background-image:linear-gradient(120deg,#443622,#221911)}.card-shade{background:linear-gradient(0deg,#080808d9,transparent 80%)}.card-label{position:absolute;left:19px;right:12px;bottom:22px;display:flex;align-items:center;gap:16px;font-size:16px;line-height:1.35}.play.small{width:41px;height:41px;font-size:12px}.card-rule{display:block;width:36px;height:2px;background:var(--gold);margin-top:11px}
.closing{padding-top:53px;padding-bottom:59px;text-align:center;background:radial-gradient(ellipse at top,#22232055,transparent 75%);max-width:none}.closing-kicker{display:flex;justify-content:center;align-items:center;gap:35px}.closing-kicker>span{height:1px;background:#87745c77;max-width:260px;flex:1}.closing-kicker .eyebrow{font-size:11px;letter-spacing:.26em}.closing h2{margin:30px 0 16px}.closing>p{font-size:17px;color:#ddd6cb;line-height:1.6;margin-bottom:25px}.text-link{border-bottom:1px solid var(--gold);padding:10px 0;color:var(--peach);font-size:15px}.text-link:hover{color:white}.text-link span{margin-left:16px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:23px 4%;font-size:12px;color:#aea79b;border-top:1px solid var(--line);gap:18px}.site-footer button{font-size:13px}.site-footer>span{opacity:.75}
dialog{position:fixed;width:min(760px,calc(100% - 32px));max-height:90dvh;border:1px solid #b4915e55;background:#1b1b18;color:var(--text);padding:0;border-radius:8px;box-shadow:0 35px 140px #0009;overflow:auto}dialog::backdrop{background:#050505b8;backdrop-filter:blur(9px)}body.modal-open{overflow:hidden}.dialog-close{position:absolute;right:14px;top:12px;z-index:2;font-size:30px;line-height:1;width:44px;height:44px;border-radius:50%;background:#171714dc}.dialog-close:hover{background:#38342d}.dialog-body{padding:50px}.dialog-body h2{margin:12px 0 23px;font-size:39px}.dialog-body h3{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.02em}.dialog-body p{color:var(--muted);font-size:17px;line-height:1.7}.dialog-body .eyebrow{font-size:12px;color:var(--gold)}.about-layout{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start;margin:28px 0}.about-layout img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px}.about-layout p{font-size:16px}.about-layout h3{color:var(--peach);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:31px}.detail-list{list-style:none;padding:0;margin:28px 0}.detail-list li{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:18px;color:var(--muted);line-height:1.6}.detail-list b{color:var(--gold);font-size:13px;font-weight:400}.resource-hero{width:100%;height:240px;object-fit:cover;display:block}.reflection{border-left:2px solid var(--gold);background:#e8b05e08;padding:20px 24px;margin:25px 0}.reflection p:last-child{margin-bottom:0}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px}.secondary{padding:13px 20px;border:1px solid #827466;border-radius:100px;font-size:15px}.secondary:hover{border-color:var(--gold);color:var(--gold)}.note{font-size:13px!important;color:#b3ab9e!important}.step-label{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase}.progress{display:flex;gap:6px;margin:0 0 25px}.progress span{height:3px;flex:1;background:#4b453a}.progress span.active{background:var(--gold)}.choice-grid{display:grid;gap:12px;margin:25px 0}.choice{display:flex;align-items:center;gap:15px;cursor:pointer;padding:17px 20px;border:1px solid #ffffff28;border-radius:6px;font-size:16px;color:var(--text)}.choice:has(input:checked){border-color:var(--gold);background:#e8b05e0c}.choice input{accent-color:var(--gold);width:18px;height:18px}.field{display:block;margin:20px 0;color:var(--text);font-size:14px}.field input,.field textarea{display:block;width:100%;margin-top:9px;padding:13px 15px;border:1px solid #6d6456;border-radius:5px;background:#121210;color:var(--text);font-size:16px}.field textarea{min-height:105px;resize:vertical}.field small{display:block;margin-top:7px;color:var(--muted)}.error{color:#ffb8a0!important;font-size:14px!important;margin:12px 0}.review{margin:25px 0;border-top:1px solid var(--line)}.review>div{display:grid;grid-template-columns:120px 1fr;padding:14px 0;border-bottom:1px solid var(--line);gap:18px}.review dt{color:#b1a99a;font-size:14px}.review dd{margin:0;overflow-wrap:anywhere;font-size:16px;white-space:pre-wrap}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);z-index:30;padding:13px 22px;background:var(--gold);color:#18130d;border-radius:7px;box-shadow:0 8px 30px #0005;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero-copy{padding-top:330px}}@media(max-width:1100px){.hero{height:760px;min-height:680px}.hero-copy{padding-top:265px;margin-left:54%;width:46%;padding-right:20px}h1{font-size:40px}.handwritten{font-size:17px;margin-top:35px}.side-note{display:none}.card-label{font-size:14px;left:13px;gap:9px}.play.small{width:34px;height:34px}.closing-kicker{gap:20px}}
@media(max-width:700px){.site-header{height:88px;padding:0 6%}.brand{gap:12px}.monogram{font-size:39px}.brand>span:last-child{font-size:10px;letter-spacing:.19em}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;margin-right:-12px}.menu-toggle>span:not(.sr-only){display:block;width:25px;height:1px;background:var(--text)}#navigation{display:none;position:absolute;top:77px;left:16px;right:16px;padding:18px 25px;background:#1b1916f5;border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 40px #0007;gap:5px;align-items:stretch}#navigation.open{display:flex;flex-direction:column}#navigation a,#navigation button{text-align:left;padding:13px;font-size:16px}.hero{height:auto;min-height:950px;padding-bottom:65px}.hero-image{height:590px;width:100%;object-position:50% 15%;opacity:.9}.hero.has-art .hero-image{height:650px;width:100%;object-position:27% center;object-fit:cover}.hero .hero-shade,.hero.has-art .hero-shade{background:linear-gradient(0deg,#141412 0%,#141412 37%,transparent 73%),linear-gradient(180deg,#0005,transparent 20%)}.hero-copy{padding:575px 7% 0;margin:0;width:100%}.hero-copy .eyebrow{font-size:11px;letter-spacing:.24em}.gold-rule{margin:18px 0}h1{font-size:clamp(32px,8.4vw,53px);line-height:1.11;white-space:normal}.hero-description{font-size:17px;max-width:330px;margin:20px 0 24px}.handwritten{display:none}.meet{bottom:auto;top:465px;left:7%;font-size:14px;gap:12px}.meet .play{width:43px;height:43px;font-size:12px}.hero-marker{display:none}.section-wrap{padding-left:6%;padding-right:6%}.resources{padding-top:33px;padding-bottom:30px}.section-top{margin-bottom:24px}h2{font-size:32px;line-height:1.15}.resources .eyebrow{font-size:11px}.resource-grid{grid-template-columns:1fr;gap:18px}.resource-card{aspect-ratio:1.65}.card-label{left:20px;bottom:23px;gap:16px;font-size:17px}.play.small{width:43px;height:43px}.closing{padding-top:38px;padding-bottom:42px}.closing-kicker>span{display:none}.closing-kicker .eyebrow{font-size:10px;line-height:1.9;letter-spacing:.22em}.closing h2{margin-top:21px;font-size:34px}.closing>p{font-size:16px}.desktop-break{display:none}.site-footer{flex-wrap:wrap;padding:23px 6%;font-size:11px}.site-footer>span{order:3;width:100%}.dialog-body{padding:49px 24px 30px}.dialog-body h2{font-size:32px}.about-layout{grid-template-columns:100px 1fr;gap:18px}.about-layout p{font-size:15px}.about-layout h3{font-size:25px}.resource-hero{height:180px}.dialog-actions{gap:13px}.review>div{grid-template-columns:1fr;gap:6px}}
.card-publish .card-image{background-image:url('./assets/publish-reference.png')}.card-comparison .card-image{background-image:url('./assets/comparison-reference.png')}.card-pace .card-image{background-image:url('./assets/pace-reference.png')}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}