@font-face{font-family:ScuratiRoundo;src:url(../fonts/roundo-0.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:ScuratiRoundo;src:url(../fonts/roundo-1.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:ScuratiRoundo;src:url(../fonts/roundo-2.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;}
.scurati-public-design{--scx-slate:#a6b3bc;--scx-sage:#b7c8be;--scx-blush:#d6c4b8;--scx-olive:#2c3620;--scx-paper:#e3e2da;--scx-ink:#1c1c1c;--scx-hover:#1d2816;--scx-input:#f5f4ee;--scx-muted:#454c45;--scx-line:#73796d;--scx-error:#70291f;--scx-white:#fff;--scx-yellow:#edc544;--scx-small:14px;--scx-body:18px;--scx-lead:24px;--scx-head:clamp(36px,4.4vw,64px);--scx-display:clamp(46px,6.1vw,88px);--scx-gap:clamp(22px,4vw,64px);--scx-ease:cubic-bezier(.16,1,.3,1);background:var(--scx-slate);color:var(--scx-ink)}
.scx,.scx *{box-sizing:border-box}
.scx{font-family:ScuratiRoundo,sans-serif;color:var(--scx-ink);font-size:var(--scx-body);line-height:1.55}
.scx h1,.scx h2,.scx h3,.scx p,.scx figure{margin:0}
.scx h1,.scx h2,.scx h3{font-family:inherit;font-weight:500;letter-spacing:-.025em;text-transform:none;line-height:1.05;text-wrap:balance;color:inherit}
.scx h1{font-size:var(--scx-display)}
.scx h2{font-size:var(--scx-head)}
.scx h3{font-size:var(--scx-lead)}
.scx p{max-width:67ch;text-wrap:pretty}
.scx p+p{margin-top:22px}
.scx a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}
.scx a:focus-visible{outline:3px solid currentColor;outline-offset:6px}
.scx ::selection{background:var(--scx-olive);color:var(--scx-paper)}
.scx img{display:block;max-width:100%;object-fit:cover}
.scx em{font:inherit;color:inherit}
.scx strong{font-weight:600}
.scx [id]{scroll-margin-top:40px}
.scx-wrap{width:calc(100% - var(--scx-gap)*2);max-width:1440px;margin-inline:auto}
.scx-lead{font-size:var(--scx-lead);line-height:1.35}
.scx .scx-note{font-size:var(--scx-small);line-height:1.5}
.scx-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 24px;background:var(--scx-olive);color:var(--scx-paper)!important;font-size:var(--scx-body);font-weight:600;line-height:1.25;text-decoration:none;border:0;border-radius:0;transition:background-color .2s ease}
.scx-button:hover{background:var(--scx-hover)}
.scx-button:active{transform:translateY(2px)}
.scx-text-link{display:inline-block;font-weight:600;text-decoration:underline;transition:text-decoration-color .2s ease}
.scx-text-link:hover{text-decoration-color:transparent}
.scx-button-light{background:var(--scx-paper);color:var(--scx-olive)!important}
.scx-button-light:hover{background:white}
.scx-hero{display:grid;grid-template-columns:minmax(0,1fr) 172px;padding:12px;gap:12px;background:var(--scx-slate)}
.scx-hero-panel{display:grid;grid-template-columns:1.12fr 1fr;min-height:650px}
.scx-hero-copy{padding:44px 32px;align-self:center}
.scx-hero-copy h1{font-size:clamp(48px,5.3vw,78px);margin-bottom:32px;max-width:11ch}
.scx-hero-copy .scx-lead{margin-bottom:24px;max-width:24ch}
.scx-hero-copy>p:not(.scx-lead):not(.scx-note){max-width:39ch;margin-top:0}
.scx-hero-copy .scx-button{margin-top:32px}
.scx-hero-copy .scx-text-link{display:block;width:fit-content;margin-top:20px}
.scx-hero-copy .scx-note{margin-top:14px}
.scx-portrait{position:relative;min-width:0;overflow:hidden;background:var(--scx-olive)}
.scx-portrait img{height:100%;width:100%;position:absolute;inset:0;object-position:50% 30%}
.scx-portrait figcaption{position:absolute;left:0;bottom:0;padding:16px 20px;width:100%;background:var(--scx-olive);color:var(--scx-paper);font-size:var(--scx-body);line-height:1.4}
.scx-portrait figcaption span{display:block;font-size:var(--scx-small)}
.scx-chapters{display:grid;grid-template-rows:repeat(3,1fr)}
.scx-chapters a{display:flex;align-items:flex-end;padding:24px 18px;font-weight:500;font-size:var(--scx-body);line-height:1.3;text-decoration:none;background:var(--scx-sage);transition:filter .2s ease}
.scx-chapters a:nth-child(2){background:var(--scx-blush)}
.scx-chapters a:nth-child(3){background:var(--scx-olive);color:var(--scx-paper)}
.scx-chapters a:hover{filter:brightness(1.07)}
.scx-curation{padding:100px 0;background:var(--scx-sage)}
.scx-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--scx-gap);align-items:end}
.scx-section-heading>p{max-width:45ch;font-size:var(--scx-lead);line-height:1.4}
.scx-question-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--scx-gap);margin:64px 0 92px}
.scx-questions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}
.scx-questions li{font-size:var(--scx-lead);line-height:1.35;max-width:27ch;font-weight:500}
.scx-explanation{max-width:53ch}
.scx-example-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--scx-gap);margin-bottom:32px;align-items:start}
.scx-example-heading h3{font-size:var(--scx-head)}
.scx-example-heading p{max-width:50ch}
.scx-speaker-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.17fr);gap:12px;text-decoration:none!important}
.scx-speaker-preview figure{min-width:0}
.scx-speaker-preview img{width:100%;height:auto;aspect-ratio:4/5;object-position:center 20%;filter:saturate(.75);transition:filter .3s ease}
.scx-speaker-preview:hover img{filter:saturate(1)}
.scx-speaker-preview figcaption{padding:16px 4px 0;font-size:var(--scx-body);font-weight:600}
.scx-speaker-preview figcaption span{display:block;font-size:var(--scx-small);font-weight:400;margin-top:4px}
.scx-speaker-preview .scx-wildcard-preview{background:var(--scx-blush);padding:14px}
.scx-example-action{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.scx-example-action .scx-note{margin:0;max-width:45ch}
.scx-books{display:grid;grid-template-columns:1.18fr 1fr;background:var(--scx-blush);min-height:740px}
.scx-books-image{overflow:hidden;position:relative;min-height:600px}
.scx-books-image img{position:absolute;inset:0;width:100%;height:100%;object-position:28% center}
.scx-books-copy{padding:80px var(--scx-gap);align-self:center}
.scx-books-copy h2{margin-bottom:32px}
.scx-books-copy .scx-button{margin-top:32px}
.scx-close{padding:104px 0;background:var(--scx-olive);color:var(--scx-paper)}
.scx-close>.scx-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--scx-gap);align-items:end}
.scx-close h2{font-size:var(--scx-display)}
.scx-close p{font-size:var(--scx-lead);line-height:1.4;max-width:32ch}
.scx-close .scx-button{margin-top:28px}
@media(max-width:1100px){.scx-hero{grid-template-columns:1fr}
.scx-hero-panel{min-height:620px}
.scx-chapters{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}
.scx-chapters a{min-height:96px;align-items:center;padding:22px}
.scx-hero-copy h1{font-size:clamp(50px,6vw,70px)}
}
@media(max-width:767px){.scurati-public-design{--scx-gap:22px;--scx-body:17px;--scx-lead:21px;--scx-head:36px;--scx-display:46px}
.scx-hero{padding:8px;gap:8px}
.scx-hero-panel{grid-template-columns:1fr;min-height:0}
.scx-hero-copy{padding:32px 14px 36px}
.scx-hero-copy h1{font-size:46px;max-width:none;margin-bottom:24px}
.scx-hero-copy .scx-lead{max-width:27ch}
.scx-hero-copy .scx-button{margin-top:24px}
.scx-hero-copy>p:not(.scx-lead):not(.scx-note){max-width:none}
.scx-portrait{height:390px}
.scx-portrait img{object-position:center 28%}
.scx-portrait figcaption{padding:12px 14px}
.scx-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}
.scx-chapters a{font-size:14px;min-height:94px;padding:14px}
.scx-curation{padding:60px 0}
.scx-section-heading,.scx-question-layout,.scx-example-heading{grid-template-columns:1fr;gap:28px}
.scx-section-heading>p{font-size:var(--scx-body)}
.scx-question-layout{margin:40px 0 64px}
.scx-questions{gap:22px}
.scx-explanation{max-width:none}
.scx-example-heading{gap:20px}
.scx-speaker-preview{grid-template-columns:1fr 1fr;gap:26px 10px}
.scx-speaker-preview .scx-wildcard-preview{padding:10px}
.scx-speaker-preview figcaption{font-size:var(--scx-small)}
.scx-example-action{align-items:flex-start;flex-direction:column;gap:18px}
.scx-books{grid-template-columns:1fr;min-height:0}
.scx-books-image{min-height:300px}
.scx-books-copy{padding:46px 22px 60px}
.scx-books-copy h2{font-size:34px;margin-bottom:26px}
.scx-close{padding:60px 0}
.scx-close>.scx-wrap{grid-template-columns:1fr;gap:28px}
.scx-close h2{font-size:46px}
.scx-close p{font-size:var(--scx-body)}
}
/* Motion is owned exclusively by design-motion.js/css; no duplicate entrance or scroll animation. */