:root{color-scheme:light;--paper:#f6f5f1;--ink:#252a26;--muted:#656c65;--line:#dcded5;--green:#253e35;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
button{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4568d1;outline-offset:5px}
.skip-link{position:fixed;top:-80px;left:16px;z-index:5;background:white;padding:12px 20px}
.skip-link:focus{top:12px}
.site-header,main,footer{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{text-decoration:none;font-family:var(--serif);font-weight:700;font-size:32px;letter-spacing:-1.8px;line-height:1}
.wordmark-dot{color:#65816a}
.wordmark img{display:block;max-width:100%;height:auto}
.ribbon-refinement{padding:55px 0 40px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.ribbon-refinement>header{display:flex;justify-content:space-between;align-items:center;gap:30px}.ribbon-refinement h2{font:48px/1.08 var(--serif);letter-spacing:-.045em;margin:0}.ribbon-intro{font-size:14px;color:var(--muted);line-height:1.8;max-width:800px;margin:25px 0 28px}.ribbon-master .image-open{background:#0d1421;border-color:#30394e;padding:35px 40px}.ribbon-master img{width:100%;height:auto}.ribbon-master figcaption{padding-bottom:20px}.ribbon-improvements{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:35px}.ribbon-improvements p{font-size:13px;margin:0;line-height:1.8}.ribbon-improvements strong{display:block;font-weight:500;margin-bottom:6px}.ribbon-improvements span{color:var(--muted)}.ribbon-applications{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ribbon-applications>figure{padding:25px 25px 0;border-radius:5px}.ribbon-applications img{display:block;width:100%;height:auto}.ribbon-light{background:#fff8ef;border:1px solid var(--line)}.ribbon-mono{background:#0d1421;border:1px solid #30394e}.ribbon-mono figcaption{color:#b8b6cd}.ribbon-size-proof{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:center;padding:36px 0}.ribbon-size-proof h3{font:26px/1.25 var(--serif);letter-spacing:-.02em;margin:0 0 13px}.ribbon-size-proof>div>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.ribbon-sizes{display:flex;justify-content:space-around;align-items:end;gap:24px;padding:27px;background:#0d1421;border-radius:5px;flex-wrap:wrap}.ribbon-sizes img{display:block;max-width:100%;height:auto}.ribbon-sizes figcaption{font-size:10px;color:#aaa8bd;justify-content:center;padding:14px 0 0}.ribbon-imagegen{padding-bottom:20px}.ribbon-imagegen>p{max-width:740px;padding-left:20px}.ribbon-imagegen .image-open{max-width:960px;margin:15px auto 0}.ribbon-imagegen summary{font-size:13px}#design-preview[data-surface="dark"] .preview-scroll{background:#0d1421}
.wordmark-domain{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.04em;margin-left:7px}
.edition{font-size:12px;color:var(--muted);display:flex;gap:28px}
.intro{padding:86px 0 62px;display:flex;align-items:flex-end;justify-content:space-between;gap:60px}
.eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.15em;line-height:1.4;margin:0 0 18px;color:var(--muted)}
h1,h2,h3,p{margin-top:0}
h1{font-family:var(--serif);font-size:clamp(46px,5.4vw,78px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin-bottom:30px}
.intro-copy{color:var(--muted);font-size:19px;line-height:1.65;margin:0}
.study-note{max-width:275px;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);padding-bottom:8px}
.study-note p{margin:0}
.study-note strong{display:block;color:var(--ink);font-size:12px;margin-bottom:8px}
.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#748870;margin-top:6px}
.wordmark-exploration{padding:50px 0 18px;scroll-margin-top:20px}.wordmark-exploration>header{display:flex;justify-content:space-between;align-items:center;gap:30px}.wordmark-exploration>header h2{font:48px/1.1 var(--serif);letter-spacing:-.045em;margin:0}.wordmark-exploration>header .eyebrow{margin-bottom:13px}.wordmark-intro{font-size:14px;color:var(--muted);max-width:770px;line-height:1.8;margin:23px 0 32px}.wordmark-studies{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.wordmark-study{min-width:0}.wordmark-study>.eyebrow{font-size:10px;margin-bottom:8px}.wordmark-study>h2{font:28px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:18px}.wordmark-study .image-open{border-radius:5px;border-color:#30394e}.wordmark-study>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 0}.wordmark-study .wordmark-refinement{font-size:12px!important;margin-top:10px!important}.wordmark-refinement strong{color:var(--ink);font-weight:500}.wordmark-verdict{font-size:14px;line-height:1.8;margin:32px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.wordmark-verdict strong{color:var(--ink)}
.prototype-invite{margin-top:35px;background:#151c2c;color:#eeebf8;border:1px solid #3f4358;border-radius:8px;padding:28px;display:flex;gap:35px;align-items:center;justify-content:space-between}
.prototype-invite .eyebrow{color:#beb1da;margin-bottom:10px}.prototype-invite h2{font:30px/1.2 var(--serif);margin-bottom:12px}.prototype-invite p:last-child{color:#b0b5cb;font-size:13px;max-width:650px;margin-bottom:0}.prototype-invite>a{display:flex;gap:22px;align-items:center;white-space:nowrap;background:#ffc49d;color:#252230;padding:14px 18px;border-radius:5px;text-decoration:none;font-size:12px}
.direction-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.direction-nav>a{display:flex;align-items:center;gap:16px;text-decoration:none;padding:28px 24px;transition:background .15s}
.direction-nav>a:first-child{padding-left:0}
.direction-nav>a+a{border-left:1px solid var(--line)}
.direction-nav>a:hover{background:#eeeee6}
.nav-letter{display:grid;place-items:center;width:44px;height:52px;font:26px var(--serif);flex-shrink:0}
.swatch-a{background:#e8ece3;color:#294b3d}
.swatch-b{background:#222436;color:#d8ceee}
.swatch-c{background:#e7edfc;color:#315ee7}
.direction-nav>a>span:nth-child(2){font-size:14px;font-weight:600}
.direction-nav small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}
.nav-arrow{margin-left:auto;font-size:19px;color:var(--muted)}
.recommendation{margin:40px 0 90px;padding:30px 0;display:grid;grid-template-columns:170px 1fr 160px;gap:32px;align-items:start}
.recommendation .eyebrow{color:var(--green);padding-top:6px}
.recommendation h2{font:27px/1.25 var(--serif);letter-spacing:-.03em;margin-bottom:14px}
.recommendation p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:720px;margin-bottom:0;line-height:1.75}
.text-link{font-size:12px;white-space:nowrap;align-self:center;text-decoration:none;border-bottom:1px solid #839085;padding:10px 0;display:flex;justify-content:space-between;gap:15px}
.direction{padding-top:36px;margin-bottom:88px;border-top:1px solid var(--line);scroll-margin-top:20px}
.direction-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}
.title-group{display:flex;gap:25px;align-items:center}
.direction-letter{font:60px/1 var(--serif);color:#919c8d;font-style:italic}
.direction-heading .eyebrow{margin-bottom:8px}
.direction h2{font:clamp(30px,3vw,42px)/1.15 var(--serif);letter-spacing:-.045em;margin-bottom:0}
.recommendation-tag{border:1px solid #b7c5b5;background:#e9eee5;color:#3c5541;font-size:11px;padding:7px 12px;border-radius:24px}
.palette-description{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}
.palette-dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.night{background:#777094}.cobalt{background:#315ee7}
.direction-summary{max-width:770px;font-size:15px;color:var(--muted);margin:25px 0 28px;line-height:1.75}
figure{margin:0}
.image-open{display:block;overflow:hidden;border:1px solid var(--line);background:#ecece7;cursor:zoom-in;border-radius:4px}
.image-open img{display:block;width:100%;height:auto;transition:opacity .2s}
.image-open:hover img{opacity:.94}
figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted);padding:14px 0 25px}
figcaption a{padding:8px 0}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.decision-grid h3{font-size:12px;margin-bottom:9px;font-weight:600}
.decision-grid p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}
.current-direction{padding:34px;border:1px solid #34394d;border-radius:8px;background:#141826;color:#f4f0ec;--muted:#b7b4ce;--line:#383c52}
.current-direction .direction-letter{font-style:normal;color:#c6c2ea;font-size:40px;letter-spacing:-.06em}
.current-direction .title-group{align-items:flex-start}
.current-direction h2{font-family:var(--sans);font-size:clamp(30px,3.8vw,52px);letter-spacing:-.045em;line-height:1.08}
.current-direction .recommendation-tag{background:#2c2630;color:#f0b28c;border-color:#6e5049}
.current-direction .image-open{border-color:#383c52;background:#141826}
.current-direction .direction-summary{max-width:800px}
.current-direction .direction-summary strong{color:#f4e8de;font-weight:400}
.iteration-flow{display:grid;grid-template-columns:1fr 1.4fr;gap:28px 90px;padding-bottom:55px}
.iteration-flow h2,.archive-heading h2{font:40px/1.13 var(--serif);letter-spacing:-.045em;margin-bottom:20px}
.iteration-flow>div>p:last-child{font-size:14px;max-width:330px;color:var(--muted)}
.iteration-flow ol{margin:0;padding:0;list-style:none;counter-reset:steps}
.iteration-flow li{position:relative;padding:0 0 25px 40px;counter-increment:steps}
.iteration-flow li:before{content:'0' counter(steps);position:absolute;left:0;top:1px;color:#8c819b;font-size:12px}
.iteration-flow li strong{display:block;font-size:15px;font-weight:600;margin-bottom:6px}
.iteration-flow li span{display:block;font-size:13px;line-height:1.8;color:var(--muted)}
.timing-note{grid-column:2;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:-20px}
.archive-heading{border-top:1px solid var(--line);padding-top:48px}
.archive-heading p:last-child{max-width:710px;font-size:14px;color:var(--muted);margin-bottom:28px}
.direction-nav+.direction{margin-top:45px}
.shared-brief{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;border-top:1px solid var(--line);padding:54px 0 62px}
.brief-intro h2{font:40px/1.13 var(--serif);letter-spacing:-.045em;margin-bottom:20px}
.brief-intro>p:last-child{font-size:14px;color:var(--muted);max-width:280px}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding:19px 4px;font-size:14px;font-weight:600;list-style-position:outside;margin-left:16px}
details>div{padding:0 4px 14px 20px}
details p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:14px}
details strong{font-weight:600;color:var(--ink)}
.next-step{text-align:center;background:#e9ede5;padding:58px 24px 48px;margin:15px 0 75px;border-radius:4px}
.next-step h2{font:42px/1.15 var(--serif);letter-spacing:-.045em;margin-bottom:20px}
.next-step>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}
.back-links{display:flex;justify-content:center;gap:28px;margin-top:26px;font-size:12px}
.back-links a{padding:10px 0}
footer{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
footer .wordmark{font-size:25px;color:var(--ink)}
footer>a:last-child{padding:10px 0;text-decoration:none}
dialog{padding:0;border:1px solid #d3d8ce;background:var(--paper);border-radius:8px;width:calc(100vw - 48px);max-width:1800px;max-height:calc(100dvh - 48px);color:var(--ink)}
dialog::backdrop{background:rgb(14 21 17 / .78)}
.preview-toolbar{display:flex;align-items:center;gap:24px;padding:14px 20px;border-bottom:1px solid var(--line)}
.preview-toolbar h2{font-size:15px;flex:1;margin:0}
.preview-toolbar a{font-size:12px}
.preview-toolbar button{border:1px solid #c6cbbf;border-radius:4px;background:transparent;padding:11px 16px;cursor:pointer;font-size:13px}
.preview-toolbar button:hover{background:#e9ede5}
.preview-scroll{max-height:calc(100dvh - 127px);overflow:auto;padding:12px}
.preview-scroll img{display:block;width:100%;height:auto}
body.preview-open{overflow:hidden}
@media(min-width:1700px){.image-open{max-height:none}}
@media(max-width:1000px){.site-header,main,footer{width:calc(100% - 56px)}.intro{gap:36px;padding-top:60px}.recommendation{grid-template-columns:1fr 2.5fr;gap:20px;margin-bottom:60px}.recommendation .text-link{grid-column:2;justify-self:start;min-width:150px}.direction-nav>a{padding:22px 16px;gap:10px}.direction-nav small{font-size:10px}.nav-arrow{display:none}.shared-brief{gap:45px;grid-template-columns:1fr 1.4fr}.decision-grid{gap:24px}}
@media(max-width:680px){html{scroll-padding-top:18px}.site-header,main,footer{width:calc(100% - 36px)}.site-header{height:80px}.wordmark{font-size:29px}.wordmark-domain{display:none}.edition{font-size:10px;gap:0}.edition>span{display:none}.intro{display:block;padding:48px 0 30px}h1{font-size:49px;margin-bottom:22px}.intro-copy{font-size:16px}.study-note{margin-top:26px;max-width:330px;font-size:12px}.study-note strong{margin-bottom:3px}.direction-nav{grid-template-columns:1fr}.direction-nav>a,.direction-nav>a:first-child{padding:16px 0;gap:16px;min-height:80px}.direction-nav>a+a{border-left:0;border-top:1px solid var(--line)}.direction-nav>a>span:nth-child(2){font-size:14px}.direction-nav small{font-size:11px}.nav-letter{width:38px;height:45px;font-size:24px}.nav-arrow{display:inline}.recommendation{display:block;padding:22px 0;margin:14px 0 40px}.recommendation h2{font-size:27px}.recommendation .eyebrow{margin-bottom:12px}.recommendation .text-link{display:inline-flex;margin-top:14px;min-width:150px}.direction{margin-bottom:52px;padding-top:25px}.direction-heading{align-items:flex-start;flex-direction:column;gap:17px}.title-group{gap:16px}.direction-letter{font-size:44px}.direction h2{font-size:32px}.direction-heading .eyebrow{font-size:10px}.recommendation-tag{font-size:10px}.direction-summary{font-size:14px;margin:20px 0}.image-open{margin-inline:-6px}.decision-grid{grid-template-columns:1fr;gap:18px}.decision-grid h3{margin-bottom:4px}.decision-grid p{font-size:13px}figcaption{font-size:10px;align-items:flex-start;padding-bottom:19px}figcaption span{padding-top:8px}.shared-brief{grid-template-columns:1fr;gap:15px;padding:34px 0}.brief-intro h2{font-size:36px}.brief-intro>p:last-child{max-width:100%}.next-step{padding:36px 20px 30px;margin-bottom:44px}.next-step h2{font-size:35px}.next-step br{display:none}.back-links{gap:22px;font-size:11px}footer{flex-wrap:wrap;padding-top:24px}footer>span{order:3;flex-basis:100%;font-size:10px}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.preview-toolbar{padding:10px;gap:10px;flex-wrap:wrap}.preview-toolbar h2{font-size:13px;flex-basis:calc(100% - 100px)}.preview-toolbar a{order:3}.preview-toolbar button{min-height:44px;padding-inline:12px}.preview-scroll{max-height:calc(100dvh - 145px);padding:8px}.preview-scroll img{width:1100px;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:850px){.ribbon-refinement>header{flex-direction:column;align-items:flex-start;gap:10px}.ribbon-refinement>header .text-link{align-self:flex-start}.ribbon-size-proof{grid-template-columns:1fr;gap:20px}.ribbon-improvements{gap:20px}.ribbon-refinement h2{font-size:40px}}
@media(max-width:680px){.site-header .wordmark img{width:145px}.ribbon-refinement{padding-top:34px}.ribbon-master .image-open{padding:15px 10px;margin:0}.ribbon-intro{font-size:13px}.ribbon-improvements{grid-template-columns:1fr;gap:17px;margin-bottom:25px}.ribbon-improvements strong{margin-bottom:2px}.ribbon-applications{grid-template-columns:1fr}.ribbon-applications>figure{padding:18px 18px 0}.ribbon-master figcaption{align-items:flex-start;flex-direction:column;gap:0}.ribbon-sizes{padding:24px 15px}.ribbon-refinement h2{font-size:36px}}
@media(max-width:850px){.wordmark-exploration>header{align-items:flex-start;flex-direction:column;gap:10px}.wordmark-exploration>header .text-link{align-self:flex-start}.wordmark-studies{grid-template-columns:1fr;gap:32px}.wordmark-study .image-open{margin:0}.wordmark-exploration>header h2{font-size:39px}.wordmark-exploration{padding-top:35px}.wordmark-verdict{font-size:13px}}
@media(max-width:850px){.prototype-invite{flex-direction:column;align-items:flex-start;gap:20px}.prototype-invite>a{white-space:normal}}
@media(max-width:680px){.current-direction{padding:22px 16px;margin-inline:-6px}.current-direction .direction-heading{gap:18px}.current-direction .direction-letter{font-size:29px}.current-direction .title-group{gap:13px}.current-direction h2{font-size:29px}.current-direction .direction-summary{font-size:14px}.current-direction figcaption{flex-direction:column;gap:0}.iteration-flow{grid-template-columns:1fr;gap:16px;padding-bottom:32px}.iteration-flow h2,.archive-heading h2{font-size:34px}.iteration-flow>div>p:last-child{max-width:none}.timing-note{grid-column:1;margin-top:0}.archive-heading{padding-top:30px}}

/* Round 06: public landing-page design journal. */
.landing-study{padding:48px 0 70px;border-bottom:1px solid #d4d1c9;margin-bottom:60px;scroll-margin-top:25px}.landing-study>h1{font-size:clamp(38px,5vw,64px);font-weight:450;line-height:1.08;letter-spacing:-.05em;margin:18px 0 24px}.landing-intro{font-size:18px;line-height:1.8;max-width:850px;color:#5d605c}.landing-links{display:flex;gap:18px 28px;flex-wrap:wrap;margin:28px 0 35px}.landing-links a{font-size:15px;padding:10px 0;border-bottom:1px solid #777}.landing-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.landing-decisions h3{font-size:20px;margin-bottom:13px}.landing-decisions p{font-size:15px;line-height:1.8;color:#5b605b}.landing-concept{margin:30px 0}.landing-concept img{width:100%;border-radius:10px}.landing-concept figcaption{font-size:13px;color:#60655f;padding:12px 0}.landing-prompt{border-block-end:1px solid #d2d3c9;margin:10px 0}.landing-prompt summary{font-size:16px;padding:17px 0;cursor:pointer}.landing-prompt p{font-size:14px;line-height:1.8;margin-bottom:18px;max-width:1000px}.landing-archive-note{font-size:14px;line-height:1.8;margin-top:35px;color:#626760}.landing-capture-grid{display:grid;grid-template-columns:2.6fr 1fr;gap:24px;align-items:start;margin-top:25px}.landing-capture-grid img{width:100%;border:1px solid #d1d0c9;border-radius:8px}.landing-capture-grid figcaption{font-size:13px;line-height:1.6;padding:12px 0}.landing-checks{font-size:15px;line-height:1.8;margin-top:24px}@media(max-width:700px){.landing-study{padding-top:28px}.landing-decisions{grid-template-columns:1fr;gap:22px}.landing-links{gap:10px 20px}.landing-capture-grid{grid-template-columns:1fr}.landing-capture-grid figure:last-child{max-width:350px}.landing-intro{font-size:16px}}

/* Round 07: keep generated proposals distinct from native browser renders. */
.reversal-study>h2{font-size:34px;font-weight:450;letter-spacing:-.04em;margin:45px 0 22px;line-height:1.15}.reversal-concepts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reversal-study figure{margin:0}.reversal-study figure img{width:100%;height:auto;display:block;border:1px solid #d4d1c9;border-radius:8px}.reversal-study figcaption{font-size:13px;line-height:1.8;color:#64695f;padding:12px 0}.reversal-before{display:grid;grid-template-columns:2.5fr 1fr;gap:24px;align-items:start}.reversal-study .landing-prompt h3{font-size:17px;margin:15px 0}.reversal-study .landing-prompt p{white-space:pre-line}@media(max-width:700px){.reversal-concepts,.reversal-before{grid-template-columns:1fr}.reversal-before figure:last-child{max-width:350px}.reversal-study>h2{font-size:29px}}