:root{--paper:#f5f1e8;--ink:#252c25;--muted:#586150;--accent:#4e6148;--line:#d6d8cc;--card:#fffcf5;--sage:#b7c5a8;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.65;transition:background .6s,color .6s}body.night{--paper:#151d23;--ink:#eadbc6;--muted:#c1bbaf;--accent:#eadbc6;--line:#3d474d;--card:#202b32;--sage:#647d87;color-scheme:dark}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:var(--paper);padding:15px}.skip:focus{top:12px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}.brand{font-family:Georgia,serif;font-size:40px;letter-spacing:-3px;line-height:1}.brand span{font:11px Arial;vertical-align:top;margin-left:5px;letter-spacing:0}nav{display:flex;gap:38px;font-size:13px}.header-cta{font-size:13px;border-bottom:1px solid;padding:8px 0}.hero{min-height:740px;height:calc(100svh - 90px);max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center}.visual{position:absolute;inset:0;pointer-events:none;background:var(--paper)}.visual canvas,.visual video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.visual video{opacity:.18;mix-blend-mode:multiply}.night .visual video{opacity:.12;mix-blend-mode:screen}.veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,transparent 85%)}.hero-content{z-index:1;position:relative;padding:50px 8vw;max-width:1000px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.3vw,82px);letter-spacing:-.065em;line-height:1.23;font-weight:500;margin-bottom:30px;word-break:keep-all}.intro{font-size:17px;line-height:1.95;color:var(--muted);margin-bottom:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:var(--accent);color:var(--paper);min-height:56px;padding:16px 25px;border-radius:2px;font-size:14px}.button:hover{filter:brightness(1.15)}.hero-note{font-size:11px;color:var(--muted);margin-top:18px}.hero-bottom{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:10px;letter-spacing:.1em}.hero-bottom button{border:1px solid var(--line);background:var(--paper);padding:10px 14px;min-height:44px;letter-spacing:0;font-size:12px}.section{padding:115px 8vw}.section-heading h2,.closing h2{font-size:clamp(34px,3.4vw,54px);line-height:1.3;font-weight:400;letter-spacing:-.045em;margin-bottom:25px}.section-heading>p:last-child{font-size:15px;color:var(--muted)}.practice{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;border-top:1px solid var(--line)}.reflection{padding:35px;border:1px solid var(--line);background:var(--card)}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.chip{font-size:12px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 14px}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.small-label{font-size:12px;color:var(--muted)}.reflection h3{font-size:28px;line-height:1.5;letter-spacing:-.04em;font-weight:400;margin:20px 0}.reflection>p{font-size:13px;color:var(--muted)}label{font-size:12px;display:block;margin-top:35px;margin-bottom:12px}label span{color:var(--muted);margin-left:8px}textarea{width:100%;resize:vertical;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:18px;border-radius:0;font-size:15px;min-height:110px}textarea::placeholder{color:var(--muted)}.note-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.note-actions button{background:transparent;border:0;text-decoration:underline;min-height:44px;white-space:nowrap}.caption{border-top:1px solid var(--line);padding-top:16px;margin:16px 0 0;font-size:10px!important}.perspectives{border-top:1px solid var(--line)}.perspectives .section-heading{display:grid;grid-template-columns:1fr 1.3fr;column-gap:8vw}.perspectives .eyebrow{grid-column:1/-1}.philosophers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.philosophers button{position:relative;text-align:left;padding:35px 28px;background:transparent;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .25s}.philosophers button:hover,.philosophers button.chosen{background:var(--card)}.philosophers span,.reference-grid span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.philosophers h3{font-size:24px;font-weight:400;margin:32px 0 10px;letter-spacing:-.03em}.philosophers p{font-size:12px;color:var(--muted);margin:0}.philosophers b{position:absolute;right:25px;top:30px;font-weight:400}.perspective-note{font-size:12px;color:var(--muted);margin:20px 0 0}.studio{background:var(--card);border-block:1px solid var(--line)}.directions{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:45px 0}.direction{text-align:left;background:var(--paper);border:1px solid var(--line);padding:30px}.direction.selected{outline:2px solid var(--accent);outline-offset:3px}.swatches{display:flex;gap:8px;margin-bottom:30px}.swatches i{width:45px;height:45px;border-radius:50%;border:1px solid #8886}.direction h3{font-size:23px;font-weight:400;margin-bottom:15px}.direction p{font-size:13px;color:var(--muted)}.direction>span:last-child{font-size:12px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reference-grid a{padding:25px 0;border-top:1px solid var(--line)}.reference-grid h3{font-size:18px;font-weight:400;margin:12px 0}.reference-grid p{font-size:13px;color:var(--muted)}.closing{text-align:center;padding-block:140px}.closing .button{margin-top:20px}footer{padding:45px 5vw;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between}footer p,footer>span{font-size:10px;color:var(--muted);margin:0}@media(max-width:760px){header{height:76px;padding:0 6vw}nav{display:none}.brand{font-size:34px}.hero{min-height:700px;height:calc(100svh - 76px)}.hero-content{padding:45px 7vw 100px}.hero-bottom>span{display:none}.hero-bottom{left:7vw;right:7vw}h1{font-size:clamp(35px,8.4vw,58px)}.intro{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.12em}.section{padding:75px 7vw}.practice{grid-template-columns:1fr;gap:30px}.reflection{padding:23px 18px}.reflection h3{font-size:24px}.chip-row{gap:6px;margin-bottom:28px}.chip{padding:9px 11px;font-size:11px}.perspectives .section-heading{display:block}.philosophers{grid-template-columns:1fr 1fr;margin-top:30px}.philosophers button{padding:26px 16px}.philosophers h3{font-size:21px}.philosophers span{font-size:8px}.philosophers p{font-size:11px}.philosophers b{right:13px;top:20px}.directions,.reference-grid{grid-template-columns:1fr}.direction{padding:25px}.closing{padding-block:90px}footer{flex-wrap:wrap;padding:35px 7vw}footer>span{width:100%}.note-actions{align-items:flex-start}.note-actions span{padding-top:10px}.veil{background:linear-gradient(90deg,var(--paper),transparent 140%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}