/* Clyents: editorial consulting brand. Native CSS; no external design system.
   DESIGN_VARIANCE 6 / MOTION_INTENSITY 3 / VISUAL_DENSITY 3.
   The warm paper palette follows the established Clyents concept. */
@font-face{font-family:Clyents Sans;src:url('assets/clyents-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Clyents Sans;src:url('assets/clyents-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f3f1eb;--ink:#252623;--muted:#62635d;--accent:#e64b35;--line:#cecec5;--gutter:clamp(1.25rem,5.2vw,6rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Clyents Sans,Arial,sans-serif;font-size:1.0625rem;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:#ffc4b9;color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:7px}a:active{opacity:.65}.wrap{width:min(100%,1536px);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;left:1rem;top:-100px;z-index:20;background:var(--ink);color:var(--paper);padding:1rem}.skip-link:focus{top:1rem}.header{height:96px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:3.15rem;font-weight:700;letter-spacing:-.075em;line-height:1.2;padding-right:.12em}.header nav{display:flex;gap:2.75rem;font-size:1rem}.header nav a{padding:.5rem 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:text-decoration-color .2s}.header nav a:hover{text-decoration-color:var(--accent)}.hero{padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(5rem,10vw,9rem)}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(3.4rem,8.8vw,8.65rem);font-weight:700;letter-spacing:-.055em;line-height:1.04;max-width:13ch}.marked{position:relative;display:inline-block;padding-bottom:.08em}.marked:after{content:'';position:absolute;left:0;bottom:.035em;width:100%;height:3px;background:var(--accent);transform:rotate(-1deg);transform-origin:left}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-top:2.5rem}.hero-intro{font-size:clamp(1.1rem,1.9vw,1.65rem);line-height:1.35;letter-spacing:-.015em}.text-link{display:inline-flex;align-items:center;gap:1.75rem;white-space:nowrap;padding:.6rem 0;border-bottom:2px solid var(--accent);font-size:1.0625rem;transition:gap .2s}.text-link:hover{gap:2.25rem}.text-link span{font-size:1.5rem;line-height:1}.services{padding-top:4rem;padding-bottom:6rem;border-top:1px solid var(--line)}.eyebrow{font-size:.875rem;margin-bottom:1.5rem;color:var(--muted)}h2{font-size:clamp(2.2rem,4.1vw,4rem);font-weight:400;letter-spacing:-.04em;line-height:1.12}.section-intro>p:last-child{max-width:40rem;margin-top:1.5rem;color:var(--muted);font-size:1.2rem}.service-list{margin-top:3.5rem;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto 2rem;align-items:center;gap:2rem;padding:1.7rem 0}summary::-webkit-details-marker{display:none}.service-name{font-size:clamp(1.45rem,2.55vw,2.35rem);letter-spacing:-.03em;line-height:1.3}.service-type{color:var(--muted);font-size:.9375rem}.expand{font-family:Arial,sans-serif;font-size:1.8rem;font-weight:400;text-align:center;transition:transform .2s;color:var(--ink)}details[open] .expand{transform:rotate(45deg)}summary:hover .service-name{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}.service-content{max-width:44rem;padding:0 0 2rem;font-size:1.2rem}.service-note{font-size:.9375rem;color:var(--muted);margin-top:1rem}.method{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem);padding-top:2rem;padding-bottom:7rem;align-items:start}.method-image{margin-top:.25rem;aspect-ratio:4/5;overflow:hidden;background:#e8e5de}.method-image img{width:100%;height:100%;object-fit:cover;display:block}.method-copy h2{font-size:clamp(2rem,3.4vw,3.4rem)}.principles{margin-top:2.75rem;display:grid;gap:2rem}.principles h3{font-size:1.125rem;font-weight:700;margin-bottom:.45rem}.principles p{max-width:29rem;color:var(--muted);font-size:1rem}.about{padding-top:4rem;padding-bottom:4rem;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(3rem,10vw,10rem);margin-top:3rem}.about-lead{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;letter-spacing:-.025em;max-width:22ch}.about-body p+p{margin-top:1.25rem}.about-body{max-width:39rem;color:var(--muted)}.os-note{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(3rem,10vw,10rem);padding-block:2rem;margin-top:4.5rem;border-top:1px solid var(--line)}.os-note h3{font-size:1.45rem;letter-spacing:-.04em;font-weight:700}.os-note h3 span{color:#b73626}.os-note p{max-width:39rem;font-size:.9375rem;color:var(--muted)}.footer{border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-top:2rem;padding-bottom:2rem}.footer-wordmark{font-size:clamp(4rem,10vw,9rem);line-height:1.1}.footer p{font-size:.875rem;color:var(--muted);padding-bottom:.5rem}.footer p a{text-decoration:underline;text-underline-offset:3px}.footer p a:hover{color:var(--ink)}
@media(min-width:1024px){.header{height:80px}.hero{animation:arrive .7s ease-out both}.hero-bottom{animation:arrive .7s .1s ease-out both}}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.header{height:84px}.wordmark{font-size:2.65rem}.header nav{gap:1.15rem;font-size:.875rem}.hero{padding-top:3rem;padding-bottom:4rem}h1{font-size:clamp(2.65rem,8.8vw,4.5rem);line-height:1.08;letter-spacing:-.055em;max-width:none}.marked:after{height:2px}.hero-bottom{display:block;margin-top:2rem}.hero-intro{font-size:1.18rem;max-width:25rem}.text-link{margin-top:1.65rem}.services{padding-top:2.75rem;padding-bottom:3.5rem}.section-intro>p:last-child{font-size:1.0625rem;margin-top:1.15rem}.service-list{margin-top:2rem}summary{grid-template-columns:1fr 1.5rem;gap:.35rem 1rem;padding:1.35rem 0}.service-name{font-size:1.45rem}.service-type{grid-row:2;font-size:.875rem}.expand{grid-column:2;grid-row:1/3}.service-content{font-size:1.0625rem;padding-bottom:1.5rem}.method{grid-template-columns:1fr;gap:2.5rem;padding-top:0;padding-bottom:3.5rem}.method-image{aspect-ratio:4/3}.method-copy h2{font-size:2.35rem}.principles{margin-top:2rem;gap:1.5rem}.principles p{max-width:35rem}.about{padding-top:2.75rem;padding-bottom:2rem}.about-grid{grid-template-columns:1fr;gap:1.75rem;margin-top:2rem}.about-lead{font-size:1.85rem;max-width:27ch}.about-body{font-size:1rem}.os-note{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem;padding-bottom:.5rem}.footer{align-items:flex-start;flex-direction:column;gap:1.5rem;padding-block:1.5rem}.footer-wordmark{font-size:5rem}.footer p{max-width:22rem}.eyebrow{margin-bottom:1.15rem}}
@media(max-width:360px){.header nav{gap:.75rem}.wordmark{font-size:2.3rem}.header nav{font-size:.8125rem}.desktop-break{display:none}h1{font-size:2.45rem}.service-name{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(2.5rem,5.5vw,5.5rem);align-items:start}
.about-portrait img{display:block;width:100%;height:auto}
.about-copy{min-width:0}
.about-copy .about-lead{max-width:none;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:700;line-height:1.2;margin-bottom:2rem}
.about-copy .about-body{max-width:none}
@media(max-width:767px){.about-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.about-portrait{width:100%;max-width:28rem}.about-copy .about-lead{font-size:1.85rem;margin-bottom:1.5rem}}
.experience{border-top:1px solid var(--line);padding-top:4rem;padding-bottom:4.5rem}
.experience h2{font-weight:700}
.experience-intro{margin-top:1.5rem;font-size:1.2rem;max-width:55rem}
.experience-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem clamp(3rem,7vw,7rem);margin-top:3rem}
.experience-grid h3{font-size:1.125rem;line-height:1.35;margin-bottom:.5rem}
.experience-grid p{font-size:1.0625rem;max-width:32rem;color:var(--muted)}
.experience-context{margin-top:3rem;max-width:68rem}
.experience-method{border-left:2px solid var(--accent);padding-left:1.5rem;margin-top:2rem;max-width:68rem;font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.5;letter-spacing:-.01em}
@media(max-width:767px){.experience{padding-top:2.75rem;padding-bottom:3rem}.experience .desktop-break{display:none}.experience-intro{font-size:1.0625rem;margin-top:1.25rem}.experience-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem;margin-top:2rem}.experience-grid p{font-size:1rem}.experience-context{margin-top:2rem;font-size:1rem}.experience-method{padding-left:1rem;margin-top:1.5rem}}
