/* A quieter reading layout around the existing illustrations. */
@media screen {
  body.branding-page>.brand-header{padding-block:12px}
  .brand-header .brand-wordmark-logo{flex:0 1 340px;min-width:0;line-height:0}
  .brand-header .brand-wordmark-logo::before{content:none;display:none}
  .brand-wordmark-logo img{display:block;width:340px;max-width:100%;height:auto;mix-blend-mode:multiply}
}
@media screen and (max-width:700px) {
  body.branding-page{--app-header-height:76px}
  .brand-header .brand-wordmark-logo{flex-basis:228px}
  .brand-wordmark-logo img{width:228px;max-height:62px;object-fit:contain;object-position:left center}
}
@media screen {
  body.branding-page{--brand-paper:#f7f3e9;--brand-white:#fffdf7;background:var(--brand-paper);color:#283f3c}
  .brand-eyebrow{letter-spacing:.025em;font-weight:500}
  .brand-wordmark{letter-spacing:0;font-size:22px}
  .brand-header{min-height:82px}
  .brand-header .brand-wordmark:before{box-shadow:none;transform:none;border-radius:3px}
  .brand-button{border-radius:5px;box-shadow:none;min-height:54px;gap:24px;font-weight:600}
  .brand-button-primary,.brand-hero .brand-button-primary,.brand-gift-action .brand-button-primary{background:#2e594b;border-color:#2e594b;color:#fffdf4!important;box-shadow:none}
  .brand-button-primary:hover,.brand-hero .brand-button-primary:hover{background:#23483c;transform:none}
  .brand-hero{isolation:auto;overflow:visible;border-radius:0;min-height:0;margin-top:0;margin-bottom:0;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding:56px 0 64px;gap:0 30px}
  .brand-hero-copy,.brand-hero-actions{margin-left:0;background:none;border-radius:0;padding:0}
  .brand-hero-copy{align-self:end}
  .brand-hero .brand-eyebrow{font-size:14px;color:#53685d;margin-bottom:19px}
  .brand-hero h1{font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.65;letter-spacing:-.035em;white-space:normal;margin:0 0 24px}
  .brand-hero-description{font-size:17px;line-height:2;max-width:27em;margin:0 0 24px}
  .brand-hero-description br{display:none}
  .brand-hero-art{position:static;inset:auto;z-index:auto;grid-column:2;grid-row:1/3;align-self:center;width:auto;height:auto;margin:0 -16px 0 0}
  .brand-hero-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
  .brand-hero-actions .brand-meta{font-size:13px;line-height:1.85;display:block;margin:13px 0 0}
  .brand-hero-actions .brand-home-note{font-size:13px;font-weight:400;color:#687469;margin:8px 0 0}
  .brand-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;border-top:1px solid #b9c4b7;padding:48px 0 44px}
  .brand-intro .brand-eyebrow{font-size:14px;margin-bottom:12px}
  .brand-intro h2{font-size:28px;line-height:1.8;font-weight:600;letter-spacing:0}
  .brand-intro p{font-size:16px;line-height:2;margin-bottom:0}
  .brand-real-concerns{list-style:none;padding:0;margin:0 0 25px}
  .brand-real-concerns li{padding:10px 0 10px 18px;position:relative;font-size:17px;line-height:1.9;border-bottom:1px solid #d6dbce}
  .brand-real-concerns li:before{content:'・';position:absolute;left:0;color:#98702e}
  .brand-chapter-route{border-top:1px solid #b9c4b7;padding:35px 0 48px}
  .brand-route-heading{margin-bottom:25px}.brand-route-heading h2{font-size:22px;font-weight:600}
  .brand-chapter-list{gap:25px}
  .brand-chapter{border:0;background:none;border-radius:0;overflow:visible}
  .brand-chapter:not(:last-child):after{display:none}
  .brand-chapter img{border-radius:0}
  .brand-chapter-copy{padding:14px 0 0;display:block}
  .brand-chapter h3{font-size:17px;font-weight:600}
  .brand-chapter p{font-size:14px;line-height:1.9;margin-top:5px}
  .brand-home-bottom{border-top:1px solid #b9c4b7;gap:30px;padding:35px 0 48px}
  .brand-home-bottom h2{font-size:24px;font-weight:600}.brand-home-bottom p{font-size:15px}
  .brand-bottom-illustration{width:165px}
  .brand-question-illustration figcaption{font-size:18px;font-weight:500}
  .brand-question-area>span{border-radius:2px;background:none!important;padding:0;color:#64725c!important;letter-spacing:0}
  .brand-question-title{font-weight:600;letter-spacing:0}
  .brand-choice{border-radius:5px;box-shadow:none;background:#fffdf7;border:1px solid #b3c0af}
  .brand-choice:hover{box-shadow:none;transform:none;background:#edf0e4}
  .brand-choice.is-selected{box-shadow:none;background:#eee7ca}
  .brand-choice-title{font-weight:600}
  .brand-result{max-width:1060px;padding-top:24px}
  .brand-result-top{margin-bottom:8px}.brand-result-top>.brand-muted{font-size:13px}
  .brand-discovery-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:25px;align-items:center;border:0;border-bottom:1px solid #b9c4b7;border-radius:0;background:none;min-height:0;margin:0 0 30px;padding:22px 0 30px;overflow:visible}
  .brand-discovery-hero-copy{padding:0;grid-row:1;grid-column:1;background:none}
  .brand-discovery-hero>img{grid-column:2;grid-row:1;min-height:0;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
  .brand-discovery-stamp{font-size:13px;font-weight:500;transform:none;border-radius:0;padding:0;background:none;color:#63715e}
  .brand-discovery-hero h1{font-size:32px;line-height:1.7;letter-spacing:0;font-weight:600;margin:13px 0 20px;color:#283f3c;max-width:21em}
  .brand-discovery-hero p{font-size:17px;line-height:2;margin:0;max-width:35em}
  .brand-result-route{justify-content:flex-start;gap:24px;margin:0 0 28px;font-size:14px}
  .brand-result-route a{font-size:14px;font-weight:500;text-decoration:underline}.brand-result-route b{display:none}
  .brand-result-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
  .brand-radar-panel{padding:23px 18px 18px;border:1px solid #b9c4b7;border-radius:5px;box-shadow:none;background:#f0f2e6;margin:0}
  .brand-radar-panel-heading h2{font-size:23px;font-weight:600}.brand-radar-panel-heading .brand-eyebrow{font-size:13px}
  .brand-radar-sticker{font-size:13px;padding:0;background:none;border:0;transform:none;letter-spacing:0}
  .brand-radar-axis{border-radius:3px;box-shadow:none!important;min-height:0!important;background:#fffdf7}
  .brand-radar-axis:hover{transform:none}
  .brand-radar-axis-name{font-size:15px;font-weight:500;min-height:0}.brand-radar-axis-value{font-size:23px;font-weight:600}.brand-radar-axis-link{font-size:13px}
  .brand-result-story{padding:0;border:0;border-radius:0;background:none}
  .brand-result-story .brand-result-lead{padding:3px 0 24px;border:0}
  .brand-result-lead h2{font-size:16px;font-weight:600}.brand-result-lead h2:before{display:none}
  .brand-result-lead p{font-size:16px;line-height:2}
  .brand-result-story .brand-step-preview{border:0;border-top:2px solid #bd9e53;border-radius:0;padding:20px 0 0;background:none;box-shadow:none;margin:0 0 23px}
  .brand-step-preview h2{font-size:17px;font-weight:600}.brand-step-preview p{font-size:19px;line-height:1.95}
  .brand-result-story .brand-result-note{font-size:13px;line-height:1.9}
  .brand-discovery-next{font-size:15px;line-height:1.8;font-weight:500}
  .brand-radar-method{border-style:solid;border-bottom:0;margin:22px 0 36px;font-size:13px}
  .brand-gift-station{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:0 40px;background:none;border:0;border-top:2px solid #506b54;border-radius:0;box-shadow:none;margin:45px 0 32px;padding:35px 0 0;overflow:visible}
  .brand-gift-heading{grid-column:1;text-align:left;max-width:none;margin:0 0 22px}
  .brand-gift-heading .brand-eyebrow{font-size:13px;color:#64725c}
  .brand-gift-heading h2{font-size:29px;line-height:1.75;font-weight:600;letter-spacing:0;margin:12px 0 20px}
  .brand-gift-heading>p:last-child{font-size:16px;line-height:2;color:#435c4b}
  .brand-report-illustration{grid-column:2;grid-row:1/3;align-self:start;margin:9px 0 0;min-width:0}
  .brand-report-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
  .brand-report-includes{margin:0;padding:0;list-style:none}.brand-report-includes li{padding:11px 0;border-bottom:1px solid #cad1bf;font-size:16px;line-height:1.9}
  .brand-report-includes li span{font-size:12px;color:#78816c;margin-right:13px}
  .brand-gift-action{grid-column:1;text-align:left;padding:22px 0 25px}.brand-gift-action .brand-button{font-size:18px;padding:14px 21px;width:auto;max-width:100%}
  .brand-gift-reassure{font-size:13px;margin-top:12px}
  .brand-guide-note{grid-column:2;grid-row:3/5;display:flex;gap:17px;align-items:flex-start;border-top:1px solid #c7cebb;padding-top:20px;margin:0;min-width:0}
  .brand-guide-note img{width:76px;height:auto;flex-shrink:0;box-shadow:3px 3px 0 #d5dcc8}
  .brand-guide-note h3{font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.8}.brand-guide-note p{font-size:14px;line-height:1.9;margin-bottom:5px}.brand-guide-note small{font-size:12px;color:#68745f}
  .brand-gift-station .brand-report-sample{grid-column:1;border:0;border-top:1px solid #c7cebb;margin:0;padding:5px 0 12px}
  .brand-report-sample>summary{font-size:15px;min-height:44px;cursor:pointer}
  .brand-report-example{background:#f0f2e6;border:0;border-radius:0;padding:20px;margin-top:10px}.brand-report-example h3{font-size:21px}
  .brand-gift-followup{grid-column:1/-1;text-align:left;border:0;font-size:13px;margin:16px 0 0;padding-top:10px}
  .brand-gift-station #brand-consult-panel{grid-column:1/-1;background:#fffdf7;border:1px solid #c7cebb;border-radius:5px;padding:30px;margin-top:25px}
  .brand-consult-form h3{font-weight:600}.brand-gift-station .brand-consult-form p{font-size:15px;line-height:1.9}
  .brand-gift-station textarea[name=topic]{min-height:100px}
  .brand-gift-station .brand-consult-form>.brand-button{box-shadow:none;border-radius:5px}
  .brand-result-keep{border:0;border-top:1px solid #bac5b5;border-radius:0;background:none;padding:23px 0;margin-top:30px}
  .brand-result-keep h2{font-size:18px;font-weight:600}.brand-result-keep p{font-size:14px}.brand-result-keep .brand-button{font-size:15px;min-height:46px;padding:10px 18px}
  .brand-footer{border-top:1px solid #bac5b5}
}
@media screen and (min-width:701px) and (max-width:1000px){
  .brand-hero{grid-template-columns:1.2fr 1fr;gap:0 10px}
  .brand-hero h1{font-size:31px}.brand-hero-description{font-size:16px}
  .brand-intro{gap:30px}.brand-intro h2{font-size:25px}
  .brand-gift-station{gap:0 25px}.brand-gift-heading h2{font-size:26px}
}
@media screen and (max-width:700px){
  body.branding-page{background:#f7f3e9}
  body.branding-page .brand-hero{display:flex;flex-direction:column;border:0;box-shadow:none;background:none;border-radius:0;overflow:visible;margin-top:0;padding:24px 0 33px}
  body.branding-page .brand-hero-copy{display:block!important;padding:0!important;order:0}
  .brand-hero .brand-eyebrow{font-size:12px;margin-bottom:12px}
  .brand-hero h1{font-size:clamp(25px,7vw,32px);line-height:1.7;margin:0 0 15px;letter-spacing:-.045em}
  .brand-hero-description{font-size:15px;line-height:1.95;margin:0;max-width:none}
  .brand-hero-art{order:1;width:100%;margin:17px -8px 8px!important}
  .brand-hero-art img{height:auto!important;aspect-ratio:3/2;object-fit:contain!important;mix-blend-mode:multiply}
  .brand-hero-actions{order:2;padding:0;margin-top:5px}
  .brand-hero-actions .brand-button-primary{border-radius:5px;min-height:54px;font-size:17px}
  .brand-hero-actions .brand-meta{font-size:12px;line-height:1.8;margin-top:12px}
  .brand-hero-actions .brand-home-note{font-size:12px;margin-top:6px}
  .brand-intro{display:block;padding:28px 0 30px}.brand-intro h2{font-size:24px;margin-bottom:20px;line-height:1.75}
  .brand-intro .brand-eyebrow{font-size:12px;margin-bottom:8px}
  .brand-intro p{font-size:15px}.brand-real-concerns{margin-bottom:18px}.brand-real-concerns li{font-size:15px;padding-block:9px;line-height:1.9}
  .brand-chapter-route{padding:27px 0 32px}.brand-route-heading h2{font-size:19px}.brand-chapter-list{gap:25px 18px}.brand-chapter-copy{padding:8px 0 0}.brand-chapter h3{font-size:16px}.brand-chapter p{font-size:13px}
  .brand-home-bottom{padding:27px 0 32px;gap:17px}.brand-home-bottom h2{font-size:22px}.brand-home-bottom p{font-size:14px}.brand-bottom-illustration{display:none}
  .brand-question-top{background:#f7f3e9f7}.brand-question-illustration{border-radius:3px;background:none}
  .brand-choice{border-radius:5px;box-shadow:none!important}.brand-question-area>span{font-size:12px}
  .brand-question-title{font-size:21px;line-height:1.7}
  .brand-choice.is-selected{border-radius:5px}
  .brand-result{padding-top:12px}
  .brand-discovery-hero{display:block;padding:16px 0 24px;margin-bottom:22px;position:relative}
  .brand-discovery-hero>img{width:132px;height:88px;float:right;margin:0 -5px 4px 10px;object-fit:contain}
  .brand-discovery-hero-copy{padding:0}.brand-discovery-stamp{font-size:12px}
  .brand-discovery-hero h1{font-size:25px;line-height:1.7;margin:12px 0 17px;clear:both}
  .brand-discovery-hero p{font-size:16px;line-height:2}.brand-result-route{gap:24px;margin:0 0 20px}
  .brand-result-route a{font-size:13px}
  .brand-result-dashboard{display:flex;flex-direction:column;gap:26px}
  .brand-result-story{order:-1;padding:0!important;border:0;border-radius:0;background:none}
  .brand-result-story .brand-step-preview{padding-top:18px;margin-bottom:20px}.brand-step-preview p{font-size:18px}
  .brand-result-story .brand-result-lead{padding-bottom:20px}.brand-result-lead p{font-size:15px}
  .brand-result-story .brand-result-note{font-size:12px}
  .brand-radar-panel{width:100%;border-radius:4px;margin:0;padding:20px 12px 16px;box-shadow:none}
  .brand-radar-panel-heading h2{font-size:22px}.brand-radar-axis{border-radius:3px;padding:11px!important}
  .brand-radar-axis-name{font-size:15px;min-height:0}.brand-radar-axis-value{font-size:24px}.brand-radar-axis-link{font-size:13px}.brand-radar-caption{font-size:13px}
  .brand-gift-station{display:flex;flex-direction:column;gap:0;padding:25px 0 0;margin-top:32px;border-radius:0}
  .brand-gift-heading{order:0;margin:0}.brand-gift-heading .brand-eyebrow{font-size:12px}
  .brand-gift-heading h2{font-size:25px;line-height:1.75;margin:10px 0 17px}
  .brand-gift-heading>p:last-child{font-size:15px;line-height:2}
  .brand-report-illustration{order:1;width:100%;max-width:360px;margin:5px auto 18px}
  .brand-report-includes{order:2}.brand-report-includes li{font-size:15px}
  .brand-gift-action{order:3;padding:23px 0}.brand-gift-action .brand-button{width:100%;font-size:17px;border-radius:5px}
  .brand-gift-reassure{font-size:12px}.brand-gift-station .brand-report-sample{order:4}
  .brand-guide-note{order:5;padding:22px 0 8px;margin-top:7px;border-top:1px solid #c7cebb}
  .brand-guide-note img{width:65px}.brand-guide-note p{font-size:13px}.brand-guide-note h3{font-size:15px}
  .brand-gift-followup{order:6;font-size:12px;margin-top:14px;padding:0}
  .brand-gift-station #brand-consult-panel{order:7;padding:22px 15px;border-radius:4px;margin-top:23px;scroll-margin-top:75px}
  .brand-gift-station .brand-consult-form>.brand-button{font-size:16px;border-radius:5px;width:100%;padding-inline:10px}
  .brand-result-keep{padding:23px 0}.brand-result-keep h2{font-size:18px}
  .brand-result-keep .brand-result-tools{gap:10px}.brand-result-keep .brand-button{font-size:14px;padding:10px 9px}
}

.brand-previous-answers{max-width:100%;padding:14px 0;font-size:14px;line-height:1.8}.brand-previous-answers>summary{cursor:pointer;min-height:44px;padding:8px 0;text-decoration:underline}.brand-previous-answers pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;border:1px solid #c7cebb;padding:16px;background:#fffdf7;font:inherit}.brand-previous-answers p{margin:12px 0}