/* Service pages: a compact directory, working planner and care questions. */
:root{--s-paper:#f4f7fb;--s-white:#fff;--s-ink:#16355b;--s-muted:#586c84;--s-line:#cad6e4;--s-selected:#dceafa;--s-panel:#edf3fa;--s-focus:#427fbc;--s-dark:#16355b;--s-light:#e7eff9}
.service-content{background:var(--s-paper);color:var(--s-ink)}
.service-content section{scroll-margin-top:-21px}
.service-content .container,.service-footer .container{max-width:1440px}
.service-content h2{font-family:var(--font-body);font-size:clamp(32px,3.35vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.12;text-wrap:initial}
.service-content h3{font-family:var(--font-body);font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.025em}
.service-content p{font-size:15px;line-height:1.7}
.service-content :focus-visible,.service-footer :focus-visible{outline:3px solid var(--s-focus);outline-offset:4px}
.section-label{font-size:12px!important;line-height:1.5!important;color:var(--s-muted);margin-bottom:18px}
.service-directory{padding:76px 0 0}
.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px}
.directory-heading>p{font-size:14px;max-width:42ch;color:var(--s-muted);padding-bottom:2px}
.service-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--s-ink);border-bottom:1px solid var(--s-line);min-height:510px}
.service-tabs{padding:22px 48px 22px 0;align-self:start}
.service-tabs button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;text-align:left;border:0;border-bottom:1px solid var(--s-line);border-left:3px solid transparent;background:transparent;padding:25px 20px;min-height:108px;line-height:1.4;border-radius:0;color:var(--s-ink)}
.service-tabs button strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.25}
.service-tabs button small{display:block;font-size:12px;color:var(--s-muted);margin-top:8px;line-height:1.5}
.service-tabs button>span:last-child{font-size:24px;font-weight:400;flex:0 0 24px;text-align:center;opacity:0}
.service-tabs button[aria-selected=true]{background:var(--s-selected);border-left-color:var(--s-ink);border-bottom-color:var(--s-selected)}
.service-tabs button[aria-selected=true]>span:last-child{opacity:1}
.service-tabs button:hover{background:var(--s-selected)}
.service-tabs button:focus-visible{outline-offset:-3px}
.service-panel-stack{background:var(--s-panel);padding:28px 44px 32px;border-left:1px solid var(--s-line);min-width:0}
.service-panel{min-height:452px;outline-offset:8px}.service-panel h3{margin-top:12px}.service-panel>p{max-width:45ch;font-size:14px;margin-top:12px;color:var(--s-muted)}
.garment-study{height:220px;max-width:470px;margin:0 auto 12px}
.garment-study svg{width:100%;height:100%;display:block;stroke:#4d7198;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.garment-study .study-grid{stroke:#d7e2ef;stroke-width:.6;stroke-dasharray:2 4}
.garment-study .study-leader{stroke:#86a1be;stroke-width:.8}
.garment-study text{stroke:none;fill:#58799c;font:8px 'Avenir Next',Arial,sans-serif;letter-spacing:.5px}
.service-panel ul{list-style:none;margin:18px 0 20px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--s-muted)}
.service-panel li:before{content:'—';margin-right:9px}
.service-plan{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:10px 0;min-height:44px;border-bottom:1px solid var(--s-ink);font-size:13px;font-weight:500;line-height:1.4}
.service-plan>span{font-size:22px;line-height:1}.service-plan:hover{color:#285c99}
.collection-note{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.5fr) auto;align-items:center;gap:36px;padding:30px 0}
.collection-note h3{font-size:16px}.collection-note p{font-size:13px;color:var(--s-muted);max-width:54ch}.collection-note a{display:inline-flex;align-items:center;gap:20px;font-size:12px;min-height:44px;white-space:nowrap}.collection-note a>span{font-size:20px}.collection-note a:hover{text-decoration:underline;text-underline-offset:4px}
.collection-planner{background:var(--s-white);padding:80px 0;border-block:1px solid var(--s-line)}
.collection-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:100px}
.collection-intro>p:not(.section-label){font-size:14px;max-width:31ch;color:var(--s-muted);margin-top:24px}
.collection-intro h2{font-size:40px;max-width:12ch}
.planner-expectations{padding-top:24px;margin-top:40px;border-top:1px solid var(--s-line);max-width:31ch}
.planner-expectations h3{font-size:15px}.planner-expectations p{font-size:13px;color:var(--s-muted);margin-top:12px}
.collection-intro>.planner-demo-note{font-size:12px!important;line-height:1.75;margin-top:32px!important;max-width:34ch!important}
.planner-demo-note strong{display:block;font-weight:500;color:var(--s-ink);margin-bottom:6px}
.planner-workspace{min-width:0}
.planner-form{color-scheme:light}
.planner-form fieldset{padding:0;border:0;border-top:1px solid var(--s-line);margin:0 0 28px;min-width:0}
.planner-form legend{font-family:var(--font-body);font-size:18px;font-weight:500;letter-spacing:-.025em;padding:0 20px 0 0;margin-bottom:24px}
.planner-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.planner-row.garments-row{grid-template-columns:minmax(0,1.5fr) minmax(0,.6fr)}
.form-field{min-width:0}.form-field label{display:block;font-size:12px;line-height:1.5;margin-bottom:9px;color:var(--s-muted)}.form-field label span{font-size:11px}
.form-field input,.form-field select,.form-field textarea{display:block;width:100%;min-width:0;max-width:100%;background:var(--s-white);border:1px solid var(--s-line);border-radius:2px;padding:12px;min-height:48px;font-size:15px;line-height:1.5;color:var(--s-ink)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--s-ink)}.form-field input:user-invalid,.form-field select:user-invalid{border-color:var(--focus)}
.form-field textarea{min-height:92px;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--s-muted);opacity:1}
.form-field small{display:block;margin-top:8px;font-size:11px;line-height:1.6;color:var(--s-muted);max-width:27ch;min-height:3.2em}
.planner-submit{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-top:24px}
.planner-submit>p{font-size:11px;color:var(--s-muted);max-width:28ch}
.editorial-button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:12px 20px;background:var(--s-ink);color:var(--s-white);border:1px solid var(--s-ink);border-radius:2px;font-size:13px;line-height:1.4;white-space:nowrap}
.editorial-button>span{font-size:22px;line-height:1}.editorial-button:hover{background:#285c99}
.planner-summary{border:0;padding:0;scroll-margin-top:4px}.summary-symbol{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--s-selected);border-radius:50%;font-size:20px;margin-bottom:20px}
.planner-summary h3{font-size:30px;font-weight:500;line-height:1.15;letter-spacing:-.04em}.planner-summary>p{font-size:13px;margin-top:16px;color:var(--s-muted)}
.planner-summary dl{margin:28px 0}.planner-summary dl div{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:24px;padding:12px 0;border-top:1px solid var(--s-line);font-size:13px}.planner-summary dt{color:var(--s-muted)}.planner-summary dd{margin:0;overflow-wrap:anywhere}
.editorial-text-link{display:inline-flex;align-items:center;gap:28px;border:0;border-bottom:1px solid var(--s-ink);padding:10px 0;min-height:44px;background:transparent;font-size:13px}.editorial-text-link>span{font-size:22px}
.care-questions{padding:72px 0 80px}.question-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:100px}.question-layout h2{font-size:34px;max-width:14ch}.question-layout>div>p:not(.section-label){font-size:14px;color:var(--s-muted);margin-top:20px}
.faq-list{border-top:1px solid var(--s-ink)}.faq-list details{border:0;border-bottom:1px solid var(--s-line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px;padding:22px 0;font-size:15px;line-height:1.5;letter-spacing:-.015em}.faq-list summary::after,.faq-list details[open] summary::after{content:none}.faq-toggle{display:block;position:relative;flex:0 0 20px;width:20px;height:20px}.faq-toggle::before,.faq-toggle::after{content:'';position:absolute;left:3px;right:3px;top:9px;height:1px;background:currentColor}.faq-toggle::after{transform:rotate(90deg)}.faq-list details[open] .faq-toggle::after{transform:none}.faq-list details p{padding:0 42px 24px 0;font-size:13px;line-height:1.8;color:var(--s-muted);max-width:63ch}
.service-footer{background:var(--s-dark);color:var(--s-light);padding:40px 0 24px}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:32px;border-bottom:1px solid #a9c2df50}
.footer-brand{font-family:var(--font-brand);font-size:32px;letter-spacing:-.06em;line-height:1;white-space:nowrap}
.footer-main nav{display:flex;align-items:center;gap:32px;font-size:12px}.footer-main nav a{display:flex;align-items:center;min-height:44px}.footer-main nav a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-meta{display:flex;justify-content:space-between;gap:32px;margin-top:20px;color:#bfcee0}.footer-meta p{font-size:11px;line-height:1.7}.footer-meta a{text-decoration:underline;text-underline-offset:3px}
body.past-story header{background:var(--s-paper);color:var(--s-ink)}body.past-story .nav-cta{transition:none}
@media(max-width:1100px){.service-tabs{padding-right:32px}.service-tabs button{padding-inline:16px;gap:16px}.service-tabs button strong{font-size:20px}.service-panel-stack{padding-inline:28px}.collection-note{gap:24px;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr)}.collection-note a{grid-column:2}.collection-layout,.question-layout{gap:64px}.planner-submit{flex-direction:column;align-items:flex-start;gap:20px}.planner-submit>p{order:2;max-width:none}.footer-main nav{gap:24px}}
@media(max-width:760px){.service-directory{padding-top:48px}.directory-heading{display:block;margin-bottom:32px}.directory-heading>p{margin-top:20px;font-size:14px}.directory-heading>p br{display:none}.section-label{margin-bottom:14px}.service-browser{grid-template-columns:minmax(0,1fr);min-height:0}.service-tabs{padding:0 0 24px}.service-tabs button{min-height:88px;padding:20px 16px}.service-tabs button strong{font-size:21px}.service-tabs button small{font-size:12px;margin-top:6px}.service-panel-stack{border-left:0;border-top:1px solid var(--s-line);padding:24px 28px 28px}.service-panel{min-height:450px}.garment-study{height:220px}.service-panel>p{max-width:52ch}.collection-note{display:block;padding:28px 0}.collection-note p{margin-top:12px;max-width:46ch;font-size:13px}.collection-note a{margin-top:12px}.collection-planner{padding:48px 0}.collection-layout,.question-layout{grid-template-columns:minmax(0,1fr);gap:36px}.collection-intro h2{font-size:36px;max-width:none}.collection-intro>p:not(.section-label){max-width:44ch;margin-top:18px}.planner-expectations{max-width:none;padding-top:18px;margin-top:24px}.planner-expectations p{max-width:49ch}.collection-intro>.planner-demo-note{max-width:49ch!important;margin-top:20px!important}.planner-form legend{font-size:18px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.planner-submit{flex-direction:row;align-items:center;justify-content:space-between}.planner-submit>p{order:0;max-width:28ch}.care-questions{padding:48px 0}.question-layout h2{max-width:none;font-size:32px}.question-layout>div>p:not(.section-label){margin-top:16px}.footer-main{display:block}.footer-main nav{flex-wrap:wrap;gap:4px 24px;margin-top:24px}.footer-meta{display:block}.footer-meta p+p{margin-top:8px}}
@media(max-width:480px){.service-content h2{font-size:33px}.service-tabs button{min-height:86px;padding:20px 14px;gap:12px}.service-tabs button strong{font-size:20px}.service-tabs button small{font-size:11px}.service-panel-stack{padding:20px 22px 24px}.garment-study{height:190px;margin-bottom:8px}.service-panel{min-height:440px}.service-panel h3{font-size:18px}.service-panel>p{font-size:13px;line-height:1.8}.service-panel ul{font-size:11px}.service-plan{font-size:12px;gap:24px}.collection-note h3{font-size:16px}.planner-row,.planner-row.garments-row{grid-template-columns:minmax(0,1fr);gap:24px}.planner-form fieldset{margin-bottom:28px}.form-field small{min-height:0}.planner-submit{flex-direction:column;align-items:stretch;gap:16px}.planner-submit>p{order:2;max-width:none}.editorial-button{width:100%}.planner-summary h3{font-size:29px}.planner-summary dl div{gap:16px}.faq-list summary{font-size:14px;gap:20px}.faq-list details p{font-size:13px;padding-right:0}.footer-main nav{font-size:11px;gap:0 20px}.footer-meta p{font-size:10px}.service-footer{padding-top:32px}}
@media(max-width:360px){.service-content h2{font-size:30px}.service-tabs button strong{font-size:18px}.service-tabs button small{font-size:10px}.service-panel-stack{padding-inline:18px}.garment-study{height:170px}.service-panel{min-height:420px}.service-plan{gap:16px;font-size:11px}.footer-main nav{gap:0 16px}}