@layer reset, base, components, themes, responsive;
@layer reset {
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}h1,h2,h3,p,figure,blockquote{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}button{cursor:pointer}::selection{background:#ffb0dc;color:#202020}
}
@layer base {
:root{--ink:#242522;--muted:#666963;--line:#e3e4df;--paper:#fff;--pink:#fa88c7;--blue:#214fce;--serif:'Bricolage Grotesque',Georgia,serif;--sans:'Inter',Arial,sans-serif;--mono:'Inter',monospace}
body{font:400 1rem/1.65 var(--sans);color:var(--ink);background:var(--paper);padding-bottom:5.25rem;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;line-height:1.14;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,4.4vw,4.6rem)}h2{font-size:clamp(2.1rem,3.2vw,3.25rem)}h3{font-size:1.6rem;line-height:1.27;letter-spacing:-.035em}p{color:var(--muted)}p+p{margin-top:1rem}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2459db;outline-offset:5px;border-radius:2px}a:hover.text-link{text-decoration-color:currentColor}[id]{scroll-margin-top:2rem}.wrap{max-width:1184px;margin-inline:auto;width:calc(100% - 96px)}.eyebrow{font:400 .76rem/1.6 var(--mono);letter-spacing:.085em}.pink{color:#e665b2}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.5rem 1rem;background:#fff;color:#111}.skip:focus{top:1rem}
}
@layer components {
.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{font-size:1.4rem;font-weight:700;letter-spacing:-.06em}.site-header nav{display:flex;align-items:center;gap:2.25rem;font-size:.88rem}.site-header nav>a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{border:1px solid var(--ink);padding:.56rem 1rem;border-radius:5px}.nav-cta:hover{background:var(--ink);color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.75rem;background:var(--ink);color:white;font-size:.94rem;font-weight:500;padding:.88rem 1.25rem;border:1px solid var(--ink);border-radius:5px;min-height:48px;transition:background .16s,transform .16s}.button:hover{background:#454741;transform:translateY(-2px)}.button>span{font-size:1.25rem;line-height:1}.text-link{font-size:.9rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c9cbc5;white-space:normal}.text-link>span{margin-left:.45rem}.actions{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap;margin-top:1.8rem}.micro{font-size:.78rem!important;margin-top:.7rem!important;color:var(--muted)}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:3rem}.section-heading h2{margin-top:.7rem}.section-heading>p{font-size:.95rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.service-grid article{border-top:1px solid var(--ink);padding-top:1.25rem}.service-number{font:.75rem var(--mono);letter-spacing:.04em;color:var(--muted)}.service-grid h3{margin:1.5rem 0 1rem}.service-grid p{font-size:.94rem;line-height:1.75;max-width:32ch}.service-grid .text-link{display:inline-block;margin-top:1.5rem}.writing-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.note-card{border-top:1px solid var(--line);padding:1.5rem 0;display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem}.note-card h3{max-width:27ch;font-size:1.7rem}.note-card>span:last-child{font-size:.87rem;text-decoration:underline;text-underline-offset:5px}.note-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2rem;font-size:.8rem}.site-footer .wordmark{font-size:1.1rem}.site-footer>span{color:var(--muted)}.quiet-link{font-size:.76rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.concept-bar{position:fixed;z-index:90;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1.5rem;max-width:calc(100% - 24px);padding:9px 12px 9px 18px;background:#262724;color:white;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 5px 25px #0002;font-family:var(--sans)}.concept-home{font-size:.82rem;white-space:nowrap;border-right:1px solid #ffffff30;padding-right:1.3rem}.concept-links{display:flex;gap:4px}.concept-links a{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;font:400 .8rem var(--mono);border-radius:5px;color:#cdd0c6}.concept-links a:hover{background:#ffffff20}.concept-links a[aria-current="page"]{background:#f8a5d7;color:#242522}.concept-label{font-size:.82rem;white-space:nowrap;color:#e1e3dc}.preview-mode{padding-bottom:0!important}.preview-mode .concept-bar{display:none}.preview-mode a{pointer-events:none}
}
@layer themes {
.studio-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:2rem;align-items:center;min-height:595px;padding-block:45px 65px}.hero-copy .eyebrow{margin-bottom:1.5rem}.studio-hero h1{font-size:clamp(2.8rem,4.25vw,4.45rem);line-height:1.13}.highlight-pink{background:linear-gradient(transparent 72%,#ffb5df 72%,#ffb5df 93%,transparent 93%);padding-right:.04em}.hero-copy>p{font-size:1.04rem;max-width:42ch;margin-top:1.7rem;line-height:1.8}.hero-art{padding-top:2rem}.hero-art img{width:100%;mix-blend-mode:multiply}.hero-art figcaption{font:italic 1.75rem var(--serif);text-align:center;margin-top:.6rem;color:#66645f}.experience{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:1.65rem;gap:3rem}.experience p{font-size:.8rem;line-height:1.6}.company-names{display:flex;align-items:center;justify-content:space-between;gap:3rem;flex:1;max-width:670px}.company-names span{font-size:1.55rem;letter-spacing:-.035em;font-weight:600;color:#6c6e66}.company-names span:nth-child(2){font-style:italic}.company-names span:nth-child(3){font-weight:750;letter-spacing:-.08em}.studio-about{display:grid;grid-template-columns:.75fr 1fr;gap:6rem;align-items:center;background:#f5f6f2;padding:3.8rem 5rem;border-radius:8px}.studio-about h2{margin-block:.9rem 1.4rem}.studio-about p{font-size:.97rem;max-width:47ch}.studio-about .text-link{display:inline-block;margin-top:1.5rem}.portrait-note{position:relative;max-width:280px;transform:rotate(-3deg);padding:12px 12px 50px;background:white;box-shadow:0 3px 15px #0000000c}.portrait-note img{aspect-ratio:1/1.08;object-fit:cover;object-position:center 25%}.portrait-note span{position:absolute;bottom:11px;left:22px;font:italic 1.75rem var(--serif)}.studio-quote{text-align:center;padding-block:5rem 1rem}.quote-glyph{font:5rem/.5 var(--serif);color:#ee83be;display:block}.studio-quote blockquote{font:2.75rem/1.2 var(--serif);margin-block:1rem 1.3rem}.studio-quote p{font-size:.87rem;color:var(--ink)}.studio-quote p span{color:var(--muted)}.studio-quote .quiet-link{display:inline-block;margin-top:1rem}.studio-contact{background:#ffb7df;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3.5rem 4rem;border-radius:8px}.studio-contact h2{font-size:3.5rem;margin:.6rem 0}.studio-contact p{color:#51464d}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}
}
@layer responsive {
@media(min-width:1500px){.wrap{max-width:1240px}.studio-hero{min-height:675px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:1.5rem}.studio-hero{grid-template-columns:1.15fr 1fr;gap:0;min-height:550px}.studio-hero h1{font-size:3rem}.hero-copy>p{font-size:.95rem}.actions{gap:1rem}.experience{gap:2rem}.company-names{gap:1.5rem}.company-names span{font-size:1.25rem}.studio-about{gap:3rem;padding:3rem}.service-grid{gap:1.5rem}.service-grid h3{font-size:1.4rem}.studio-contact{padding:3rem}.section{padding-block:75px}}
@media(max-width:700px){html{scroll-padding-top:1rem}.wrap{width:calc(100% - 40px)}.site-header{height:auto;min-height:92px;gap:1rem}.wordmark{font-size:1.2rem}.site-header nav{gap:1.1rem;font-size:.85rem}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:.4rem .75rem}.studio-hero{display:flex;flex-direction:column;align-items:stretch;padding-block:35px 40px;gap:1.5rem;min-height:0}.studio-hero h1{font-size:clamp(2.35rem,8.8vw,3.6rem)}.hero-copy .eyebrow{font-size:.75rem;margin-bottom:1.3rem}.hero-copy>p{font-size:1rem;max-width:40ch;margin-top:1.5rem}.hero-art{padding:0;max-width:450px;margin:auto}.hero-art figcaption{font-size:1.1rem}.experience{display:block;padding:1.4rem 0}.experience p br{display:none}.company-names{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1rem}.company-names span{font-size:1.15rem}.section{padding-block:60px}.section-heading{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:2rem}.section-heading>p br{display:none}.service-grid{grid-template-columns:1fr;gap:2.25rem}.service-grid h3{font-size:1.6rem;margin-top:1rem}.service-grid h3 br{display:none}.service-grid p{max-width:45ch;font-size:1rem}.service-grid .text-link{margin-top:1rem}.studio-about{grid-template-columns:1fr;padding:2rem;gap:2.5rem}.portrait-note{max-width:230px;margin:auto}.studio-about h2{font-size:2.4rem}.studio-quote{padding-top:4rem}.studio-quote blockquote{font-size:2.2rem}.writing-grid{grid-template-columns:1fr;gap:1rem}.note-card h3{font-size:1.65rem}.studio-contact{padding:2rem;display:block}.studio-contact h2{font-size:3rem}.contact-actions{margin-top:1.5rem;align-items:flex-start}.site-footer{flex-wrap:wrap;font-size:.76rem;gap:1rem}.site-footer>span{display:none}.concept-bar{gap:.8rem;padding:8px 10px;bottom:10px}.concept-home{padding-right:.8rem;font-size:.76rem}.concept-label{display:none}.concept-links a{min-width:34px;min-height:34px}.concept-links{gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
}
@layer themes {
/* 02 — A personal letter: a narrow reading rhythm and generous margins. */
.letter{--paper:#faf9f5;--ink:#35332e;--muted:#706b63;--line:#dedbd3;--accent:#ae3e30}.letter-header{max-width:1140px;width:calc(100% - 100px);margin:auto;padding:34px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.letter-header>a{font:1.75rem var(--serif)}.letter-header nav{display:flex;gap:2rem;font-size:.8rem}.letter-header nav a:hover{color:var(--accent)}.letter-main{max-width:704px;margin:auto}.letter-hero{padding:64px 0 76px}.letter-salutation{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.letter-salutation .eyebrow{color:var(--accent)}.letter-salutation img{width:70px;height:70px;object-fit:cover;object-position:50% 20%;border-radius:50%;filter:grayscale(1)}.letter h1{font:400 clamp(3.8rem,6.4vw,5.75rem)/1.02 var(--serif);letter-spacing:-.045em}.letter h1 em{font-weight:400;color:var(--accent)}.letter-intro{margin-top:2.6rem;max-width:560px;font-size:1.1rem;line-height:1.9}.letter-intro p:first-child{color:var(--ink);font-weight:500}.letter-intro .letter-question{font:italic 1.8rem/1.45 var(--serif);color:var(--ink);margin-block:1.3rem;border-left:2px solid #bd584d;padding-left:1.5rem}.letter-link{display:inline-flex;align-items:center;gap:1.5rem;margin-top:1.8rem;color:var(--accent);border-bottom:1px solid #b4554b;padding-bottom:5px;font-size:1rem}.letter-link:hover{color:var(--ink);border-color:var(--ink)}.letter-section{position:relative;padding-block:64px;border-top:1px solid var(--line)}.letter h2{font:400 2.9rem/1.1 var(--serif);letter-spacing:-.028em;margin-bottom:1.6rem}.letter-section>p{font-size:1.04rem;line-height:1.9;max-width:600px}.margin-note{position:absolute;left:-180px;width:136px;top:68px;font:400 .75rem/1.7 var(--mono);color:#736b60}.margin-note::first-line{color:var(--accent)}.letter-offer{display:grid;grid-template-columns:125px 1fr;gap:1.5rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.letter-offer>span{font-size:.8rem;color:var(--accent);padding-top:.2rem}.letter-offer h3{font:400 1.95rem var(--serif);letter-spacing:-.02em}.letter-offer p{font-size:.94rem;margin-top:.6rem}.letter-offer a{display:inline-block;font-size:.87rem;color:var(--accent);margin-top:.75rem;text-decoration:underline;text-underline-offset:4px}.letter-recommendation{background:#f0eee7;padding:1.5rem;margin-top:2rem!important;font:italic 1.75rem/1.5 var(--serif)!important;color:#5c554b}.letter-about>.quiet-link{display:inline-block;margin-top:.75rem}.signature{font:italic 3rem var(--serif);color:var(--accent);margin-top:2rem}.signature span{display:block;font:400 .75rem var(--mono);color:var(--muted);margin-top:.8rem}.letter-note{display:flex;justify-content:space-between;gap:2rem;font:1.75rem/1.3 var(--serif);border-top:1px solid var(--line);padding:1.25rem 0}.letter-note:hover{color:var(--accent)}.letter-note>span:first-child{max-width:31ch}.letter-last{padding-bottom:84px}.letter-last .micro a{text-decoration:underline;text-underline-offset:4px}.letter-footer{max-width:1140px;width:calc(100% - 100px);margin:auto;border-top:1px solid var(--line);padding-block:2rem;display:flex;justify-content:space-between;font-size:.8rem}.letter-footer>span{font:1.75rem var(--serif)}
/* 03 — Working notebook: a useful, quiet navigation rail with blue marginalia. */
.notebook{--ink:#272b31;--muted:#6b7076;--line:#e6e8eb;--accent:#2156dc}.notebook-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:234px 1fr}.notebook-sidebar{border-right:1px solid var(--line);padding:38px 27px;position:sticky;top:0;height:calc(100vh - 84px);min-height:600px;display:flex;flex-direction:column}.notebook-logo{font:500 2.9rem var(--mono);line-height:1;letter-spacing:-.1em;width:fit-content}.notebook-logo>span{color:var(--accent)}.sidebar-person{font-size:.93rem;font-weight:600;margin-top:2rem}.sidebar-person>span{display:block;font-size:.79rem;font-weight:400;line-height:1.6;color:var(--muted);margin-top:.6rem}.notebook-sidebar nav{display:flex;flex-direction:column;gap:.4rem;margin-top:3rem}.notebook-sidebar nav a{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;font-size:.82rem;border-radius:4px;margin-inline:-.8rem}.notebook-sidebar nav a>span{font:.75rem var(--mono);color:#727a88}.notebook-sidebar nav a:hover,.notebook-sidebar nav a.selected{background:#eef3ff;color:var(--accent)}.sidebar-bottom{margin-top:auto;padding-top:3rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-bottom>span{font:.75rem/1.7 var(--mono);color:var(--muted)}.sidebar-bottom>a{font-size:.76rem;color:var(--accent)}.notebook-main{padding-inline:52px;min-width:0}.notebook-top{display:flex;align-items:center;justify-content:space-between;height:99px;border-bottom:1px solid var(--line);font:.75rem var(--mono);color:var(--muted)}.notebook-top>a{color:var(--ink);font:.8rem var(--sans)}.notebook-hero{display:grid;grid-template-columns:1.35fr .85fr;align-items:center;padding:60px 0 42px;gap:1.2rem}.notebook-hero .eyebrow{font-size:.75rem;color:#657087}.notebook-hero h1{font-size:clamp(2.3rem,3.65vw,3.55rem);line-height:1.17;margin-block:1.2rem 1.5rem;letter-spacing:-.05em}.notebook-hero h1>span{color:var(--accent);background:linear-gradient(transparent 90%,#c6d8ff 90%)}.notebook-hero p{font-size:.94rem;max-width:45ch;line-height:1.85}.blue-link{display:inline-block;font-size:.88rem;color:var(--accent);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#abc2f5}.blue-link:hover{text-decoration-color:var(--accent)}.notebook-hero .blue-link{margin-top:1.5rem}.notebook-hero figure{margin-right:-20px}.notebook-hero img{mix-blend-mode:multiply}.notebook-hero figcaption{font:italic 1.75rem var(--serif);text-align:center;color:var(--accent);margin-top:1rem}.notebook-callout{display:flex;gap:1.2rem;align-items:flex-start;background:#f2f5fb;padding:1.1rem 1.5rem;border-left:3px solid #3066e6}.notebook-callout>span{color:var(--accent);font-size:1.6rem;line-height:1.2}.notebook-callout p{font-size:.9rem;line-height:1.7;color:#455776}.notebook-section{padding-block:60px 0}.notebook-title{margin-bottom:1.8rem}.notebook-title .eyebrow{font-size:.75rem;color:var(--muted)}.notebook-title h2{font-size:1.9rem;margin-top:.65rem}.notebook-row{display:grid;grid-template-columns:24px 1fr auto 16px;gap:1rem;align-items:center;padding:1.4rem 0;border-top:1px solid var(--line)}.notebook-row:last-of-type{border-bottom:1px solid var(--line)}.notebook-row h3{font-size:1.08rem;letter-spacing:-.02em;font-weight:500}.notebook-row p{font-size:.85rem;margin-top:.35rem}.row-index{font:.75rem var(--mono);color:var(--muted);align-self:start;padding-top:.15rem}.row-tag{background:#f3f4f5;padding:.2rem .5rem;font-size:.75rem;color:#626a76;white-space:nowrap}.notebook-row>span:last-child{color:var(--accent)}.notebook-row:hover h3{color:var(--accent)}.session-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.session-steps li{border:1px solid var(--line);padding:1.15rem}.session-steps li>span{font:.76rem var(--mono);color:var(--accent)}.session-steps h3{font-size:1rem;margin-block:1rem .6rem;letter-spacing:-.02em}.session-steps p{font-size:.85rem}.notebook-course{margin-top:65px;padding:2rem;border:1px solid #c7d7f7;background:#fafcff}.notebook-course>.eyebrow{color:var(--accent);font-size:.75rem}.notebook-course>div{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-block:1rem}.notebook-course h2{font-size:2rem}.notebook-course p{font-size:.91rem}.all-notes{margin-top:1.5rem}.notebook-about{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;border-block:1px solid var(--line);padding-block:2.2rem;margin-top:60px}.notebook-about img{width:90px;height:90px;border-radius:50%;object-fit:cover;object-position:50% 20%;filter:grayscale(1)}.notebook-about .eyebrow{font-size:.75rem}.notebook-about h3{font-size:1.3rem;margin-top:.5rem}.notebook-about p{font-size:.9rem;margin:.6rem 0}.notebook-contact{padding-block:55px}.notebook-contact h2{font-size:2.1rem;margin-block:.7rem 1.5rem}.notebook-contact .button{background:var(--accent);border-color:var(--accent);margin-right:1.2rem}.notebook-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:1.5rem;font-size:.75rem;color:var(--muted)}
/* 04 — Clear signal: scale, sharp contrast, and one deliberate interruption. */
.signal{--ink:#222620;--muted:#676d63;--line:#d8ddd3;--lime:#d6fa50}.signal-header{height:125px;display:flex;align-items:center;gap:2.5rem;border-bottom:1px solid var(--ink)}.signal-logo{font-weight:750;font-size:2.6rem;line-height:1;letter-spacing:-.12em;position:relative}.signal-logo>span{font:400 .8rem var(--mono);position:absolute;top:0;right:-15px;letter-spacing:0;color:#57664b}.signal-header-title{font:.75rem/1.6 var(--mono);letter-spacing:.02em}.signal-header nav{margin-left:auto;display:flex;gap:2rem;font-size:.85rem}.signal-header nav>a:last-child{text-decoration:underline;text-underline-offset:5px}.signal-kicker{display:flex;justify-content:space-between;margin-top:1.8rem;font:.75rem/1.6 var(--mono);letter-spacing:.04em}.signal-headline{display:flex;justify-content:space-between;align-items:center;gap:3rem;margin-block:3.2rem 2rem}.signal-headline h1{font-weight:650;font-size:clamp(5rem,9.7vw,9.2rem);line-height:.98;letter-spacing:-.075em}.signal-headline h1>span{background:linear-gradient(transparent 11%,var(--lime) 11%,var(--lime) 96%,transparent 96%);padding:0 .07em 0 .025em;margin-left:-.025em}.signal-hello{width:160px;text-align:center;transform:rotate(4deg);margin-right:1.5rem}.signal-hello img{width:154px;height:154px;object-fit:cover;object-position:50% 20%;border-radius:50%;filter:grayscale(1)}.signal-hello>span{font:.75rem var(--mono);display:block;margin-top:1rem}.signal-intro{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-block:1.5rem 4rem}.signal-intro p{font-size:1.13rem;max-width:48ch;color:#41473a;line-height:1.75}.signal-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;background:var(--ink);color:#fff;padding:1.1rem 1.3rem;font-size:.91rem;white-space:nowrap;border:1px solid var(--ink)}.signal-button:hover{background:#47523b}.signal-button>span{font-size:1.5rem;line-height:1}.signal-strip{background:var(--ink);color:#fafbf7}.signal-strip>.wrap{display:flex;justify-content:space-between;gap:2rem;padding-block:1.4rem;font:.75rem var(--mono)}.signal-work{padding-block:72px}.signal-section-label{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:3rem}.signal-section-label p{font-size:.91rem}.signal-service{display:grid;grid-template-columns:180px 1fr 56px;gap:2rem;border-top:1px solid var(--ink);padding:2.5rem 0}.signal-service:last-child{border-bottom:1px solid var(--ink)}.signal-service>.eyebrow{font-size:.75rem;padding-top:.5rem}.signal-service h2{font-size:3.1rem;font-weight:500;letter-spacing:-.055em}.signal-service p{margin-top:1rem;max-width:49ch;font-size:.98rem}.signal-arrow{width:55px;height:55px;border:1px solid var(--ink);display:grid;place-items:center;font-size:1.8rem;transition:background .15s}.signal-service:hover .signal-arrow{background:var(--lime)}.signal-principle{padding-block:5rem;background:var(--lime)}.signal-principle h2{font-size:clamp(3.2rem,5.1vw,5rem);font-weight:500;letter-spacing:-.055em;margin-block:2rem}.signal-principle h2>span{color:#566128}.signal-principle p{max-width:54ch;color:#465022;font-size:1.03rem}.signal-principle .text-link{display:inline-block;margin-top:1.5rem;text-decoration-color:#6f793f}.signal-notes{padding-block:90px}.signal-notes h2{font-size:2.6rem}.signal-notes>a{display:grid;grid-template-columns:180px 1fr 32px;gap:2rem;align-items:center;border-top:1px solid var(--line);padding:2rem 0}.signal-notes>a:last-child{border-bottom:1px solid var(--line)}.signal-notes>a .eyebrow{font-size:.75rem}.signal-notes>a h3{font-size:1.8rem;font-weight:500;max-width:34ch}.signal-notes>a>span:last-child{font-size:2rem}.signal-notes>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.signal-contact{padding-block:4rem;border-top:1px solid var(--ink)}.signal-contact>div{display:flex;justify-content:space-between;align-items:center;gap:3rem;margin-block:1.5rem}.signal-contact h2{font-size:clamp(3rem,6.4vw,5.6rem);font-weight:500}.signal-contact .signal-button{background:var(--lime);color:var(--ink);min-width:240px}.signal-contact>.text-link{margin-left:auto;display:block;width:fit-content}
/* 05 — The journal: a restrained masthead, serif headlines, and an editorial grid. */
.journal{--ink:#30322e;--muted:#6b6d66;--line:#d9dbd3;--orange:#c8542d}.journal-meta{display:flex;justify-content:space-between;gap:1.5rem;padding-block:20px;font:.75rem var(--mono);letter-spacing:.045em}.journal-meta>a{letter-spacing:0}.journal-masthead{display:flex;justify-content:space-between;align-items:center;gap:3rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:1.35rem 0}.journal-masthead>a{font:3rem/1 var(--serif);letter-spacing:-.04em}.journal-masthead>a>span{color:var(--orange)}.journal-masthead nav{display:flex;gap:2rem;font-size:.83rem}.journal-masthead nav>a:hover{color:var(--orange)}.journal-hero{display:grid;grid-template-columns:1.1fr .8fr;gap:6rem;padding-block:65px 72px;align-items:center}.journal-hero-copy>.eyebrow{font-size:.75rem;display:flex;align-items:center;gap:.7rem}.orange-rule{width:22px;height:2px;background:var(--orange);display:inline-block}.journal-hero h1{font:400 clamp(3.75rem,5.4vw,5rem)/1.04 var(--serif);letter-spacing:-.035em;margin-block:1.7rem 1.8rem}.journal-hero h1 em{color:var(--orange);font-weight:400}.journal-hero p{max-width:44ch;font-size:.97rem;line-height:1.85}.journal-link{font-size:.87rem;border-bottom:1px solid #a9afa0;display:inline-flex;align-items:center;gap:1.6rem;padding-bottom:3px}.journal-link:hover{color:var(--orange);border-color:var(--orange)}.journal-hero .journal-link{margin-top:1.7rem}.journal-portrait{padding-top:.5rem}.journal-portrait img{width:100%;aspect-ratio:.9;object-fit:cover;object-position:50% 15%;filter:grayscale(1)}.journal-portrait figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;font:.75rem var(--mono);color:var(--muted)}.journal-portrait figcaption>span:last-child{font:italic 1rem var(--serif)}.journal-intro{display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid var(--line);padding-block:3.5rem}.journal-intro>.eyebrow{font-size:.75rem;padding-top:.45rem;color:var(--orange)}.journal-intro h2{font:400 2.9rem/1.12 var(--serif);letter-spacing:-.025em}.journal-intro p{max-width:60ch;margin-block:1.3rem 1rem;font-size:.96rem}.journal-work{padding-block:3rem 5rem}.journal h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}.journal-work h2{font-size:3.3rem}.journal .section-heading .eyebrow{font-size:.75rem;color:var(--muted)}.journal-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.journal-offers>article{border-top:1px solid var(--ink);padding-top:1.3rem}.journal-number{font:italic 2rem var(--serif);color:var(--orange)}.journal-offers h3{font:400 2.75rem var(--serif);margin-block:1.2rem .8rem}.journal-offers p{font-size:.94rem;max-width:32ch}.journal-offers .journal-link{margin-top:1.5rem}.journal-aside{background:#f3f4ee;padding:3rem 3.5rem;display:grid;grid-template-columns:1fr 2.7fr;gap:1.5rem 3rem}.journal-aside>.eyebrow{font-size:.75rem;color:var(--orange);max-width:20ch}.journal-aside>p{font:italic 2.75rem/1.3 var(--serif);color:#414739}.journal-aside>div{grid-column:2;display:flex;flex-direction:column;gap:.6rem;font-size:.77rem;color:var(--muted)}.journal-writing{padding-block:90px}.journal-writing h2{font-size:3.3rem}.journal-entries{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem}.journal-feature{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;border-top:1px solid var(--line);padding-top:1.3rem}.journal-entries .eyebrow{font-size:.75rem;color:var(--orange)}.journal-editorial-letter{font:8.75rem/.8 var(--serif);background:#f2f1e9;display:flex;align-items:center;justify-content:center;width:100%;height:190px;color:#575a48;letter-spacing:-.055em}.journal-entries h3{font:400 2.75rem/1.1 var(--serif);letter-spacing:-.025em}.journal-entries p{font-size:.94rem;max-width:47ch}.journal-secondary{align-self:center;border-left:1px solid var(--line);padding:1rem 0 1rem 3rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.journal-secondary h3{font-size:2.35rem}.journal-entries a:hover h3{color:var(--orange)}.journal-contact{border-block:1px solid var(--ink);text-align:center;padding-block:4rem}.journal-contact>.eyebrow{font-size:.75rem;color:var(--orange)}.journal-contact h2{font-size:4.4rem;line-height:1.05;margin-block:1.4rem}.journal-contact .actions{justify-content:center}.journal .site-footer .wordmark{font:1.75rem var(--serif);font-weight:400}.journal .site-footer{font-size:.75rem}
}
@layer responsive {
@media(min-width:1500px){.notebook-layout{max-width:1520px;grid-template-columns:250px 1fr}.notebook-main{padding-inline:70px}.notebook-hero{padding-top:80px}.notebook-hero h1{font-size:3.8rem}}
@media(max-width:1200px){.letter-main{max-width:660px;margin-left:auto;margin-right:12%}.margin-note{left:-150px;width:120px}.notebook-layout{grid-template-columns:200px 1fr}.notebook-sidebar{padding-inline:24px}.notebook-main{padding-inline:35px}.notebook-hero{grid-template-columns:1.45fr .8fr}.notebook-hero h1{font-size:2.7rem}.notebook-hero figure{margin-right:-10px}.row-tag{display:none}.notebook-row{grid-template-columns:22px 1fr 16px}.session-steps{gap:.8rem}.session-steps li{padding:1rem}.journal-hero{gap:3rem}.journal-hero h1{font-size:4rem}.journal-portrait figcaption{flex-wrap:wrap}.journal-masthead nav{gap:1.5rem}.signal-headline h1{font-size:8rem}.signal-service{grid-template-columns:160px 1fr 56px}}
@media(max-width:1000px){.letter-main{width:calc(100% - 80px);max-width:660px;margin-inline:auto}.margin-note{position:static;display:block;margin-bottom:1rem;width:auto}.margin-note br{display:none}.margin-note br::after{content:' / '}.letter-section{padding-block:50px}.letter-header{width:calc(100% - 64px)}.letter-footer{width:calc(100% - 64px)}.notebook-layout{grid-template-columns:175px 1fr}.notebook-sidebar{padding:35px 20px}.notebook-main{padding-inline:28px}.notebook-hero{grid-template-columns:1.25fr .65fr;gap:.5rem;padding-top:42px}.notebook-hero h1{font-size:2.2rem}.notebook-hero .eyebrow{font-size:.75rem}.notebook-hero p{font-size:.9rem}.notebook-hero figcaption{font-size:.94rem}.notebook-callout p{font-size:.85rem}.notebook-course>div{gap:1rem}.session-steps{grid-template-columns:1fr}.session-steps li{display:grid;grid-template-columns:24px 1fr;gap:.4rem 1rem}.session-steps h3{margin:0}.session-steps p{grid-column:2}.notebook-contact .blue-link{margin-top:1rem}.signal-headline h1{font-size:6.8rem}.signal-hello{width:130px;margin-right:0}.signal-hello img{width:125px;height:125px}.signal-hello>span{font-size:.75rem}.signal-intro p{font-size:1rem}.signal-service{grid-template-columns:125px 1fr 48px;gap:1.5rem}.signal-service h2{font-size:2.65rem}.signal-arrow{width:48px;height:48px}.signal-service>.eyebrow{font-size:.75rem}.signal-notes>a{grid-template-columns:130px 1fr 24px;gap:1rem}.signal-notes>a h3{font-size:1.5rem}.journal-hero{gap:2.5rem}.journal-hero h1{font-size:3.5rem}.journal-hero-copy>.eyebrow{font-size:.75rem;line-height:1.7}.journal-hero p{font-size:.93rem}.journal-masthead>a{font-size:2.6rem}.journal-masthead nav{font-size:.78rem;gap:1.3rem}.journal-intro h2{font-size:2.5rem}.journal-offers{gap:2rem}.journal-offers h3{font-size:2rem}.journal-aside{padding:2.5rem;gap:2rem;grid-template-columns:1fr 3fr}.journal-aside>p{font-size:1.9rem}.journal-entries{gap:2rem}.journal-secondary{padding-left:2rem}}
@media(max-width:700px){.letter-header{width:calc(100% - 40px);padding-block:23px;gap:1rem}.letter-header>a{font-size:1.5rem}.letter-header nav{gap:1rem;font-size:.76rem}.letter-header nav a:first-child{display:none}.letter-main{width:calc(100% - 48px);margin-inline:auto}.letter-hero{padding-block:34px 50px}.letter-salutation{margin-bottom:1.4rem}.letter-salutation img{width:52px;height:52px}.letter-salutation .eyebrow{font-size:.75rem}.letter h1{font-size:clamp(3.15rem,11vw,4.8rem);line-height:1.03}.letter-intro{font-size:1.02rem;margin-top:2rem}.letter-intro .letter-question{font-size:1.65rem;padding-left:1rem}.letter-question br{display:none}.letter h2{font-size:2.55rem}.letter-section>p{font-size:1rem}.letter-offer{grid-template-columns:1fr;gap:.5rem;margin-top:1.6rem}.letter-offer h3{font-size:1.85rem}.letter-offer p{font-size:.98rem}.letter-offer>span{font-size:.75rem}.letter-note{font-size:1.5rem;gap:1rem}.letter-recommendation{font-size:1.45rem!important}.letter-footer{width:calc(100% - 40px);gap:1rem;font-size:.75rem}.margin-note{font-size:.75rem}.notebook-layout{display:block}.notebook-sidebar{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.notebook-logo{font-size:2.2rem}.sidebar-person{font-size:.83rem;margin:0;text-align:right}.sidebar-person>span{font-size:.75rem;margin-top:.25rem}.sidebar-person>span br{display:none}.notebook-sidebar nav,.sidebar-bottom{display:none}.notebook-main{padding-inline:24px}.notebook-top{height:62px;font-size:.75rem;gap:1rem}.notebook-top>a{font-size:.76rem}.notebook-hero{display:block;padding-top:34px}.notebook-hero h1{font-size:clamp(2.2rem,8vw,3rem)}.notebook-hero p{font-size:1rem;max-width:43ch}.notebook-hero .eyebrow{font-size:.75rem}.notebook-hero figure{max-width:290px;margin:1.5rem auto 0}.notebook-callout{padding:1rem;gap:.8rem}.notebook-callout p{font-size:.91rem}.notebook-callout br{display:none}.notebook-section{padding-top:46px}.notebook-title h2{font-size:1.75rem}.notebook-row{gap:.7rem;padding-block:1.25rem;grid-template-columns:18px 1fr 14px}.notebook-row h3{font-size:1.03rem;line-height:1.4}.notebook-row p{font-size:.88rem}.notebook-course{margin-top:46px;padding:1.5rem}.notebook-course>div{grid-template-columns:1fr;gap:1rem}.notebook-course p{font-size:.97rem}.notebook-about{grid-template-columns:1fr;gap:1rem}.notebook-about img{width:60px;height:60px}.notebook-about .eyebrow{font-size:.75rem}.notebook-about p{font-size:.94rem}.notebook-contact h2{font-size:1.9rem}.notebook-contact{padding-block:45px}.notebook-footer{font-size:.75rem;flex-wrap:wrap}.signal-header{height:95px;gap:1.5rem}.signal-logo{font-size:2rem}.signal-header-title{font-size:.75rem}.signal-header nav>a:not(:last-child){display:none}.signal-header nav{font-size:.78rem;gap:0}.signal-kicker{font-size:.75rem;margin-top:1.1rem}.signal-kicker>span:last-child{display:none}.signal-headline{gap:.5rem;align-items:flex-start;margin-top:2.3rem;margin-bottom:1.5rem;position:relative}.signal-headline h1{font-size:clamp(4.15rem,15.5vw,7rem);line-height:1.02}.signal-hello{display:none}.signal-intro{display:block;padding-block:.5rem 2.5rem}.signal-intro p{font-size:1.05rem;max-width:40ch}.signal-intro .signal-button{margin-top:1.5rem}.signal-strip>.wrap{gap:.7rem;font-size:.75rem;line-height:1.6;padding-block:1rem;flex-wrap:wrap}.signal-work{padding-block:45px}.signal-section-label{margin-bottom:2rem;gap:1.5rem}.signal-section-label .eyebrow{font-size:.75rem}.signal-section-label p{font-size:.8rem}.signal-service{grid-template-columns:1fr 40px;gap:1rem;padding-block:1.7rem}.signal-service>.eyebrow{grid-column:1;font-size:.75rem}.signal-service>div{grid-column:1;grid-row:2}.signal-arrow{grid-column:2;grid-row:2;width:40px;height:40px;font-size:1.5rem}.signal-service h2{font-size:2.15rem}.signal-service p{font-size:.97rem}.signal-principle{padding-block:3rem}.signal-principle h2{font-size:2.85rem;margin-block:1.5rem}.signal-principle p{font-size:1rem}.signal-notes{padding-block:55px}.signal-notes h2{font-size:2.2rem}.signal-notes>a{grid-template-columns:1fr 24px;gap:.7rem}.signal-notes>a .eyebrow{grid-column:1;font-size:.75rem}.signal-notes>a h3{grid-column:1;font-size:1.5rem}.signal-notes>a>span:last-child{grid-column:2;grid-row:2;font-size:1.6rem}.signal-contact{padding-block:2.5rem}.signal-contact>div{display:block}.signal-contact h2{font-size:3.25rem}.signal-contact .signal-button{margin-top:1.5rem;min-width:210px}.signal-contact>.text-link{margin-left:0}.journal-meta{font-size:.75rem;padding-block:16px}.journal-meta>a{font-size:.75rem}.journal-masthead{display:block;padding:1rem 0}.journal-masthead>a{font-size:2.6rem}.journal-masthead nav{margin-top:1rem;font-size:.77rem;justify-content:space-between;gap:1rem}.journal-hero{display:block;padding-block:38px 44px}.journal-hero h1{font-size:clamp(3.1rem,10.5vw,4.5rem)}.journal-hero-copy>.eyebrow{font-size:.75rem}.journal-hero p{font-size:1rem}.journal-portrait{max-width:430px;margin:2.5rem auto 0}.journal-portrait img{aspect-ratio:1.1;object-position:50% 18%}.journal-portrait figcaption{font-size:.75rem}.journal-intro{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem}.journal-intro h2{font-size:2.5rem}.journal-intro p{font-size:1rem}.journal-work{padding-block:2rem 3rem}.journal-work h2{font-size:2.8rem}.journal-offers{grid-template-columns:1fr;gap:2rem}.journal-offers>article{padding-top:1.1rem}.journal-offers h3{margin-top:.7rem;font-size:2.2rem}.journal-offers p{max-width:43ch;font-size:1rem}.journal-offers .journal-link{margin-top:1rem}.journal-aside{padding:2rem;grid-template-columns:1fr;gap:1.2rem}.journal-aside>.eyebrow{max-width:none}.journal-aside>div{grid-column:1}.journal-aside>p{font-size:1.9rem}.journal-writing{padding-block:55px}.journal-writing h2{font-size:2.8rem}.journal-entries{grid-template-columns:1fr;gap:2.5rem}.journal-entries h3{font-size:2.25rem}.journal-entries p{font-size:1rem}.journal-editorial-letter{height:160px;font-size:7.5rem}.journal-secondary{border-left:0;border-top:1px solid var(--line);padding:1.3rem 0 0;gap:1.2rem}.journal-contact{padding-block:3rem}.journal-contact h2{font-size:3.5rem}.journal-contact p{font-size:.96rem}.journal-contact .actions{gap:1.5rem}.journal .site-footer{font-size:.75rem}}
}
@layer themes {
/* The comparison lives outside the five website concepts. */
.directions{--paper:#f8f9f6;--ink:#282c25;--muted:#72766d;--line:#dfe3d8;padding-bottom:0}.gallery-wrap{max-width:1200px;width:calc(100% - 100px);margin:auto}.directions-header{height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem}.directions-brand{font:700 2rem var(--sans);letter-spacing:-.09em;display:flex;align-items:center}.directions-brand>span:first-child{color:#d663a9}.directions-brand>span:last-child{font:400 .75rem var(--mono);letter-spacing:.07em;margin-left:1.4rem;color:var(--muted)}.directions-edition{font:.75rem var(--mono);color:var(--muted)}.directions-intro{padding-block:65px 60px;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:5rem}.directions-intro .eyebrow{font-size:.75rem;color:#6e7566}.directions-intro h1{font-size:clamp(2.8rem,4.6vw,4.6rem);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin-top:1.2rem}.directions-intro-note{padding-bottom:.3rem}.directions-intro-note p{font-size:.99rem;line-height:1.8}.directions-intro-note p+p{font-size:.85rem;color:#68715f;margin-top:.9rem}.direction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem 2rem}.direction-card{min-width:0;--swatch:#fa88c7}.red-direction{--swatch:#af4133}.blue-direction{--swatch:#2156dc}.lime-direction{--swatch:#d1ee61}.orange-direction{--swatch:#c8542d}.direction-preview-link{display:block;position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 3px 5px #00000004;background:#fff}.direction-preview{height:340px;overflow:hidden;pointer-events:none}.direction-preview iframe{display:block;border:0;pointer-events:none;width:250%;height:250%;transform:scale(.4);transform-origin:top left;background:white}.preview-open{position:absolute;bottom:16px;right:16px;font-size:.77rem;padding:.45rem .7rem;border-radius:4px;background:#272c25;color:white;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.preview-open>span{margin-left:.75rem}.direction-preview-link:hover .preview-open,.direction-preview-link:focus-visible .preview-open{opacity:1;transform:translateY(0)}.direction-preview-link:hover{border-color:#a0aa97}.direction-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem}.direction-number{font:.78rem var(--mono);color:var(--muted)}.direction-tag{font-size:.75rem;border:1px solid #d9dfd0;border-radius:20px;padding:.13rem .65rem;color:#606b54}.pink-direction .direction-tag{background:#f9d9ed;border-color:#f9d9ed;color:#734561}.direction-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.7rem}.direction-title h2{font-size:1.8rem;font-weight:500;letter-spacing:-.04em}.direction-title>span{font-size:1.3rem;color:#687260}.direction-mood{font-size:.9rem;color:#474f40;margin-top:.65rem}.direction-description{font-size:.9rem;line-height:1.7;color:#68715f;max-width:55ch;margin-top:.65rem}.direction-type{font:.75rem var(--mono);display:flex;align-items:center;gap:.6rem;color:#6f7766;margin-top:1.2rem}.direction-swatch{width:10px;height:10px;border-radius:50%;background:var(--swatch);display:block}.direction-recommendation{padding:3.5rem;align-self:center}.direction-recommendation .eyebrow{font-size:.75rem;color:#7a8371}.direction-recommendation h2{font:400 3.75rem/1.1 var(--serif);letter-spacing:-.03em;margin-block:1.4rem}.direction-recommendation p{font-size:.97rem;max-width:37ch}.direction-recommendation p+p{margin-top:1.2rem}.direction-recommendation .button{margin-top:1.8rem;font-size:.87rem}.directions-footnote{border-top:1px solid var(--line);margin-top:70px;padding-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.directions-footnote .eyebrow{font-size:.75rem;color:#67725c}.directions-footnote p{font-size:.82rem;line-height:1.9;margin-top:.8rem;color:#68715f}.directions-footnote a{text-decoration:underline;text-underline-offset:3px;color:#536348}.directions-footer{display:flex;justify-content:space-between;gap:1.5rem;font-size:.75rem;color:#68715f;padding-block:3rem}.directions-footer>span:last-child{font-style:italic}
/* Shared secondary-page examples; deliberately modest until a direction is chosen. */
.reading{padding-bottom:0}.reading-header{display:flex;justify-content:space-between;gap:2rem;align-items:center;height:100px;border-bottom:1px solid var(--line)}.reading-header nav{display:flex;gap:1.8rem;font-size:.85rem}.reading-header nav a:hover{text-decoration:underline;text-underline-offset:4px}.reading-main{max-width:750px;width:calc(100% - 48px);margin:0 auto;padding-block:3rem 5rem}.draft-label{font:.75rem/1.6 var(--mono);color:#6c6170;background:#f7eff7;padding:.7rem 1rem;border-left:2px solid #d49cc7;margin-bottom:3rem}.reading-main>h1,.article-main h1{font:400 clamp(3.75rem,6vw,4.8rem)/1.08 var(--serif);letter-spacing:-.03em;margin-block:1rem 1.6rem}.reading-lead{font-size:1.27rem;color:#464a40;line-height:1.7;margin-bottom:1.5rem}.draft-explainer{font-size:.9rem;color:#68715f;max-width:60ch}.reading-index{margin-top:3rem}.reading-index>a{display:block;border-top:1px solid var(--line);padding-block:2rem}.reading-index>a:last-child{border-bottom:1px solid var(--line)}.reading-index h2{font:400 2.75rem/1.12 var(--serif);letter-spacing:-.025em;margin-block:1rem}.reading-index p{font-size:1rem}.reading-index .text-link{display:inline-block;margin-top:1rem}.reading-index a:hover h2{color:#a34385}.reading-footer{max-width:1100px;width:calc(100% - 80px);margin:auto;border-top:1px solid var(--line);padding-block:2rem;display:flex;justify-content:space-between;gap:1.5rem;font-size:.8rem}.article-main{max-width:704px}.article-main article>.eyebrow{display:block;margin-top:2rem}.article-main h1{font-size:3.8rem}.article-main article>p:not(.reading-lead){font-size:1.05rem;line-height:1.9;color:#59614f;margin-top:1.3rem}.article-main h2{font:400 2.75rem/1.2 var(--serif);margin-top:2.7rem;margin-bottom:1rem;letter-spacing:-.025em}.article-main ul{font-size:1.05rem;line-height:1.85;padding-left:1.2rem;color:#59614f}.article-main li{padding-left:.3rem;margin-top:.45rem}.article-takeaway{padding:1.5rem;border-left:3px solid #e6a0cf;background:#faf4f8;margin-top:2.5rem;font-size:1rem;line-height:1.8;color:#5b4354}.article-next{border-top:1px solid var(--line);padding-top:2rem;margin-top:3rem}.article-next>a{display:block;margin-top:1rem;font:1.75rem/1.3 var(--serif)}.course-main>.button{margin-top:1.6rem}.course-main>.reading-lead{margin-bottom:1rem}.course-main>p:not(.reading-lead){font-size:1.05rem}.course-format{display:flex;justify-content:space-between;gap:1.5rem;padding-block:1.3rem;margin-top:3rem;border-block:1px solid var(--line);font:.75rem var(--mono)}.course-main>section{margin-top:3.5rem}.course-main h2{font:400 2.8rem/1.15 var(--serif);margin-block:.7rem 1rem}.course-main section>p{font-size:1.05rem;line-height:1.85}.course-outline{list-style:none;padding:0;margin-top:2rem}.course-outline>li{display:grid;grid-template-columns:45px 1fr;gap:1rem;border-top:1px solid var(--line);padding:1.5rem 0}.course-outline>li>span{font:.75rem var(--mono);color:#946582;padding-top:.25rem}.course-outline h3{font-size:1.4rem}.course-outline p{font-size:1rem;margin-top:.7rem}.course-next{padding:2rem;background:#f7f3f7}.course-next .button{margin-top:1.5rem}.course-next .micro{margin-top:1.2rem!important;line-height:1.8}
}
@layer responsive {
@media(max-width:1000px){.gallery-wrap{width:calc(100% - 64px)}.directions-intro{gap:2rem}.directions-intro h1{font-size:3.25rem}.directions-intro-note p{font-size:.9rem}.direction-grid{gap:3rem 1.5rem}.direction-preview{height:290px}.direction-preview iframe{width:333.3333%;height:333.3333%;transform:scale(.3)}.direction-recommendation{padding:2rem 1rem}.direction-recommendation h2{font-size:2.8rem}.direction-recommendation .button{gap:1rem}.directions-footnote{gap:2rem}.direction-title h2{font-size:1.6rem}}
@media(max-width:700px){.gallery-wrap{width:calc(100% - 40px)}.directions-header{height:85px;gap:1rem}.directions-brand{font-size:1.8rem}.directions-brand>span:last-child{font-size:.75rem;margin-left:1rem;max-width:15ch}.directions-edition{font-size:.75rem;text-align:right;max-width:14ch;line-height:1.7}.directions-intro{display:block;padding-block:40px}.directions-intro h1{font-size:clamp(2.4rem,9.5vw,3.7rem)}.directions-intro-note{margin-top:1.5rem}.directions-intro-note p{font-size:.98rem}.direction-grid{grid-template-columns:1fr;gap:3rem}.direction-preview{height:300px}.direction-preview iframe{width:333.3333%;height:333.3333%;transform:scale(.3)}.preview-open{opacity:1;transform:none;font-size:.75rem;bottom:12px;right:12px}.direction-card-meta{margin-top:1rem}.direction-title h2{font-size:1.8rem}.direction-description{font-size:.96rem}.direction-mood{font-size:.94rem}.direction-recommendation{padding:2rem 0;border-top:1px solid var(--line)}.direction-recommendation h2{font-size:3.1rem}.direction-recommendation p{font-size:1rem;max-width:45ch}.directions-footnote{grid-template-columns:1fr;gap:2rem;margin-top:1.5rem}.directions-footnote p{font-size:.9rem}.directions-footer{padding-block:2rem;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.reading-header{height:90px;gap:1rem}.reading-header .wordmark{font-size:1.05rem}.reading-header nav{gap:.8rem;font-size:.75rem}.reading-main{padding-block:2rem 3rem}.draft-label{font-size:.75rem;margin-bottom:2rem;padding:.6rem .8rem}.reading-main>h1{font-size:3.4rem}.reading-lead{font-size:1.15rem}.reading-index h2{font-size:2.2rem}.article-main h1{font-size:3rem}.article-main article>p:not(.reading-lead){font-size:1.05rem}.article-main h2{font-size:2.15rem}.article-main ul{font-size:1rem}.reading-footer{width:calc(100% - 48px);font-size:.75rem;flex-wrap:wrap}.course-format{font-size:.75rem;gap:1rem;flex-wrap:wrap}.course-main h2{font-size:2.45rem}.course-next{padding:1.5rem}.course-outline>li{grid-template-columns:30px 1fr;gap:.7rem}}
@media(hover:none){.preview-open{opacity:1;transform:none}}
}

/* Keep heading tracking consistent across page and style variants. */
h1,h2,h3,h4,h5,h6{letter-spacing:-.03em!important}