@layer components{.home-page{--bg:var(--color-bg);--text:var(--color-text);--muted:var(--color-body);--line:var(--color-line);--accent:var(--color-accent);--band:var(--color-surface);--button:var(--color-accent);--buttonText:var(--color-bg);p{margin:0 0 20px;color:var(--muted)}h1,h2,h3{margin:0;font-weight:450;line-height:1.1}h1,h2{font-family:var(--font-serif);letter-spacing:-.025em}h1{font-size:60px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:43px;margin-bottom:24px}h3{font-size:21px;line-height:1.35}.wrap{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:85px;padding-top:64px;padding-bottom:76px;align-items:start}.hero-title{grid-area:1/1}.eyebrow{text-transform:uppercase;letter-spacing:.115em;font-size:12px;font-weight:600;color:var(--accent);margin:0 0 22px}.hero .eyebrow{font-size:12px}.lead{font-size:21px;line-height:1.55;color:var(--text)}.portrait{grid-area:1/2/3/3;margin:0;align-self:center}.portrait img{height:auto;width:100%;aspect-ratio:1;object-fit:cover}.portrait{border-top:3px solid var(--accent);padding-top:12px}.portrait figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;padding-top:14px;font-size:13px}.portrait figcaption span{color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.button{gap:.35em;display:inline-flex;background:var(--button);color:var(--buttonText);padding:13px 20px;font-size:14px;font-weight:550;min-height:48px;align-items:center}.text-link{display:inline-block;font-size:15px;border-bottom:1px solid var(--accent);padding-bottom:4px;color:var(--text)}.section{padding-top:88px;padding-bottom:88px}.situations,.engagement{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;border-top:1px solid var(--line)}.section-intro>p:not(.eyebrow){max-width:410px}.situation-list{list-style:none;margin:0;padding:0}.situation-list li{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.situation-list li:first-child{padding-top:0;border-top:0}.situation-list h3{margin-bottom:6px}.situation-list p{margin-bottom:0}.cue{flex:0 0 40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;color:var(--accent)}.situation-list .dd{padding-top:22px;font-size:15px}.situation-list .dd p{color:var(--muted)}.situation-list .dd a{color:var(--accent)}.report-preview{min-width:0}.report{background:#fffdf8;color:#27313a;padding:30px 34px;box-shadow:0 16px 30px #00000014;border-top:4px solid #cc5c29}.report-top{display:flex;gap:12px;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.08em;color:#52606b}.report .fictional{font-size:13px;line-height:1.5;color:#70482f;background:#f6eee2;padding:10px 12px;margin:18px 0 6px}.report-row{display:grid;grid-template-columns:132px 1fr;gap:18px;padding:14px 0;border-top:1px solid #dcdcd3}.report-row:first-of-type{border-top:0}.report .note{margin:0;font-size:13px;font-weight:600;line-height:1.45;color:#7a4a2a;padding-right:14px;border-right:2px solid #e9c9b0}.note-index{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;margin-right:8px;border-radius:50%;background:#cc5c29;color:#fffdf8;font-size:11px;font-weight:700}.report h3{font-family:var(--font-serif);font-size:26px;line-height:1.2;letter-spacing:-.02em;color:#27313a}.report-severity{color:#8a3414;font-size:14px;margin:10px 0 0}.report dl{margin:0}.report dt{font-size:13px;font-weight:600;color:#27313a}.report dd{margin:4px 0 12px;font-size:15px;line-height:1.5;color:#46505a}.report dd:last-child{margin-bottom:0}.report .report-foot{border-top:1px solid #dcdcd3;padding-top:14px;margin:14px 0 0;font-size:12px;color:#62686c}.report .report-foot a{color:#8a3414;text-decoration:underline;text-underline-offset:2px}.process,.branches{list-style:none;margin:0;padding:0}.process{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch;column-gap:0;row-gap:0}.branches-item,.process-more-item{grid-column:1 / -1;min-width:0}.stage{border:1px solid var(--line);border-radius:10px;padding:16px 18px;min-width:0}.stage h3{font-size:17px;margin:10px 0 4px}.stage p{margin:0;font-size:14px;line-height:1.45}.stage-report{border-color:var(--accent);border-width:2px}.process .link{align-self:center;height:2px;background:var(--line);position:relative}.process .link:after{content:"";position:absolute;right:-1px;top:-4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--line)}.fork{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;height:18px}.fork-drop{grid-column:5;justify-self:center;width:2px;height:100%;background:var(--line)}.branches-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;padding-top:22px}.branches:before{content:"";position:absolute;top:0;height:2px;background:var(--line);left:calc(25% - 6px);right:calc((100% - 56px) / 6)}.branch{position:relative}.branch:before{content:"";position:absolute;top:-22px;left:50%;width:2px;height:22px;background:var(--line)}.branch-optional,.branch-optional .cue{border-style:dashed}.tag{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 8px;border:1px solid var(--accent);border-radius:999px;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.process-more{margin-top:28px}.output-band{background:var(--band)}.output{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:84px}.small{font-size:13px;color:var(--muted)}.output .small{margin-top:14px}.engagement{border-top:0}.experience-band{background:var(--band)}.experience h2{max-width:750px;font-size:46px}.experience-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.writing-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.writing-list>a{display:grid;grid-template-columns:150px 1fr 24px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:25px 0}.writing-list>a:last-child{border-bottom:1px solid var(--line)}.writing-list h3{font-family:var(--font-serif);font-size:28px;font-weight:450}.writing-list>a>span:last-child{color:var(--accent)}.contact-band{background:var(--band)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact h2{margin-bottom:0}.contact p:not(.eyebrow){max-width:470px}.hero{grid-template-rows:auto auto auto auto;row-gap:0}.hero-intro{grid-area:2/1;padding-top:28px}.hero-support{grid-area:3/1}.hero>.actions{grid-area:4/1;margin-top:12px}.hero>.portrait{grid-area:1/2/5/3}.testimonial{max-width:960px;border-bottom:1px solid var(--line)}.testimonial blockquote{border-left:2px solid var(--accent);padding-left:28px;font-size:19px}.testimonial blockquote strong{font-weight:600;color:var(--text)}.testimonial footer{font-size:14px;color:var(--muted)}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{column-gap:40px}h1{font-size:50px}.situations,.engagement,.output,.contact{gap:45px}.report{padding:24px}.report-row{grid-template-columns:120px 1fr;gap:14px}.process{grid-template-columns:1fr 20px 1fr 20px 1fr}.stage{padding:14px}.branches:before{right:calc((100% - 40px) / 6)}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.hero{display:flex;flex-direction:column;gap:0;padding:32px 0 46px}.hero-title{order:0;width:100%}h1{font-size:clamp(2.05rem,10.5vw,2.6rem)}.hero-intro{order:1;padding-top:22px}.hero>.actions{order:2;margin:0 0 28px;gap:16px}.hero>.portrait{order:3;width:248px;max-width:100%;align-self:center;margin:0;padding:0;border:0}.hero-support{order:4;padding-top:26px}.hero .eyebrow{font-size:11px;letter-spacing:.05em}.lead{font-size:19px}.button{font-size:14px;padding:12px 16px}.text-link{font-size:14px}.section{padding-block:40px}.situations,.engagement,.output,.contact{display:block}.section-intro{margin-bottom:30px}h2,.experience h2{font-size:35px;margin-bottom:20px}.eyebrow{font-size:11px;margin-bottom:16px}.situation-list li{gap:14px;padding-block:18px}.cue{flex-basis:36px;height:36px}.report{padding:20px 18px}.report-top{font-size:12px;flex-wrap:wrap}.report-row{display:block;padding-block:14px}.report .note{border-right:0;border-left:2px solid #e9c9b0;padding:0 0 0 12px;margin-bottom:10px}.report h3{font-size:23px}.report dd{font-size:15px}.process{display:flex;flex-direction:column;position:relative;padding-left:34px}.process:before{content:"";position:absolute;left:19px;top:20px;bottom:64px;width:2px;background:var(--line)}.process .link,.fork,.branches:before,.branch:before{display:none}.stage{border:0;border-radius:0;padding:0 0 18px;position:relative}.stage .cue{position:absolute;left:-34px;top:0;flex-basis:auto;width:30px;height:30px;border-radius:50%;background:var(--bg)}.stage .cue svg{width:16px;height:16px}.stage h3{margin:0 0 3px;font-size:17px;line-height:1.35;min-height:30px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.stage p{font-size:15px}.stage-report .cue{border-color:var(--accent)}.branches-item{position:relative;padding-top:2px}.branches-label{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.branches{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:8px}.branch{display:grid;grid-template-columns:26px 1fr;column-gap:10px;align-items:start;padding:10px 12px}.branch+.branch{border-top:1px solid var(--line)}.branch .cue{position:static;width:26px;height:26px;border-radius:6px;grid-row:1 / span 2}.branch h3{min-height:0;font-size:15px;margin:0 0 2px;line-height:1.3}.branch p{font-size:14px;line-height:1.4}.branch-optional{border:0;border-top:1px dashed var(--line)}.branch-optional .cue{border-style:dashed}.tag{margin-left:0;padding:1px 6px;font-size:10px}.process-more-item{margin-top:16px;padding-top:0}.process-more{margin-top:0}.experience-copy{display:block}.writing-head{display:block;margin-bottom:25px}.writing-head h2{margin-bottom:18px}.writing-list>a{grid-template-columns:1fr 20px;gap:8px;padding-block:23px}.writing-list .small{grid-column:1/-1;font-size:13px}.writing-list h3{font-size:25px}.writing-list>a>span:last-child{grid-column:2;grid-row:2}.contact h2{margin-bottom:25px}}}}