/* S02 — garment development, with readable static content before enhancement. */
body[data-page=S02] main [id]{scroll-margin-top:120px}
.development-hero{grid-template-columns:1.04fr 1fr;gap:8%;padding-bottom:65px}
.development-hero h1{font-size:clamp(3.4rem,5.8vw,5.5rem);line-height:1.08}
.development-lead{max-width:570px;font-size:17px;line-height:1.8}
.development-hero .button-row{margin-top:28px;gap:20px 28px}
.development-hero-note{font-size:13px;margin:24px 0 0;max-width:420px}
.development-hero-media{aspect-ratio:1 / 1.06}
.development-hero-figure figcaption{display:flex;justify-content:space-between;gap:16px}
.development-start{background:var(--color-surface)}
.development-workspace{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);overflow:hidden}
.development-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--color-line)}
.development-tabs button{display:flex;gap:18px;align-items:center;min-width:0;padding:22px 28px;min-height:90px;border:0;border-right:1px solid var(--color-line);border-bottom:3px solid transparent;background:#f8fafb;color:var(--color-muted);font-size:16px;font-weight:600;line-height:1.5;text-align:left}
.development-tabs button:last-child{border-right:0}
.development-tabs button>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #bfccdb;border-radius:50%;font-size:11px;font-weight:400}
.development-tabs button[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-primary);background:var(--color-paper)}
.development-tabs button[aria-selected=true]>span{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-paper)}
.development-tabs button:hover{background:var(--color-paper);color:var(--color-primary)}
.development-tabs button:focus-visible{outline-offset:-5px}
.development-panel{display:grid;grid-template-columns:.94fr 1.06fr;gap:8%;align-items:center;padding:44px}
.development-panel+.development-panel{border-top:1px solid var(--color-line)}
.development-panels.is-enhanced{display:grid}
.development-panels.is-enhanced>.development-panel{grid-area:1 / 1;border:0}
.development-panels.is-enhanced>.development-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.development-panel:focus-visible{outline:3px solid var(--color-primary);outline-offset:-6px}
.development-input-media{aspect-ratio:1 / 1.08}
.development-panel-copy{min-width:0}
.development-panel-copy h3{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.17;margin-bottom:20px}
.development-panel-copy .eyebrow{font-size:11px;margin-bottom:17px}
.development-panel-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}
.development-prompt-list{margin:25px 0 28px}
.development-prompt-list>div{padding-top:16px;border-top:1px solid var(--color-line)}
.development-prompt-list>div+div{margin-top:18px}
.development-prompt-list dt{font-size:13px;font-weight:700;margin-bottom:7px}
.development-prompt-list dd{font-size:14px;color:var(--color-muted);line-height:1.75;margin:0}
.development-start-note{display:grid;grid-template-columns:.94fr 1.06fr;gap:8%;padding:25px 44px;border-top:1px solid var(--color-line);background:#fbfcfd;align-items:center}
.development-start-note strong{font-size:16px;font-weight:600}
.development-start-note p{font-size:14px;line-height:1.75;margin:0}
.development-visuals{display:grid;grid-template-columns:.84fr 1.16fr;gap:9%;align-items:start}
.development-visual-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}
.development-visual-list{list-style:none;padding:0;margin:30px 0;counter-reset:visual}
.development-visual-list li{display:grid;grid-template-columns:24px 1fr;gap:15px;padding-block:18px;border-top:1px solid var(--color-line)}
.development-visual-list li>span{font-size:11px;color:var(--color-primary);padding-top:4px}
.development-visual-list h3{font-size:17px;line-height:1.4;margin-bottom:9px;letter-spacing:-.02em}
.development-visual-list p{font-size:14px;line-height:1.7;margin:0}
.development-visual-main{aspect-ratio:4 / 3}
.development-revision-figure{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:center;margin-top:26px!important}
.development-revision-media{aspect-ratio:4 / 3}
.development-revision-figure figcaption{padding-top:0!important;display:flex;flex-direction:column;gap:10px;font-size:14px!important}
.development-revision-figure figcaption strong{font-weight:600;color:var(--color-ink)}
.development-sample{background:var(--color-ink);color:var(--color-paper)}
.development-sample-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:10%;align-items:center}
.development-sample-media{aspect-ratio:5 / 6}
.development-sample-copy>.eyebrow{color:#c5d1dc}
.development-sample-copy>p:not(.eyebrow),.development-sample-figure figcaption{color:#c5d1dc}
.development-sample-checks{list-style:none;margin:28px 0;padding:0}
.development-sample-checks li{display:flex;flex-direction:column;gap:7px;border-top:1px solid #465d6b;padding:16px 0}
.development-sample-checks strong{font-size:15px;font-weight:600}
.development-sample-checks span{font-size:14px;color:#c5d1dc;line-height:1.75}
.development-sample-cost{font-size:13px!important;line-height:1.8}
.development-sample .text-link{border-color:#9eafbd}
.development-sample .text-link:hover{color:#b9caff}
.development-approval{display:grid;grid-template-columns:.84fr 1.16fr;gap:13%;align-items:start}
.development-approval-intro>p:not(.eyebrow){max-width:455px;font-size:16px}
.development-approval-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-line)}
.development-approval-list li{position:relative;display:grid;grid-template-columns:38px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--color-line)}
.development-approval-list li>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b9c7d5;border-radius:50%;color:var(--color-primary);font-size:12px}
.development-approval-list h3{font-size:21px;line-height:1.4;margin-bottom:10px}
.development-approval-list p{font-size:15px;line-height:1.75;margin:0}
.development-faq{padding-top:0;background:var(--color-paper)}
.development-related{border-top:1px solid #c7d2de}
.development-related a{display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding:23px 0;border-bottom:1px solid #c7d2de;font-size:20px;font-weight:600;line-height:1.5}
.development-related a>span:first-child{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;color:var(--color-muted)}
.development-related a>span:last-child{color:var(--color-primary);font-size:21px;font-weight:400}
.development-related a:hover{color:var(--color-primary)}
@media(max-width:1100px){.development-hero{gap:6%}.development-hero h1{font-size:clamp(3rem,6vw,4.6rem)}.development-lead{font-size:16px}.development-tabs button{padding:20px;gap:12px;font-size:14px}.development-panel{padding:32px;gap:6%}.development-panel-copy h3{font-size:32px}.development-start-note{padding:23px 32px;gap:6%}.development-visuals{gap:7%;grid-template-columns:.95fr 1.05fr}.development-revision-figure{grid-template-columns:1fr;gap:15px}.development-revision-figure figcaption{font-size:13px!important}.development-sample-grid{gap:7%}.development-sample-copy h2{font-size:36px}.development-approval{gap:8%}.development-approval-list li{gap:18px}.development-approval-list h3{font-size:20px}}
@media(max-width:760px){body[data-page=S02] main [id]{scroll-margin-top:98px}.development-hero{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.development-hero h1{font-size:clamp(2.8rem,10.2vw,4rem)}.development-hero h1 br{display:none}.development-hero h1 span::before{content:' '}.development-hero .button-row{gap:18px 22px}.development-hero-note{margin-top:20px}.development-hero-media{aspect-ratio:1 / 1}.development-hero-figure figcaption{font-size:11px;gap:10px}.development-tabs button{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:16px 12px;min-height:122px;font-size:13px}.development-tabs button>span{width:27px;height:27px}.development-panel{grid-template-columns:1fr;padding:24px 20px;gap:27px;align-items:start}.development-panel-copy{grid-row:1}.development-panel-copy h3{font-size:31px;max-width:400px}.development-panel-copy>p:not(.eyebrow){font-size:16px}.development-input-figure{width:100%;max-width:450px;justify-self:center}.development-input-media{aspect-ratio:6 / 5}.development-prompt-list{margin:22px 0 25px}.development-start-note{grid-template-columns:1fr;gap:9px;padding:22px 20px}.development-start-note strong{font-size:15px}.development-start-note p{font-size:14px}.development-visuals{grid-template-columns:1fr;gap:36px}.development-visual-copy h2{font-size:36px}.development-visual-copy h2 br{display:none}.development-visual-list{margin:25px 0}.development-revision-figure{grid-template-columns:1.05fr 1fr;gap:18px}.development-revision-figure figcaption{font-size:12px!important;line-height:1.7}.development-revision-figure figcaption strong{font-size:13px}.development-sample-grid{grid-template-columns:1fr;gap:32px}.development-sample-copy{grid-row:1}.development-sample-copy h2{font-size:35px;line-height:1.18}.development-sample-media{aspect-ratio:1 / 1}.development-sample-checks{margin-block:24px}.development-sample-figure{max-width:500px;justify-self:center;width:100%}.development-approval{grid-template-columns:1fr;gap:20px}.development-approval-intro h2{font-size:35px}.development-approval-list li{gap:18px;padding:22px 0}.development-approval-list h3{font-size:20px}.development-faq{padding-top:0;background:var(--color-paper)}.development-related a{padding:20px 0;font-size:19px}}
@media(max-width:380px){.development-tabs button{padding:14px 10px;font-size:12px}.development-panel{padding:22px 16px}.development-panel-copy h3{font-size:29px}.development-start-note{padding:20px 16px}.development-revision-figure{grid-template-columns:1fr}.development-hero-figure figcaption{flex-wrap:wrap;gap:4px 14px}}