:root { --ink:#191a18; --paper:#f3eee5; --paper-deep:#e4dacb; --line:rgba(25,26,24,.17); --muted:#6b6b64; --red:#bd3d2e; --red-dark:#882d24; --moss:#66735e; --gold:#b79657; --cream:#fffaf1; --serif:"Playfair Display", Georgia, serif; --sans:Manrope, system-ui, sans-serif; --mono:"DM Mono", monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); } a { color:inherit; text-decoration:none; } .skip-link { position:fixed; z-index:100; top:-5rem; left:1rem; padding:.8rem 1rem; background:var(--ink); color:white; border-radius:0 0 .5rem .5rem; } .skip-link:focus{top:0}.site-header { position:sticky; top:0; z-index:50; min-height:76px; padding:0 clamp(1.25rem,4vw,5rem); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid transparent; transition:background .25s,border-color .25s; } .site-header.is-scrolled { background:rgba(243,238,229,.9); backdrop-filter:blur(18px); border-color:var(--line); }.brand { display:flex; align-items:center; gap:.6rem; font-size:1.15rem; font-weight:800; letter-spacing:-.06em; }.brand img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.12));}.brand span span { color:var(--red); } nav { display:flex; gap:2rem; font-size:.79rem; font-weight:700; } nav a,.text-link { color:#565750; transition:color .18s; } nav a:hover,.text-link:hover{color:var(--red)}.header-actions { display:flex; gap:1.2rem; align-items:center; font-size:.82rem; font-weight:700; }.button { display:inline-flex; align-items:center; justify-content:center; gap:.65rem; min-height:46px; padding:.7rem 1rem; border:1px solid var(--ink); border-radius:999px; font-size:.8rem; font-weight:800; transition:transform .18s,background .18s,color .18s; }.button:hover { transform:translateY(-2px); }.button-primary{background:var(--ink);color:var(--cream)}.button-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.button-quiet{border-color:var(--line);background:rgba(255,255,255,.22)}.button-quiet:hover{border-color:var(--ink)}.button-small{min-height:38px;padding:.4rem .75rem;font-size:.72rem}.hero { min-height:calc(100vh - 76px); padding:clamp(3.5rem,8vw,8rem) clamp(1.25rem,7vw,9rem) 4rem; display:grid; grid-template-columns:minmax(20rem,.95fr) minmax(28rem,1.15fr); gap:3rem; align-items:center; overflow:hidden; }.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-family:var(--mono);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss);font-weight:500}.eyebrow span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:.4rem}.hero h1,.manifesto h2,.study h2,.workflow h2,.instrument h2,.plans h2,.journal h2,.closing h2{font-family:var(--serif);font-weight:600;letter-spacing:-.06em;line-height:.98;margin:.8rem 0 1.6rem;font-size:clamp(3rem,5.9vw,6.6rem)}h1 em,h2 em{color:var(--red);font-weight:600}.lede{max-width:31rem;font-size:1.08rem;line-height:1.7;color:#54554f}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2.2rem}.trust-row{display:flex;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.62rem;color:var(--muted);margin-top:2.2rem}.trust-row span:before{content:"•";color:var(--red);margin-right:.35rem}.hero-art{min-height:540px;position:relative;isolation:isolate;border-radius:2px;overflow:hidden;background:#222521;box-shadow:0 40px 80px rgba(31,27,21,.18)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,21,19,.66) 0%,transparent 58%),linear-gradient(0deg,rgba(13,14,12,.35),transparent 45%);z-index:1}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;z-index:0;transition:transform 1.4s cubic-bezier(.2,.75,.2,1)}.hero-art:hover img{transform:scale(1.04)}#spectrum-canvas{position:absolute;inset:0;z-index:2;mix-blend-mode:screen;opacity:.36;pointer-events:none}.art-caption,.art-meter{position:absolute;z-index:3;color:#fff}.art-caption{left:1.4rem;bottom:1.2rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em}.art-caption span{display:inline-block;width:28px;border-top:1px solid #e8b09e;margin:0 .45rem 3px 0}.art-meter{right:1.1rem;top:1rem;display:grid;grid-template-columns:auto repeat(5,5px) auto;gap:4px;align-items:center;font-size:.58rem;font-family:var(--mono);writing-mode:vertical-rl}.art-meter b{font-weight:400;color:#f4e8d8}.art-meter i{height:20px;background:#e9caa4;display:block}.art-meter i:nth-of-type(2){height:34px}.art-meter i:nth-of-type(4){height:28px}.art-meter em{font-style:normal;color:#bbc1b5;margin-top:8px}.manifesto,.study,.workflow,.instrument,.plans,.journal{padding:clamp(4.5rem,9vw,10rem) clamp(1.25rem,7vw,9rem)}.manifesto{background:#22231f;color:#f4eee4}.manifesto .section-kicker,.workflow .section-kicker{color:#b6c3a8}.manifesto-grid{display:grid;grid-template-columns:1.15fr .7fr;gap:6rem;align-items:end}.manifesto-grid h2{font-size:clamp(2.6rem,4.6vw,5.5rem);margin:.7rem 0 0}.manifesto-grid p{font-size:1rem;line-height:1.8;color:#d2d0c9}.arrow-link{font-size:.8rem;font-weight:800;color:#f2c6ad;border-bottom:1px solid rgba(242,198,173,.4);padding-bottom:.3rem}.arrow-link span{margin-left:.5rem}.principle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:5rem}.principle-cards article{background:#22231f;padding:2rem 1.6rem;min-height:250px}.index{font-family:var(--mono);color:#e8c187;font-size:.65rem}.principle-cards h3{font-size:1rem;margin:2.7rem 0 .7rem}.principle-cards p{font-size:.84rem;line-height:1.7;color:#bfc0b9}.study{display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center}.study h2{font-size:clamp(2.8rem,4vw,4.7rem)}.study-intro>p:not(.section-kicker){color:var(--muted);font-size:.95rem;line-height:1.75}.study-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.study-tags span{font-size:.67rem;font-family:var(--mono);border:1px solid var(--line);border-radius:999px;padding:.45rem .6rem}.comparison{position:relative;aspect-ratio:1/1.12;overflow:hidden;background:#252521;box-shadow:0 24px 50px rgba(38,31,23,.13)}.comparison-after,.comparison-before{position:absolute;inset:0;overflow:hidden}.comparison-before{width:52%;z-index:2;filter:saturate(.55) contrast(.86) sepia(.12)}.comparison-after img,.comparison-before img{width:100%;height:100%;object-fit:cover;object-position:59% center;display:block}.comparison-before img{width:calc(100vw - 20vw);max-width:900px;filter:brightness(1.03)}.comparison-line{position:absolute;z-index:3;left:52%;top:0;bottom:0;border-left:1px solid white}.comparison-line span{position:absolute;top:50%;left:-20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:.8rem}.comparison input{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.comparison-label{position:absolute;z-index:4;bottom:1rem;padding:.4rem .65rem;background:rgba(25,26,24,.76);color:white;font-family:var(--mono);font-size:.58rem}.comparison-label-before{left:1rem}.comparison-label-after{right:1rem}.workflow{background:#dd4b37;color:#181916}.workflow .section-kicker{color:#573a2d}.workflow-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:4vw;align-items:end}.workflow h2{font-size:clamp(2.7rem,4.4vw,5.1rem);margin:.7rem 0 0}.workflow-heading>p:last-child{line-height:1.75;color:#452f25}.workflow-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4.5rem;border-top:1px solid rgba(24,25,22,.35)}.workflow-rail article{padding:1.3rem 1.4rem 0;border-right:1px solid rgba(24,25,22,.35);min-height:260px}.workflow-rail article:first-child{padding-left:0}.workflow-rail article:last-child{border-right:0}.workflow-rail span{font-family:var(--mono);font-size:.65rem}.rail-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(24,25,22,.5);font-size:1.25rem;margin-bottom:2.3rem}.workflow-rail h3{font-size:.98rem;margin:.8rem 0}.workflow-rail p{font-size:.82rem;line-height:1.7;color:#452f25;max-width:15rem}.instrument{display:grid;grid-template-columns:1fr .86fr;gap:8vw;align-items:center;background:var(--paper-deep)}.instrument h2{font-size:clamp(2.8rem,4.2vw,5rem)}.instrument-copy>p:not(.section-kicker){line-height:1.75;color:#55564f}.instrument ul{list-style:none;padding:0;margin:1.6rem 0 0}.instrument li{border-top:1px solid var(--line);padding:.85rem 0;font-size:.82rem;font-weight:700}.instrument li span{color:var(--red);margin-right:.4rem}.instrument-panel{background:#252721;color:#e8e3d9;padding:1.2rem;border:1px solid #44473e;box-shadow:16px 18px 0 rgba(25,26,24,.12)}.panel-top{display:flex;justify-content:space-between;font-size:.58rem;font-family:var(--mono);color:#a9b09f}.waveform{height:180px;background:#151713;margin:1rem 0;border:1px solid #3a3e36}.waveform svg{width:100%;height:100%;fill:none;stroke:#cb5b42;stroke-width:2}.waveform path+path{stroke:#c1d2ab;opacity:.65}.control-row{display:grid;grid-template-columns:1.3fr 2fr .4fr;gap:.8rem;align-items:center;margin:.9rem .2rem;font-size:.7rem}.meter{height:5px;background:#454a42;border-radius:999px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#b5c6a4,#ddc084);border-radius:inherit}.control-row b{font-family:var(--mono);font-size:.65rem;font-weight:400}.panel-note{font-family:var(--mono);font-size:.57rem;color:#9fa994;border-top:1px solid #44473e;padding-top:1rem;margin-top:1.2rem}.plans-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem}.plans-heading h2{font-size:clamp(2.7rem,4.5vw,5.2rem);margin:.7rem 0 0}.plans-heading>p:last-child{max-width:26rem;color:var(--muted);font-size:.78rem;line-height:1.65}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3.3rem}.plan{border:1px solid var(--line);padding:1.6rem;min-height:430px;display:flex;flex-direction:column}.plan-featured{background:var(--ink);color:#f5efe4;border-color:var(--ink);box-shadow:12px 14px 0 var(--red)}.plan-badge{font-family:var(--mono);color:#eec789;font-size:.6rem;text-transform:uppercase;margin:0 0 2rem}.plan-name{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.plan-price{font-family:var(--serif);font-size:2.7rem;letter-spacing:-.06em;margin:.5rem 0}.plan-price small{font-family:var(--sans);font-size:.7rem;letter-spacing:0;color:inherit}.plan-summary{font-size:.83rem;line-height:1.6;color:var(--muted);min-height:50px}.plan-featured .plan-summary{color:#c6c3ba}.plan ul{list-style:none;padding:0;margin:1.4rem 0 2rem;font-size:.78rem;line-height:2}.plan li:before{content:"•";color:var(--red);margin-right:.45rem}.plan .button{margin-top:auto}.plan-featured .button-primary{background:#f4eadc;color:var(--ink);border-color:#f4eadc}.plan-footnote{font-size:.72rem;color:var(--muted);margin-top:2rem}.journal{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;background:#283129;color:#f2ecdf}.journal .section-kicker{color:#becfb5}.journal h2{font-size:clamp(2.5rem,3.9vw,4.6rem)}.journal>div>p:not(.section-kicker){color:#c3c9bd;line-height:1.7;font-size:.9rem;max-width:27rem}.journal-list{border-top:1px solid rgba(255,255,255,.19)}.journal-list a{display:grid;grid-template-columns:2.5rem 1fr auto;gap:1rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.19);padding:1.4rem 0;transition:padding .2s}.journal-list a:hover{padding-left:.5rem}.journal-list span,.journal-list i{font-family:var(--mono);font-size:.62rem;color:#bac4b3;font-style:normal}.journal-list b{font-family:var(--serif);font-size:1.2rem;font-weight:600}.closing{position:relative;overflow:hidden;text-align:center;padding:clamp(6rem,13vw,12rem) 1rem;background:#eee7db}.closing h2{font-size:clamp(3rem,6vw,7rem);position:relative;z-index:1}.closing .button{position:relative;z-index:1}.closing-art div{position:absolute;border-radius:50%;filter:blur(1px);opacity:.74}.closing-art div:nth-child(1){width:33vw;height:33vw;background:#c54b38;left:-11vw;top:18%;}.closing-art div:nth-child(2){width:29vw;height:29vw;background:#bbc99e;right:-8vw;bottom:-22vw}.closing-art div:nth-child(3){width:17vw;height:17vw;background:#e9c67f;right:23%;top:-9vw}.site-footer{min-height:115px;padding:1.5rem clamp(1.25rem,7vw,9rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--ink);color:#eee7db}.site-footer p,.site-footer a{font-size:.7rem;color:#b4b5ac}.site-footer .brand{color:#eee7db}.site-footer .brand span{font-size:1rem}.site-footer div{display:flex;gap:1rem}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{min-height:450px}.manifesto-grid,.study,.workflow-heading,.instrument,.journal{grid-template-columns:1fr;gap:2rem}.principle-cards,.workflow-rail,.plan-grid{grid-template-columns:1fr}.workflow-rail article{border-right:0;border-bottom:1px solid rgba(24,25,22,.35);min-height:auto;padding:1.4rem 0}.workflow-rail h3{margin-top:.4rem}.workflow-rail .rail-icon{margin-bottom:1rem}.plans-heading{display:block}.comparison-before img{width:100vw}.site-footer{align-items:flex-start;flex-direction:column}.header-actions .text-link{display:none}}@media(max-width:560px){.site-header{padding:0 1rem;min-height:64px}.brand{font-size:1rem}.header-actions .button{min-height:34px;font-size:.64rem}.hero{padding:3.5rem 1rem 2.5rem}.hero h1{font-size:3.5rem}.hero-art{min-height:390px}.manifesto,.study,.workflow,.instrument,.plans,.journal{padding:4.2rem 1rem}.principle-cards{margin-top:2.5rem}.comparison{aspect-ratio:1/1.25}.plan-featured{box-shadow:7px 9px 0 var(--red)}.journal-list a{grid-template-columns:1.5rem 1fr}.journal-list i{display:none}}