:root{--ink:#193b38;--ink2:#345550;--forest:#006946;--forest-deep:#073e35;--sage:#e8efeb;--wash:#f4f7f2;--cream:#f9f8f4;--line:#dfe8e1;--muted:#5f7276;--gold:#c4a477;--shadow:0 15px 42px rgba(22,53,53,.075)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#e9eeea;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;color:var(--ink);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,summary{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
:focus-visible{outline:3px solid #d0a94d;outline-offset:4px}
.container{max-width:520px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 50px rgba(15,52,54,.10);overflow:hidden;padding-bottom:80px}
.top{height:72px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 22px;background:#fff;border-bottom:1px solid #eef0e9}
.logo{display:flex;align-items:center;gap:10px}.logo img{width:42px;height:42px;border-radius:50%;object-fit:cover}.logo-text{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:700;letter-spacing:.045em;font-size:13px;line-height:1.48}.logo-text span{color:var(--forest)}
.top-label{font-size:10px;font-weight:700;letter-spacing:.04em;border:1px solid #d7e5da;border-radius:20px;padding:5px 10px;color:var(--forest);white-space:nowrap}
.hero{padding:35px 25px 0;background:radial-gradient(circle at 94% 8%,#e2eee2 0,transparent 36%),linear-gradient(156deg,#fdfcf8 0%,#f0f6ee 100%)}
.eyebrow{display:flex;align-items:center;gap:9px;color:var(--forest);font-size:10px;font-weight:800;letter-spacing:.15em}.eyebrow:before{content:"";width:25px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(29px,7.2vw,38px);letter-spacing:.02em;line-height:1.53;margin:13px 0 13px;font-weight:800}h1 em{font-style:normal;color:var(--forest)}
.hero-intro{font-size:14px;color:#3e595d;line-height:2;margin-bottom:18px}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.tag{font-size:11px;font-weight:700;color:var(--forest-deep);background:#fff;border:1px solid #dce8de;border-radius:50px;padding:5px 10px}
.landscape{height:180px;margin:0 -25px;background-image:linear-gradient(0deg,rgba(14,39,47,.54),rgba(14,39,47,.0) 70%),url('../assets/landscape.webp');background-size:cover;background-position:center 48%;display:flex;align-items:flex-end;padding:18px 25px;color:white}
.landscape span{font-size:13px;font-weight:700;letter-spacing:.025em;text-shadow:0 1px 8px rgba(0,0,0,.35);line-height:1.65}
.intro-strip{padding:19px 24px;background:#eef4ed;text-align:center}.intro-strip strong{font-size:14px;color:var(--forest-deep)}.intro-strip p{font-size:12px;color:#566c64;line-height:1.8;margin:4px 0 0}
.jump-nav{display:flex;gap:8px;overflow-x:auto;padding:13px 19px;border-bottom:1px solid #edf1ec;scrollbar-width:none}.jump-nav::-webkit-scrollbar{display:none}.jump-nav a{font-size:11px;color:#425e56;white-space:nowrap;background:#f4f7f1;border:1px solid #e4ece5;border-radius:99px;padding:6px 12px;font-weight:700}
.section{padding:52px 24px 3px}.section.soft{background:var(--cream);padding-top:51px;padding-bottom:49px;margin-top:33px}.section.greenwash{background:#eff5ef;padding-bottom:44px;margin-top:36px}
.section-id{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;color:var(--forest);font-weight:800;margin-bottom:13px}.section-id:after{content:"";flex:1;background:#d9e7da;height:1px}
h2{font-size:25px;line-height:1.52;letter-spacing:.01em;margin-bottom:13px;font-weight:800}h2 em{color:var(--forest);font-style:normal}
h3{font-size:16px;line-height:1.6;margin-bottom:5px}
.lead{font-size:14px;color:#4f6769;line-height:2;margin-bottom:21px}
.concern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.concern{border:1px solid #e3ebe5;background:#fff;border-radius:14px;padding:14px 12px 15px;box-shadow:0 4px 20px rgba(0,0,0,.025);min-height:126px}.concern .topic{color:var(--forest);font-weight:800;font-size:11px;margin-bottom:7px;display:block}.concern p{font-size:12px;line-height:1.72;margin:0;font-weight:600}
.note{margin-top:18px;border-left:3px solid #91b39c;padding:7px 12px;background:#eff5ef;font-size:13px;line-height:1.8;color:#3a5a4a}.note strong{color:var(--forest-deep)}
.explain{background:var(--wash);border-radius:16px;padding:19px 17px;margin-bottom:24px}.explain .small{font-size:10px;letter-spacing:.1em;color:var(--forest);font-weight:800}.explain strong{display:block;font-size:16px;margin:5px 0 7px;color:#244d3e}.explain p{font-size:13px;margin:0;color:#48645a}
.timeline{position:relative;padding-left:9px}.timeline:before{content:"";position:absolute;left:23px;top:26px;bottom:39px;width:1px;background:#b4cdbb}
.timeline-item{position:relative;display:flex;gap:14px;padding:0 0 25px}.timeline-item:last-child{padding-bottom:0}.count{flex:0 0 30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:900;color:#2b6b53;background:#e8f1e9;border:1px solid #b9d2c0;z-index:1}
.timeline-text{flex:1;min-width:0}.timeline-text h3{font-size:15px;margin:-2px 0 4px}.timeline-text p{font-size:13px;color:#526b6a;line-height:1.85;margin:0}.timeline-text .example{margin-top:8px;font-size:12px;color:#44644d;background:#f0f6ef;border-radius:9px;padding:8px 10px}
.focus{background:var(--forest-deep);color:#fff;border-radius:17px;padding:23px 19px;margin-top:27px}.focus .mini{font-size:10px;color:#c6dfca;letter-spacing:.13em;font-weight:700}.focus strong{display:block;font-size:18px;line-height:1.65;margin:6px 0}.focus p{font-size:12px;line-height:1.8;color:#dceee2;margin:0}
.belief{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px 16px;box-shadow:var(--shadow);margin-top:18px}.belief-head{text-align:center;font-size:13px;font-weight:800;color:var(--forest-deep);margin-bottom:14px}.belief-flow{display:flex;flex-direction:column;align-items:center;gap:7px}.belief-node{background:#f0f5ed;border:1px solid #dce9dc;color:#245944;border-radius:11px;text-align:center;padding:10px 12px;width:100%;font-size:13px;font-weight:800}.belief-node.strong{background:#285740;color:white;border-color:#285740}.belief-node small{display:block;font-size:10px;font-weight:500;line-height:1.6;margin-top:3px;opacity:.9}.down{line-height:1;color:#719b7e;font-size:18px}.belief p{font-size:12px;color:#5b6f65;margin:13px 0 0;line-height:1.8}
.info-memo{margin-top:14px;background:#f2f6f1;border-radius:13px;padding:16px;font-size:12px;line-height:1.9;color:#48635b}
.before-after{display:grid;gap:10px}.pair{border:1px solid #e2e9e2;border-radius:13px;overflow:hidden;background:white}.pair .from,.pair .to{padding:12px 14px}.pair .from{background:#f5f6f5}.pair .to{background:#edf5ed}.pair .label{display:block;font-weight:800;color:#72807f;font-size:10px;margin-bottom:3px}.pair .to .label{color:var(--forest)}.pair p{font-size:13px;line-height:1.7;margin:0;font-weight:600}.pair .arrow-row{display:flex;justify-content:center;height:0;position:relative;z-index:1}.pair .arrow-row span{transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:white;border:1px solid #e3ebe3;width:22px;height:22px;border-radius:99px;color:var(--forest);font-size:12px}
.outcome{border-radius:14px;background:#fff;border:1px solid #dbe9dd;padding:16px 18px;margin-top:18px}.outcome strong{font-size:14px;color:var(--forest-deep)}.outcome p{font-size:12px;color:#526b5c;line-height:1.9;margin:5px 0 0}
.options{display:grid;gap:10px}.option{background:white;border:1px solid #e2e9e1;border-radius:13px;padding:14px;display:flex;gap:12px;align-items:flex-start}.option .letter{flex:none;width:32px;height:32px;background:#eaf2e9;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--forest)}.option strong{display:block;font-size:14px;margin-bottom:3px}.option p{font-size:12px;color:#59706b;margin:0;line-height:1.85}
.remind{font-size:12px;color:#597069;margin:14px 0 0;line-height:1.9}
.pledges{display:grid;gap:10px}.pledge{display:flex;gap:10px;font-size:13px;line-height:1.75;align-items:flex-start}.pledge .check{flex:none;width:22px;height:22px;background:#2f7357;border-radius:50%;color:white;display:grid;place-items:center;font-size:12px;margin-top:2px}
.profile{background:#fff;border:1px solid #e3e9e5;border-radius:14px;padding:16px;display:flex;gap:12px;align-items:center;margin-top:22px}.profile img{width:58px;height:58px;object-fit:cover;border-radius:50%;flex:none}.profile .label{font-size:10px;color:#67806f;font-weight:800}.profile .name{font-size:18px;font-weight:800;letter-spacing:.05em;margin:3px 0}.profile .role{font-size:12px;color:#526e64}.profile .caption{font-size:11px;color:#607474;margin-top:6px;line-height:1.75}
.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:flex-start;gap:9px;justify-content:space-between;font-weight:700;font-size:13px;line-height:1.7;padding:17px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary:before{content:"Q";color:var(--forest);font-weight:900;flex:none}summary:after{content:"＋";font-size:17px;color:#6b927b;margin-left:auto;flex:none;line-height:1.1}details[open] summary:after{content:"−"}details p{color:#4c6661;font-size:12px;margin:-3px 0 18px 25px;line-height:1.95}
.apply-list{position:relative;display:grid;gap:12px}.apply-item{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e2eae3;border-radius:12px;padding:14px}.apply-item .num{width:28px;height:28px;flex:0 0 28px;border-radius:99px;background:#eaf2eb;color:var(--forest);font-weight:900;font-size:12px;display:grid;place-items:center}.apply-item strong{font-size:13px}.apply-item p{font-size:12px;margin:4px 0 0;color:#536b66;line-height:1.85}
.how-box{background:#eaf3eb;border:1px solid #d6e7db;border-radius:14px;padding:16px;margin-top:16px}.how-box strong{display:block;color:var(--forest-deep);font-size:13px}.how-box p{font-size:12px;line-height:1.9;color:#445f52;margin:5px 0 0}
.final{background:#163444;color:#fff;text-align:center;padding:54px 24px 38px;margin-top:46px}.final .rule{height:2px;background:#b4cfae;width:35px;margin:0 auto 17px}.final .kicker{letter-spacing:.19em;font-size:10px;color:#bdd7c7;font-weight:800}.final h2{font-size:25px;line-height:1.6;margin:15px 0}.final p{font-size:13px;color:#d9e9e7;line-height:2;margin-bottom:20px}.line-btn{background:#06C755;color:#fff;font-weight:800;font-size:14px;border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;box-shadow:0 7px 20px rgba(6,199,85,.22)}.line-btn .icon{font-size:19px;line-height:1}.final .small{font-size:11px;color:#c9d9d8;line-height:1.85;margin-top:12px;margin-bottom:0}
.related{margin-top:24px;border-top:1px solid rgba(255,255,255,.22);padding-top:19px;text-align:left}.related .related-lead{font-size:12px;color:#cddddd;margin:0 0 8px}.related a{display:flex;align-items:center;justify-content:space-between;padding:13px;background:rgba(255,255,255,.08);border-radius:9px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.16)}
.foot{padding:19px 24px 28px;background:#f6f8f4;text-align:center;font-size:11px;color:#5d7871;line-height:1.8}.foot strong{color:var(--ink);font-size:12px}
.sticky{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);z-index:50;padding:9px 16px max(9px,env(safe-area-inset-bottom));background:rgba(250,252,248,.96);backdrop-filter:blur(12px);border-top:1px solid #e1e9e2}.sticky a{display:flex;align-items:center;justify-content:center;background:#06C755;border-radius:10px;color:white;min-height:46px;font-size:13px;font-weight:800;box-shadow:0 7px 15px rgba(6,199,85,.22)}
@media(max-width:355px){.top{padding:8px 15px}.logo-text{font-size:12px}.top-label{font-size:9px;padding:4px 7px}.hero{padding-left:20px;padding-right:20px}.landscape{margin-left:-20px;margin-right:-20px}.section{padding-left:19px;padding-right:19px}.concern{padding:12px 9px}.concern p{font-size:11px}}
@media(min-width:521px){.sticky{box-shadow:0 0 45px rgba(0,0,0,.10)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2026-10 production extension */
body{overflow-wrap:anywhere}
.page-kicker{font-size:10px;font-weight:800;color:var(--forest);letter-spacing:.14em}
.microcase{border:1px solid #d6e7da;border-radius:17px;padding:19px 16px;background:linear-gradient(160deg,#f8fbf7,#edf4ee);margin-top:18px}
.microcase .case-label{display:inline-block;font-size:10px;color:#2e694d;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
.microcase h3{font-size:17px;margin:2px 0 9px}
.microcase .case-intro{font-size:12px;line-height:1.9;color:#4d6561}
.microcase .case-step{background:#fff;border:1px solid #e1eae1;padding:13px 14px;border-radius:12px;margin-top:9px}
.microcase .case-step b{font-size:12px;display:block;color:#2c6550;margin-bottom:4px}
.microcase .case-step p{margin:0;color:#415c5c;font-size:12px;line-height:1.85}
.microcase .case-arrow{text-align:center;color:#7fa791;font-weight:bold;line-height:1;margin-top:7px}
.microcase .case-caution{font-size:11px;color:#657975;margin:11px 0 0;line-height:1.75}
.service-hero{padding:37px 25px 28px;background:radial-gradient(circle at 93% 4%,#dfeee3 0,transparent 35%),linear-gradient(160deg,#fdfcf8,#edf4ee)}
.service-hero .simple-deco{margin-top:18px;border-radius:15px;padding:16px 15px;background:#fff;border:1px solid #e3eade;box-shadow:0 7px 18px rgba(17,56,46,.035)}
.service-hero .simple-deco strong{display:block;font-size:13px;color:var(--forest-deep)}
.service-hero .simple-deco p{font-size:12px;margin:3px 0 0;color:#506962}
.svc-card{background:#fff;border:1px solid #dbe8dc;border-radius:16px;padding:19px 17px;margin:16px 0;box-shadow:var(--shadow)}
.svc-card .id{font-weight:800;color:var(--forest);font-size:11px;letter-spacing:.08em}
.svc-card h3{margin:6px 0 8px;font-size:21px}
.svc-card p{font-size:13px;line-height:1.95;color:#52696a}
.svc-card .money{font-size:21px;font-weight:900;color:#244d3e;line-height:1.55}
.svc-card .price-cat{font-size:11px;color:#526d64;font-weight:700;margin-top:12px}
.svc-card .small-note{font-size:11px;color:#657671;line-height:1.75}
.svc-card ul,.svc-list{list-style:none;padding:0;margin:9px 0 0}
.svc-card li,.svc-list li{font-size:13px;line-height:1.8;color:#49645e;padding:7px 0;border-bottom:1px dashed #e4ede3}
.svc-card li:before,.svc-list li:before{content:'✓';font-weight:800;color:var(--forest);margin-right:9px}
.svc-card li:last-child,.svc-list li:last-child{border-bottom:0}
.split-label{display:inline-block;color:var(--forest-deep);background:#ecf5ec;padding:5px 10px;border-radius:24px;font-size:10px;font-weight:800}
.svc-sep{margin:25px auto;display:grid;place-items:center;color:#6d9b7e}
.compare-note{font-size:12px;border-left:3px solid #8eb498;background:#f2f6f2;padding:13px 14px;color:#3f5d51;line-height:1.9}
.svc-summary{background:#f1f7f2;border-radius:17px;padding:18px 17px;margin-top:17px}
.svc-summary strong{font-size:14px;color:var(--forest-deep)}
.svc-summary p{font-size:12px;line-height:1.85;color:#566c63;margin:6px 0 0}
.price-group{display:grid;gap:9px;margin-top:16px}
.price-line{background:#fff;border:1px solid #e0e9e1;border-radius:13px;padding:13px 15px}
.price-line span{display:block;color:#5f7069;font-size:11px}
.price-line strong{display:block;color:#23463d;font-size:19px;line-height:1.55}
.price-line small{display:block;color:#63736d;font-size:11px;line-height:1.7}
.text-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--forest-deep);border-bottom:1px solid #739d84;padding-bottom:3px}
.mid-cta{margin-top:23px;padding:16px;background:#f2f7f2;border:1px solid #dfeadd;border-radius:14px}
.mid-cta strong{font-size:13px;color:#2f5c46;display:block}
.mid-cta p{font-size:12px;color:#5d7067;margin:5px 0 10px}
.page-related{margin-top:22px;background:#f4f7f2;border:1px solid #e1e8e1;border-radius:15px;padding:17px}
.page-related strong{display:block;font-size:13px;color:#345e4b;margin-bottom:4px}
.page-related p{font-size:12px;color:#587063;margin-bottom:9px;line-height:1.8}
.page-related a{display:inline-flex;color:#24523f;font-size:13px;font-weight:800;border-bottom:1px solid #659472}
.overline{font-size:10px;font-weight:800;color:var(--forest);letter-spacing:.15em}
@media(min-width:521px){.service-hero{padding:43px 32px 32px}}


/* === v2: mobile legibility, usable links & interaction === */
/* Text legibility is prioritised over maximum density. */
.section .lead, .hero-intro { font-size:15px;line-height:1.95; }
.concern p, .timeline-text p, .option p, .apply-item p, .microcase .case-intro,
.microcase .case-step p, .svc-card p, .svc-card li, .svc-list li,
.belief p, .svc-summary p, .page-related p, .mid-cta p { font-size:14px;line-height:1.85; }
.note,.outcome p,.svc-card .small-note,.compare-note,.how-box p,.pledge,
.focus p,.remind,.pair p,.microcase .case-caution { font-size:13px;line-height:1.85; }
.faq-list summary {font-size:15px;line-height:1.7;min-height:52px;align-items:center;}
.faq-list details p {font-size:14px;line-height:1.9;}
.jump-nav a {font-size:12px;min-height:38px;display:flex;align-items:center;}
.svc-card h3,.svc-card .money {letter-spacing:0;}
.line-btn,.sticky a{touch-action:manipulation;}
.line-status { margin:9px 0 0; font-size:12px;line-height:1.75;color:#dbe8e4; }
.line-help { margin-top:12px;padding:12px 13px;border-radius:11px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);color:#e4eeeb;text-align:left;font-size:12px;line-height:1.8; }
.line-help strong {color:#fff;}
@media(max-width:419px){
 .concern-grid {grid-template-columns:1fr;}
 .concern {min-height:unset;padding:12px 14px;}
 .concern p {font-size:14px;}
 .section {padding-left:20px;padding-right:20px;}
 .hero {padding-left:21px;padding-right:21px;}
 .landscape{margin-left:-21px;margin-right:-21px;}
 .top{padding-left:18px;padding-right:18px;}
}

/* === v3: 3-deliverable artwork shared with 2026-10-16 HP mock-up === */
.hp-deliverables{display:grid;grid-template-columns:1fr;gap:13px;margin-top:20px}
.hp-deliver{background:#f9faf6;border:1px solid #e0e7df;border-radius:18px;padding:25px 22px;overflow:hidden;position:relative}
.hp-paper-stack{height:170px;position:relative;display:grid;place-items:center;margin:-2px 0 17px}
.hp-paper{position:absolute;background:#fff;border:1px solid #c9d7d0;box-shadow:0 14px 26px #274e4622;width:117px;height:150px;border-radius:4px;transform:rotate(-5deg);overflow:hidden}
.hp-paper:before{content:"";position:absolute;top:15px;left:14px;width:57px;height:8px;background:#d8e7dc}
.hp-paper:after{content:"";position:absolute;top:42px;left:14px;width:84px;height:64px;background:repeating-linear-gradient(to bottom,#dce7de 0 2px,transparent 2px 10px)}
.hp-paper.back{transform:translate(13px,4px) rotate(6deg);background:#e7eee8}
.hp-paper.front{transform:translate(-9px,-3px) rotate(-6deg)}
.hp-paper.front .stamp{position:absolute;bottom:17px;left:14px;font-size:9px;letter-spacing:.17em;color:#49716a;font-weight:900}
.hp-paper.sheet{height:116px;width:154px;transform:rotate(-4deg)}
.hp-paper.sheet:after{width:125px;height:48px}
.hp-paper.sheet:before{width:64px}
.hp-paper.digital{height:115px;width:166px;transform:rotate(2deg);border:8px solid #284c4d;border-radius:8px;background:#eff6ee}
.hp-paper.digital:before{top:14px}
.hp-paper.digital:after{top:36px;width:121px;height:38px}
.hp-deliver .deliver-no{font-size:11px;color:#9e794b;font-weight:900;letter-spacing:.15em}
.hp-deliver h3{font-size:19px;margin:9px 0;line-height:1.65}
.hp-deliver p{color:#506962;font-size:14px;line-height:1.85;margin:0}
.hp-deliver .deliver-extra{padding-top:11px;margin-top:13px;border-top:1px solid #e2eae4;color:#627770;font-size:13px;line-height:1.8}
.session-prep{background:#edf5ed;border-left:4px solid var(--forest);padding:15px;border-radius:10px;margin:18px 0 18px}
.session-prep strong{font-size:14px;color:#28563f}.session-prep p{font-size:13px;margin:5px 0 0;color:#546b5d;line-height:1.9}
.session-list{display:grid;gap:11px}
.session-card{border:1px solid #dce8de;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(20,59,45,.035)}
.session-card summary{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 14px}
.session-card summary:before{content:none}.session-card summary:after{content:'＋';color:var(--forest);font-weight:900;font-size:17px;flex:none}
.session-card[open] summary:after{content:'−'}
.session-no{width:42px;height:42px;border-radius:50%;background:#e5f0e8;color:#2d654a;display:grid;place-items:center;font-size:12px;font-weight:900;flex:none}
.session-title{flex:1;min-width:0}.session-title strong{font-size:14px;line-height:1.6;display:block;color:#284a3b}.session-title small{display:block;color:#708379;font-size:11px;line-height:1.6;margin-top:3px}
.session-body{padding:3px 15px 15px}.session-body p{font-size:13px;color:#526960;line-height:1.9;margin:0 0 11px}.session-body p.between{background:#f0f7f1;padding:13px;border-radius:9px;margin:0}.session-body .between b{display:block;color:#2b674b;font-size:12px;margin-bottom:3px}
@media(min-width:521px){.hp-deliverables{grid-template-columns:repeat(3,1fr);gap:8px}.hp-deliver{padding:20px 13px}.hp-paper-stack{height:150px}.hp-deliver h3{font-size:15px}.hp-deliver p{font-size:12px}.hp-deliver .deliver-extra{font-size:11px}}

/* === v4: duration distinction === */
.support-duration{display:grid;gap:12px;margin:16px 0 5px}
.duration-card{border-radius:15px;border:1px solid #dce7dd;background:#fff;padding:18px 16px 17px}
.duration-card.primary{background:#eef5ee;border-color:#c7dccb}
.duration-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.duration-eyebrow{font-size:11px;letter-spacing:.02em;color:#356650;font-weight:800}
.duration-head strong{font-size:23px;color:#214e39;white-space:nowrap}
.duration-card h3{font-size:16px;color:#2a5340;line-height:1.55;margin:0 0 7px}
.duration-card p{font-size:14px;line-height:1.9;color:#49645a;margin:0}
.duration-disclaimer{font-size:12px;line-height:1.9;color:#63786a;margin:9px 0 16px}
.hp-image-source-note{font-size:11px;color:#6c8076;line-height:1.8;margin:12px 0 15px}
@media(min-width:600px){.support-duration{grid-template-columns:1fr 1fr}}

/* === v5: deliverables cards aligned with shared website visuals === */
.hp-deliverables{display:grid;grid-template-columns:1fr;gap:16px;margin-top:22px}
.hp-deliver{background:#f8faf7;border:1px solid #d9e4dc;border-radius:18px;padding:20px 18px 22px;overflow:hidden;position:relative}
.hp-deliver h3{font-size:20px;line-height:1.5;margin:0 0 14px;color:#163444;text-align:center}
.hp-deliver .art{background:#f3f4ef;border-radius:14px;padding:10px;margin-bottom:18px;display:grid;place-items:center;min-height:250px}
.hp-deliver .art img{width:100%;height:auto;display:block;border-radius:10px}
.hp-deliver .lead-copy{font-size:13px;line-height:1.9;color:#506962;margin:0;font-weight:700}
.hp-deliver .body-copy{font-size:13px;line-height:1.9;color:#506962;margin:4px 0 0}
.hp-image-source-note{font-size:12px;color:#7a8881;line-height:1.8;margin-top:12px;text-align:center}
.deliver-benefits{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
.deliver-benefits .benefit{border-top:3px solid #7da786;padding-top:10px;color:#26443f;font-weight:700;font-size:14px}
.support-duration{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
.duration-card{background:#f7faf6;border:1px solid #dbe9e0;border-radius:18px;padding:24px 20px;box-shadow:0 10px 22px rgba(23,62,49,.05)}
.duration-card.primary{background:linear-gradient(180deg,#f8fbf8 0%,#eef6f0 100%);border-color:#bfd8c9}
.duration-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}
.duration-eyebrow{display:block;font-size:11px;letter-spacing:.14em;color:#658778;font-weight:800;text-transform:uppercase}
.duration-head strong{font-size:34px;line-height:1;color:#163444;font-family:'Cormorant Garamond',serif}
.duration-card h3{font-size:20px;line-height:1.6;margin:10px 0 8px}
.duration-card p{font-size:14px;color:#526661;line-height:1.9;margin:0}
.duration-disclaimer{font-size:12px;color:#73857e;line-height:1.8;margin-top:12px}
@media(min-width:521px){.hp-deliverables{grid-template-columns:repeat(3,1fr);gap:14px}.hp-deliver{padding:18px 16px 20px}.hp-deliver h3{font-size:16px}.hp-deliver .art{min-height:170px;margin-bottom:14px}.hp-deliver .lead-copy,.hp-deliver .body-copy{font-size:11px}.deliver-benefits{grid-template-columns:repeat(3,1fr);gap:18px}.deliver-benefits .benefit{font-size:13px}}

/* v6: match HP image artwork aspect ratio (text outside images) */
.hp-deliver .art{min-height:0;aspect-ratio:1.58;overflow:hidden;padding:0;background:#f3f4ef;margin-bottom:18px}
.hp-deliver .art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}
@media(min-width:521px){.hp-deliver .art{min-height:0;aspect-ratio:1.58}}

/* Consistent service imagery dimensions with the main site */
.hp-deliver .art img{aspect-ratio:445/378;object-fit:contain;background:#f9faf7}
.hp-deliver .art{padding:7px;min-height:auto}

/* 2026-10-25 — sequential service architecture, HP-aligned photographic deliverables */
.service-overview{margin-top:19px;display:grid;gap:6px;padding:16px;background:#fff;border:1px solid #dce8dd;border-radius:15px}
.service-overview>div:not(.overview-arrow){display:grid;gap:2px;padding:7px 4px}
.service-overview span{color:#397461;font-size:11px;font-weight:800;letter-spacing:.03em}
.service-overview b{font-size:16px;color:#193f37}
.service-overview small{color:#577166;font-size:12px;line-height:1.65}
.overview-arrow{text-align:center;font-weight:800;color:#649780;font-size:11px;border-block:1px solid #edf2ed;padding:5px}
.service-chapter{margin:34px 19px 0;padding:21px 20px 19px;border-radius:15px;background:linear-gradient(132deg,#0e6248,#064737);color:white}
.service-chapter.secondary{background:linear-gradient(132deg,#214e46,#0d3533)}
.service-chapter span{font-size:10px;letter-spacing:.13em;color:#c6e5d5;font-weight:800}
.service-chapter h2{font-size:22px;line-height:1.4;margin:8px 0 6px}
.service-chapter p{font-size:13px;line-height:1.85;margin:0;color:#e0f1e6}
.service-chapter+.section{padding-top:26px}
/* Gentle continuity between each design-book subsection */
#blueprint,#sessions,#deliverables,#price{scroll-margin-top:15px}
#sessions,#deliverables,#price{margin-top:0}
#blueprint .section-id,#sessions .section-id,#deliverables .section-id,#price .section-id{color:#2b8064}
#deliverables{padding-bottom:34px}
#deliverables .hp-deliver .art{padding:4px;min-height:0;background:#f8faf7}
#deliverables .hp-deliver .art img{width:100%;max-width:440px;height:auto;display:block;object-fit:contain}
#deliverables .hp-deliver{background:#fff}
#partner{margin-top:0;padding-top:28px}
.duration-pair{display:grid;gap:11px;margin:24px 0 10px}
.duration-panel{background:#fff;border-radius:13px;border:1px solid #bfd6c7;padding:17px 16px}
.duration-panel.secondary{border-color:#e2e8df;background:#fafbf8}
.duration-panel .dur-tag{font-size:12px;color:#18734f;font-weight:800}
.duration-panel h3{font-size:17px;margin:6px 0 4px;color:#1a4940}
.duration-panel p{font-size:13px;line-height:1.85;color:#4d6762;margin:0}
.duration-footnote{font-size:12px;line-height:1.85;color:#587167;margin:10px 0 18px}
.faq-group-title{font-size:15px;line-height:1.6;margin:24px 0 4px;color:#18644a;border-left:3px solid #8bb59b;padding:4px 0 4px 10px}
.faq-group-title:first-child{margin-top:2px}
@media(max-width:390px){.service-chapter{margin-inline:13px}.service-overview{padding:12px}#deliverables .hp-deliver{padding:15px 12px}}

/* v7 accessibility/legibility pass — keep green CTA but ensure readable white text */
.line-btn, .sticky a {background:#087b43;color:#fff;box-shadow:0 6px 16px rgba(8,123,67,.24)}
.line-btn:hover,.sticky a:hover{background:#086b3d}
.jump-nav a{min-height:37px;display:inline-flex;align-items:center}
.hp-deliver .lead-copy,.hp-deliver .body-copy{font-size:14px;line-height:1.86}
.faq-list summary{font-size:14px;line-height:1.72}
.faq-list details p{font-size:13.5px;line-height:1.86}
.timeline-text .example,.case-caution,.microcase .case-caution,.duration-footnote,.hp-image-source-note{font-size:12.5px}
@media (min-width:521px){.hp-deliver .lead-copy,.hp-deliver .body-copy{font-size:12.5px}}
@media(max-width:390px){.jump-nav a{font-size:12px}.concern .topic{font-size:12px}.service-chapter h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.line-btn,.sticky a,.jump-nav a{transition:none}}

/* 2026-10-26 — desktop-responsive detail pages / retain mobile-first design */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:0 0 22px}
.hero-action-main,.hero-action-sub{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:100px;padding:10px 18px;font-size:13px;line-height:1.5;font-weight:800;transition:background .16s ease,transform .16s ease}
.hero-action-main{background:#087b57;color:#fff;box-shadow:0 5px 14px #087b571f}
.hero-action-sub{border:1px solid #b6cbbd;background:#ffffffd9;color:#245d47}
.hero-action-main:hover{background:#045d41}.hero-action-sub:hover{background:#eff5ed}
.consultation-hero-visual,.service-hero-visual{display:none}
@media(max-width:699px){.service-hero .simple-deco{display:none}}
@media(max-width:520px){
 .consultation-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:25px}
 .service-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:7px;margin:5px 0 14px}
 .hero-action-main,.hero-action-sub{width:100%;justify-content:center;min-height:44px;font-size:12.5px;padding:9px 11px}
}
@media(min-width:700px){
 body{background:#edf1ed}
 .container{max-width:1080px;box-shadow:0 12px 70px rgba(17,54,42,.09);padding-bottom:35px}
 .top{height:82px;padding:12px clamp(32px,5.2vw,70px)}
 .logo-text{font-size:15px;line-height:1.46}.logo img{width:48px;height:48px}
 .top-label{font-size:12px;padding:7px 15px}
 .section{padding:60px clamp(36px,6.4vw,74px) 26px}
 .section.soft{padding:60px clamp(36px,6.4vw,74px) 54px;margin-top:26px}
 .section.greenwash{padding:60px clamp(36px,6.4vw,74px) 58px;margin-top:25px}
 h2{font-size:clamp(26px,3vw,33px)}
 .section .lead{max-width:73ch;font-size:15px;line-height:1.95}
 .concern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
 .concern{min-height:156px;padding:19px 18px}
 .concern .topic{font-size:12px}.concern p{font-size:14px}
 .before-after,.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
 .pair .from,.pair .to{padding:17px 16px;min-height:92px}
 .option{padding:20px 16px}
 .pledges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:16px}
 .faq-list{max-width:880px;margin-inline:auto}
 .faq-list details p{font-size:14.5px}.faq-list summary{font-size:15px}
 .jump-nav{justify-content:center;flex-wrap:wrap;gap:10px;padding:14px 26px;overflow:visible}
 .jump-nav a{padding:8px 14px;font-size:13px}
 .intro-strip{padding:23px 18px}.intro-strip strong{font-size:17px}.intro-strip p{font-size:13px}
 .explain,.belief,.microcase,.how-box,.focus,.info-memo{max-width:890px}
 .service-overview{margin:28px auto 0;max-width:935px}
 .service-chapter{margin:42px clamp(36px,6.4vw,74px) 0;padding:27px 30px}
 .service-chapter h2{font-size:26px}
 .service-chapter p{font-size:14px}
 .service-chapter+.section{padding-top:35px}
 .svc-card{padding:27px 31px}
 .session-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}
 .session-card summary{min-height:91px}
 .session-title strong{font-size:15px}
 .hp-deliverables{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
 .hp-deliver{padding:22px 17px}
 .hp-deliver h3{font-size:18px;min-height:56px;display:flex;align-items:center;justify-content:center}
 .hp-deliver .lead-copy,.hp-deliver .body-copy{font-size:13.5px;line-height:1.8}
 .hp-deliver .art{aspect-ratio:1.25}
 .price-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .price-line{padding:22px 20px}
 .price-line strong{font-size:23px}
 .support-duration,.duration-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .session-prep{max-width:930px}
 .section .note{max-width:910px}
 .service-overview>div:not(.overview-arrow){padding:12px}
 .final{padding:58px 50px 65px}
 .final h2{max-width:22em;margin-inline:auto}
 .final p{max-width:47em;margin-inline:auto}
 .final .line-help{max-width:650px;margin:14px auto}
 .final .related{max-width:650px;margin:20px auto 0}
 .sticky{display:none}
 .foot{padding:28px 26px 35px}
}
@media(min-width:960px){
 .consultation-hero{padding:60px clamp(36px,6.4vw,74px) 55px}
 .consultation-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:34px}
 .consultation-hero h1{font-size:clamp(35px,3.6vw,46px);line-height:1.53;margin-top:21px}
 .consultation-hero .hero-intro{font-size:15px;max-width:34em}
 .consultation-hero .tags{margin-bottom:23px}
 .consultation-hero .landscape{display:none}
 .consultation-hero-visual{display:block;position:relative;align-self:stretch;min-height:368px;margin:0;border-radius:17px 65px 17px 17px;overflow:hidden;box-shadow:0 20px 35px #16462e1b}
 .consultation-hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62% 35%;inset:0}
 .consultation-hero-visual:after{content:"";pointer-events:none;position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0b2e2a8f)}
 .consultation-hero-visual figcaption{position:absolute;z-index:1;bottom:24px;left:25px;right:18px;color:#fff;font-size:15px;font-weight:800;text-shadow:0 2px 10px #193d3380}
 .consultation-hero .hero-actions{margin-bottom:0}
 .service-hero{padding:57px clamp(36px,6.4vw,74px) 34px}
 .service-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:35px}
 .service-hero h1{font-size:clamp(34px,3.55vw,44px);line-height:1.5;margin:17px 0}
 .service-hero .hero-intro{font-size:15px;max-width:39em}
 .service-hero .tags{margin-bottom:18px}
 .service-hero .simple-deco{margin-top:0}
 .service-hero .hero-actions{margin:19px 0 0}
 .service-hero-visual{display:block;position:relative;margin:0;height:395px;border-radius:18px 65px 18px 18px;overflow:hidden;box-shadow:0 20px 40px #143b2821}
 .service-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:45% 50%}
 .service-hero-visual:after{content:"";position:absolute;inset:53% 0 0;background:linear-gradient(transparent,#12392b95)}
 .service-hero-visual figcaption{position:absolute;z-index:1;bottom:24px;left:25px;right:20px;color:#fff;font-weight:800;font-size:15px;text-shadow:0 2px 9px #17382c91}
 .service-overview{display:grid;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);gap:0;padding:17px 24px}
 .service-overview>div:not(.overview-arrow){padding:8px 18px}
 .service-overview .overview-arrow{display:grid;place-items:center;border-block:0;border-inline:1px solid #e1ebe2;font-size:0}
 .service-overview .overview-arrow:after{content:"必要な方だけ →";font-size:12px;line-height:1.6}
 .timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:19px;row-gap:16px;padding-left:0}
 .timeline:before{display:none}
 .timeline-item{border:1px solid #e0ebe3;border-radius:14px;background:#fff;padding:21px 18px;gap:13px}
 .timeline-item:last-child{grid-column:1/-1;background:#f0f6ef}
 .timeline-text h3{font-size:17px}
 .timeline-text p{font-size:14px}
 .faq-list{max-width:880px}
 .final{padding:70px 50px 77px}
}
@media(min-width:700px) and (max-width:959px){
 .consultation-hero{padding:45px 45px 0}
 .service-hero{padding:45px 45px 34px}
 .consultation-hero .landscape{height:240px;margin:10px -45px 0;padding:24px 45px}
 .hero-actions{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.hero-action-main,.hero-action-sub{transition:none}}

/* 2026-10-26 | First consultation hero photo: approved no-people desk scene.
   Keep HP profile photo and service page artwork unchanged.
   Make consultation hero photograph visible across phone, tablet, and desktop. */
.consultation-hero .consultation-hero-visual {
  display:block;
  position:relative;
  width:100%;
  min-height:0;
  height:auto;
  aspect-ratio:1672/941;
  margin:0 0 24px;
  overflow:hidden;
  border-radius:14px 44px 14px 14px;
  background:#e8efe9;
  box-shadow:0 16px 34px rgba(22,70,46,.14);
}
.consultation-hero .consultation-hero-visual img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:100% 50%;
}
.consultation-hero .consultation-hero-visual::after {
  content:"";
  position:absolute;
  inset:48% 0 0;
  pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(10,42,34,.59));
}
.consultation-hero .consultation-hero-visual figcaption {
  position:absolute;
  z-index:1;
  bottom:17px;
  left:19px;
  right:19px;
  color:#fff;
  font-size:clamp(12px,1.28vw,15px);
  font-weight:800;
  line-height:1.55;
  text-shadow:0 2px 7px rgba(20,45,32,.65);
}
.consultation-hero .landscape{display:none}
@media (min-width:960px) {
 .consultation-hero .consultation-hero-visual {
   height:100%;min-height:368px;aspect-ratio:auto;
   margin:0;
   border-radius:17px 65px 17px 17px;
 }
 .consultation-hero .consultation-hero-visual figcaption {
   bottom:24px;left:25px;right:20px;
 }
}
@media (min-width:700px) and (max-width:959px) {
 .consultation-hero .consultation-hero-visual {margin-top:5px;margin-bottom:28px;}
}
@media(max-width:520px) {
 .consultation-hero .consultation-hero-visual {margin-bottom:26px;border-radius:11px 35px 11px 11px;}
 .consultation-hero .consultation-hero-visual figcaption {bottom:13px;left:14px;right:12px;font-size:12px;}
}

/* 2026-10-27 Header design system | brand wordmark matched across 3 pages */
.top{position:relative;height:78px;padding:11px clamp(20px,4vw,65px);background:rgba(252,253,250,.98);border-bottom:1px solid #e0e9e2;box-shadow:0 7px 22px rgba(24,57,42,.045)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#26765a 0%,#82ac8e 27%,rgba(130,172,142,0) 76%);opacity:.78;pointer-events:none}
.top .logo{display:inline-flex;align-items:center;gap:12px;min-width:0;transition:opacity .2s ease}
.top .logo:hover{opacity:.82}
.top .logo img{width:44px;height:44px;flex:none;object-fit:cover;border-radius:50%;box-shadow:0 0 0 3px #eef5ed,0 4px 12px rgba(24,65,46,.09)}
.top .brand-wordmark{display:flex;min-width:0;flex-direction:column;justify-content:center}
.top .brand-name{display:block;font:700 16px/1.48 Georgia,"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;letter-spacing:.042em;color:#173f34;white-space:nowrap}
.top .brand-small{display:block;font-size:9px;line-height:1.55;letter-spacing:.075em;font-weight:500;color:#78877d;margin-top:2px;white-space:nowrap}
.top-label{font-size:11px;font-weight:700;letter-spacing:.045em;border:1px solid #d7e7d7;background:linear-gradient(125deg,#f0f7f1,#fff);color:#216047;padding:8px 13px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 2px 10px #23492f08}
.top-label::before{content:"";display:inline-block;width:6px;height:6px;flex:none;background:#5d9871;border-radius:50%;box-shadow:0 0 0 3px #cfe8d6}
.top-label .label-compact{display:none}
@media(max-width:699px){
 .top{height:70px;padding:10px 17px}
 .top .logo{gap:9px}
 .top .logo img{width:40px;height:40px}
 .top .brand-name{font-size:14px}
 .top .brand-small{font-size:8.4px}
 .top-label{font-size:10px;padding:7px 10px;gap:5px}
}
@media(max-width:479px){
 .top-label .label-full{display:none}
 .top-label .label-compact{display:inline}
}
@media(max-width:390px){
 .top{padding-inline:13px;gap:7px}
 .top .logo{gap:7px}
 .top .logo img{width:37px;height:37px}
 .top .brand-name{font-size:12.8px}
 .top .brand-small{font-size:7.8px;letter-spacing:.015em}
 .top-label{padding:6px 8px;font-size:9px}
}
@media(max-width:355px){
 .top .brand-name{font-size:11.8px}
 .top .brand-small{font-size:7.1px}
 .top-label{font-size:8px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){.top .logo{transition:none}}


/* 2026-10-27 | Approved reference typography applied consistently across 3 pages.
   True HTML text stays accessible and readable on all screen sizes. */
.brand-wordmark .brand-name{
  display:block;position:relative;width:max-content;max-width:100%;
  font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  font-weight:800;font-size:20px;line-height:1.33;letter-spacing:.012em;
  color:#17221f;white-space:nowrap;text-shadow:0 1px 0 #fff7;
  padding-bottom:3px;
}
.brand-wordmark .brand-name .brand-dark{color:#18201e}
.brand-wordmark .brand-name .brand-highlight{color:#087344;font-weight:900}
.brand-wordmark .brand-name::after{
  content:"";position:absolute;left:10%;right:4%;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#b38b35 18%,#cba94e 65%,transparent);
  border-radius:60% 45% 50% 70%;transform:skewY(-.6deg);
}
.brand-wordmark .brand-small{
  display:flex;align-items:center;gap:6px;margin-top:4px;
  font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  font-size:10px;line-height:1.48;letter-spacing:.04em;
  font-weight:650;color:#38453f;white-space:nowrap;
}
.brand-wordmark .brand-small::before,
.brand-wordmark .brand-small::after{
  content:"";width:15px;height:1px;flex:none;
  background:linear-gradient(90deg,#c8a34e,#9c7a27);
}
/* Keep the reference's warm-gold/forest-green balance without making the sticky header a giant image. */
@media (max-width:1100px){
 .brand-wordmark .brand-name{font-size:17px}
 .brand-wordmark .brand-small{font-size:9px}
}
@media (max-width:699px){
 .brand-wordmark .brand-name{font-size:15px;letter-spacing:0}
 .brand-wordmark .brand-small{font-size:8.3px;gap:4px;letter-spacing:0}
 .brand-wordmark .brand-small::before,.brand-wordmark .brand-small::after{width:8px}
}
@media (max-width:390px){
 .brand-wordmark .brand-name{font-size:13.5px}
 .brand-wordmark .brand-small{font-size:7.5px;gap:3px}
 .brand-wordmark .brand-small::before,.brand-wordmark .brand-small::after{width:5px}
}
@media (max-width:355px){
 .brand-wordmark .brand-name{font-size:12.5px}
 .brand-wordmark .brand-small{font-size:7px}
 .brand-wordmark .brand-small::after{display:none}
}