*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f1f3ef;color:#263f41;font-family:"Hiragino Sans","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}img{width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p{margin:0}h2{font-size:39px;line-height:1.6;font-weight:400;letter-spacing:-.045em}h3{font-size:20px;line-height:1.7;font-weight:500}p{font-size:14px;line-height:2.1}.eyebrow{display:block;font:500 11px/1.8 "Avenir Next","Hiragino Sans",sans-serif;letter-spacing:.13em;margin-bottom:18px}.keep{display:inline-block}.section{padding:88px max(48px,calc((100% - 1200px)/2))}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}.section-head>p{max-width:490px;font-size:14px;line-height:2.1}.source{font-size:10px;line-height:1.9;color:#495753;margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:50px;padding:16px 0;background:none;color:inherit;border:0;border-bottom:1px solid currentColor;font-size:13px}.hero{position:relative;height:790px;background:#263d40;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;height:100%;object-position:50% 53%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#071b1e45 0%,transparent 40%,#132b30ed 100%)}.main-nav{position:absolute;z-index:2;inset:0 0 auto;height:84px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.main-nav img{width:202px;height:auto}.main-nav>div{display:flex;gap:32px;font-size:12px}.main-nav a:hover{opacity:.7}.hero-top{position:absolute;left:48px;top:142px}.hero-en{font:400 85px/.98 "Avenir Next",sans-serif;letter-spacing:-.055em}.hero-bottom{position:absolute;bottom:123px;left:48px;right:48px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.hero-bottom h1{font-size:30px;line-height:1.65;font-weight:400;letter-spacing:.025em}.hero-bottom p{font-size:13px;line-height:2;max-width:430px;margin-left:auto}.dayline{position:absolute;bottom:0;left:48px;right:48px;height:93px;display:flex;align-items:center;border-top:1px solid #ffffff50}.dayline button{background:none;border:0;color:white;flex:1;text-align:left;display:flex;gap:12px;align-items:baseline;opacity:.65;padding:10px 0}.dayline button.active{opacity:1}.dayline b{font:400 27px "Avenir Next"}.dayline span{font-size:12px}.dayline small{margin-left:auto;width:180px;font-size:9px;line-height:1.8;text-align:right;opacity:.75}.page-guide{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#e2e8e2;color:#2e423c;font-size:11px;gap:20px}.page-guide a{padding:5px 0}.page-guide a:hover{text-decoration:underline}.reality{background:#f1f3ef}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.stats article{padding-top:25px;border-top:1px solid #b5c1b7}.stat-label{font:12px "Avenir Next";text-transform:uppercase;letter-spacing:.14em;color:#54645a}.stats strong{display:block;font:400 89px/1.2 "Avenir Next";letter-spacing:-.05em;margin:12px 0}.stats small{font-size:25px;letter-spacing:0;margin-left:5px}.stats h3{font-size:15px;line-height:1.9}.stats p{font-size:12px;line-height:2;margin-top:9px}.meter{height:3px;background:#d9e0d8;margin-top:22px}.meter i{display:block;height:3px;background:#9b855b}.why{background:#e5ebe6}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.reason-number{font:400 48px "Avenir Next";color:#5a6b60;display:block;margin-bottom:15px}.reason h3{font-size:20px;min-height:69px}.reason-copy{font-size:13px;line-height:2.1;min-height:140px;margin:16px 0 25px}.reason-graph{padding:22px 0 0;border-top:1px solid #9bad9e;font-size:11px;min-height:285px}.reason-graph small{font-size:10px;line-height:1.8;display:block}.sequence ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:14px 0 23px;padding:0;counter-reset:step}.sequence li{position:relative;padding:11px 8px 11px 31px;background:#f1f4ef;counter-increment:step}.sequence li:before{content:counter(step);position:absolute;left:12px;color:#54645a}.sequence li:last-child{background:#506e61;color:white}.budget{display:flex;margin-top:9px;height:26px}.budget span{background:#a2b7a5;width:80%;text-align:center;padding:5px}.budget b{background:#506e61;color:white;flex:1;text-align:center;padding:5px;font-weight:400}.annotation{font-size:10px;text-align:right;margin-top:6px;color:#3f544a}.dimensions>div{display:block;position:relative;height:33px;margin:5px 0}.dimensions i{position:absolute;bottom:0;height:7px;background:#a9bca9;display:inline-block}.dimensions>div span{position:absolute;top:0;left:0;white-space:nowrap;font-size:10px}.custom{margin-top:15px;border-top:1px dashed #7b9480;padding-top:14px;font-size:10px;line-height:1.8}.custom b{display:block;font-size:12px;font-weight:500;white-space:nowrap;margin:7px 0}.custom span{display:block;font-size:11px}.barriers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;text-align:center}.barriers>div{padding:10px 0}.barrier-icon{font:400 37px/1.3 "Avenir Next";display:block;color:#5b6a55}.barriers b{font-size:12px;display:block;margin-top:7px}.barriers small{font-size:9px;margin-top:5px}.barriers p{grid-column:1/-1;font-size:11px;line-height:2.1;border-top:1px dashed #9bad9e;padding-top:17px;margin-top:8px}.barriers strong{font-size:13px;font-weight:500}.answer{display:grid;grid-template-columns:1.3fr 1fr;background:#cdd9d0}.answer-photo{min-height:560px}.answer-photo img{height:100%;object-position:55% center}.answer-copy{padding:65px 55px;align-self:center}.answer-copy h2{font-size:38px;margin-bottom:25px}.answer-copy p{font-size:13px;line-height:2.2}.answer-copy a{margin-top:22px}.comparison{border-top:1px solid #91a797}.compare-head,.compare-line{display:grid;grid-template-columns:140px 1fr 1.2fr}.compare-head{font-size:13px;font-weight:500;background:#dce5da}.compare-head>span{padding:20px}.compare-head>span:last-child{background:#456354;color:#fff;font-family:"Avenir Next"}.compare-line{border-bottom:1px solid #c6d1c6}.compare-line h3{font-size:13px;font-weight:500;padding:24px 20px}.compare-line p{font-size:13px;line-height:2;padding:24px 28px}.az-cell{background:#e6ece2}.mobile-label{display:none}.direct{background:#253f42;color:#f3f3e9}.direct .source{color:#bdccc5}.direct .section-head{grid-template-columns:1fr 1.15fr;gap:90px}.supply{margin-top:50px}.supply-row{display:grid;grid-template-columns:230px 1fr;align-items:center;padding:22px 0}.supply-row+.supply-row{border-top:1px solid #8aa09650}.route-label{font-size:11px;line-height:1.9}.route{display:flex;align-items:center;gap:20px;text-align:center;justify-content:space-between;font-size:12px}.route>span{flex:1}.route i{font-style:normal;color:#9bb0a5}.conventional .route>span{padding:18px 4px;border-bottom:1px solid #79988b}.own .az-making{flex:2;background:#c7d6b6;color:#253f42;padding:18px}.az-making b{font:500 18px "Avenir Next";display:block}.az-making small{display:block;margin-top:5px}.direct-values{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.direct-values>div{border-top:1px solid #8aa09660;padding-top:18px;display:flex;gap:18px;align-items:baseline}.direct-values b{font-size:20px;font-weight:400;white-space:nowrap;color:#d5dfc4}.direct-values p{font-size:12px;line-height:1.9}.layers{background:#eff2ef}.layer-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:42px}.photo-map{position:relative;min-height:570px;overflow:hidden}.photo-map img{height:100%;object-position:48% center;filter:brightness(.84)}.pin{position:absolute;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#f7f6e9;border-radius:50%;box-shadow:0 0 0 5px #f7f6e940;font:500 13px "Avenir Next";color:#172b29}.pin:hover{box-shadow:0 0 0 9px #f7f6e940}.pin span{position:absolute;left:37px;color:#fff;white-space:nowrap;font:12px "Hiragino Sans";text-shadow:0 1px 8px #000}.map-caption{position:absolute;left:25px;bottom:25px;color:white}.map-caption b{font:400 25px "Avenir Next"}.map-caption p{font-size:11px}.layer-item{display:flex;gap:18px;padding:19px 0;border-top:1px solid #b3c2b2}.layer-item:first-child{padding-top:0;border-top:0}.layer-item>span{font:400 19px "Avenir Next";color:#8d7650}.layer-item h3{font-size:17px;font-weight:500;line-height:1.9}.layer-item p{font-size:12px;line-height:2;margin-top:7px}.layer-item:target{background:#e1e9db;outline:12px solid #e1e9db}.solutions{background:#e0e8df}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 35px}.solutions-grid img{height:205px}.solution-q{font-size:11px;display:flex;gap:12px;align-items:center;margin:20px 0 10px;color:#495a4e}.solution-q span{font:400 20px "Avenir Next";color:#596a5a}.solutions-grid h3{font-size:19px}.solutions-grid p{font-size:12px;line-height:2;margin:12px 0 15px}.products{font-size:10px;line-height:1.9;border-top:1px solid #a4b7a6;padding-top:13px;color:#45574a}.plans{background:#f4f5f0}.plan{display:grid;grid-template-columns:1.35fr 1fr;gap:54px;padding:36px 0;border-top:1px solid #b8c7b8;align-items:center}.plan-picture{position:relative;height:365px;overflow:hidden}.plan-picture img{height:100%}.plan-picture>span{position:absolute;left:20px;bottom:18px;color:#fff;background:#203a3ba6;padding:8px 13px;font:12px "Avenir Next";letter-spacing:.04em}.plan-copy .eyebrow{margin-bottom:12px;color:#4b5d4f}.plan-copy h3{font-size:27px;font-weight:400}.plan-copy>p{font-size:13px;line-height:2;margin-top:14px}.plan dl{margin:25px 0 0;font-size:12px}.plan dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #c6d0c1;line-height:1.8}.plan dt{max-width:60%}.plan dd{margin:0;white-space:nowrap}.total{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:20px}.total span{font-size:11px}.total strong{font:400 31px "Avenir Next";white-space:nowrap;letter-spacing:-.03em}.plan-copy p.cost-note{font-size:10px;color:#516053;margin-top:10px}.case{height:650px;position:relative;color:white;overflow:hidden}.case>img{height:100%;object-position:50% 52%}.case:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102e36bd,transparent 85%)}.case-copy{position:absolute;z-index:1;left:max(48px,calc((100% - 1200px)/2));bottom:64px;max-width:480px}.case-copy h2{font:400 65px/1.1 "Avenir Next";letter-spacing:-.04em;margin:20px 0}.case-copy p{font-size:13px;line-height:2.2}.case-label{display:block;margin-top:24px;font-size:10px;opacity:.75}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px 70px;background:#f1f3ef}.faq h2{font-size:34px}.faq-heading .text-link{margin-top:28px;font-size:11px;gap:15px}.faq .source{grid-column:1/-1}.faq details{border-top:1px solid #b8c6b7}.faq details:last-child{border-bottom:1px solid #b8c6b7}.faq summary{list-style:none;position:relative;padding:22px 35px 22px 0;font-size:13px;line-height:1.9;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';position:absolute;right:0;top:22px;color:#5a6c5e}.faq details[open] summary:after{content:'−'}.faq-answer{padding:0 25px 24px 0;font-size:13px;line-height:2.1;color:#47574c}.contact{display:grid;grid-template-columns:1.1fr 1fr;background:#243f42;color:#f2f4ec}.contact-copy{padding:70px 48px}.contact-copy h2{font-size:36px;line-height:1.75}.contact-copy p{font-size:13px;line-height:2.2;margin:23px 0 30px;max-width:465px}.contact-photo{position:relative;min-height:620px}.contact-photo img{position:absolute;inset:0;height:100%;object-position:52% center;filter:brightness(.8)}.contact-actions{display:flex;gap:18px;flex-wrap:wrap}.contact-actions a{font-size:12px;display:flex;justify-content:space-between;gap:35px;padding:16px 18px;background:#d7e0cd;color:#243f42;align-items:center}.contact-actions a+ a{background:transparent;color:#f2f4ec;border:1px solid #89a28f}.contact-copy>small{display:block;font-size:10px;color:#b4c7b8;margin-top:28px}footer{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:28px 48px;background:#1c3538;color:#b2c2b6}footer img{width:185px;height:auto}footer p{font-size:10px;line-height:1.9;max-width:570px}footer a{text-decoration:underline}.back-top{font:12px "Avenir Next";white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc9d5a;outline-offset:5px}body.capture-faq .faq details{display:block}@media(max-width:760px){h2{font-size:29px!important;line-height:1.6}.section{padding:55px 22px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:23px;font-size:13px}.eyebrow{font-size:10px;margin-bottom:14px}.source{font-size:10px;margin-top:23px}.hero{height:860px}.main-nav{padding:0 22px;height:72px}.main-nav img{width:170px}.main-nav>div{gap:15px;font-size:10px}.main-nav>div a:not(:last-child){display:none}.hero-top{left:22px;top:123px}.hero-en{font-size:61px}.hero-bottom{left:22px;right:22px;bottom:150px;display:block}.hero-bottom h1{font-size:27px}.hero-bottom p{margin:22px 0 0;font-size:12px;max-width:none}.dayline{left:22px;right:22px;height:115px;flex-wrap:wrap}.dayline button{min-width:30%;display:block}.dayline b{font-size:21px;display:block}.dayline span{font-size:10px}.dayline small{width:100%;text-align:left;font-size:9px}.page-guide{padding:16px 22px;display:flex;gap:20px;overflow-x:auto;white-space:nowrap}.page-guide>span{display:none}.stats{display:block}.stats article{margin-top:30px}.stats strong{font-size:80px}.stats p{font-size:12px}.reason-grid{display:block}.reason{margin-top:40px}.reason h3{min-height:0;font-size:21px}.reason-copy{min-height:0;font-size:13px;margin:15px 0 22px}.reason-graph{min-height:0;padding-top:20px}.reason-number{font-size:37px;margin-bottom:12px}.custom b{font-size:12px}.answer{display:flex;flex-direction:column}.answer-photo{min-height:0;height:340px}.answer-photo img{height:100%}.answer-copy{padding:38px 22px 48px}.answer-copy p{font-size:13px}.compare-head{display:none}.compare-line{display:grid;grid-template-columns:1fr 1fr;gap:0}.compare-line h3{grid-column:1/-1;padding:18px 0 8px;font-size:17px}.compare-line p{font-size:12px;padding:12px 13px;line-height:2}.compare-line p:first-of-type{padding-left:0}.mobile-label{display:block;font-size:10px;line-height:1.8;margin-bottom:9px;color:#566559}.direct .section-head{display:block}.supply{margin-top:25px}.supply-row{display:block;padding:20px 0}.route-label{margin-bottom:15px}.route{gap:7px;font-size:10px}.route i{font-size:11px}.conventional .route>span{padding:13px 2px}.own .az-making{padding:14px 9px;flex:2}.az-making b{font-size:12px}.az-making small{font-size:8px;line-height:1.9}.direct-values{display:block;margin-top:20px}.direct-values>div{padding:18px 0}.direct-values p{font-size:12px}.layer-layout{display:block}.photo-map{min-height:0;height:400px;margin-bottom:26px}.pin{width:26px;height:26px;font-size:11px}.pin span{left:30px;font-size:10px}.map-caption{left:18px;bottom:20px}.map-caption b{font-size:17px}.map-caption p{font-size:10px}.layer-item{padding:20px 0}.layer-item h3{font-size:16px}.layer-item p{font-size:12px}.solutions-grid{display:block}.solutions-grid article{margin-top:35px}.solutions-grid img{height:210px}.solutions-grid p{font-size:13px}.solutions-grid h3{font-size:21px}.products{font-size:11px}.plan{display:block;padding:28px 0}.plan-picture{height:250px}.plan-picture>span{left:13px;bottom:13px;font-size:10px}.plan-copy{padding-top:24px}.plan-copy h3{font-size:25px}.plan dl{font-size:11px}.plan dt{max-width:58%}.total strong{font-size:28px}.case{height:640px}.case>img{object-position:64% center}.case:after{background:linear-gradient(0deg,#132f37e8,transparent 90%)}.case-copy{left:22px;right:22px;bottom:34px;max-width:none}.case-copy h2{font-size:46px!important;line-height:1.13}.case-copy p{font-size:12px}.faq{display:block}.faq-heading{margin-bottom:25px}.faq-heading .text-link{margin-top:15px}.faq summary{font-size:12px;padding:20px 28px 20px 0}.faq summary:after{top:20px}.faq-answer{font-size:12px}.contact{display:flex;flex-direction:column}.contact-copy{padding:50px 22px}.contact-copy h2{font-size:29px!important}.contact-copy p{font-size:12px}.contact-actions{display:block}.contact-actions a{margin-bottom:13px;max-width:350px}.contact-photo{height:330px;min-height:330px}.contact-photo img{height:330px;min-height:0}.contact-copy>small{font-size:10px}footer{padding:28px 22px;display:block}footer p{margin-top:20px}footer .back-top{display:inline-block;margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.hero{height:670px}.page-guide{display:none}.section{break-inside:avoid}.faq details{display:block}.faq-answer{display:block}.contact-actions{display:none}}
@font-face{font-family:AZ Jost;src:url('/assets/standalone/fonts/jost.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:AZ Zen;src:url('/assets/standalone/fonts/zen-kaku-gothic-new-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AZ Cormorant;src:url('/assets/standalone/fonts/cormorant-garamond.woff2') format('woff2');font-weight:300 700;font-display:swap}
/* One neutral ground lets the garden carry the colour. */
body{background:#f7f5f2;color:#2a302e;font-family:'AZ Jost','AZ Zen',sans-serif}
.hero,.direct,.contact{background:#252b28}.hero-en{font-family:'AZ Cormorant',serif;letter-spacing:-.03em}.hero-en em{font-weight:500}
.reality,.difference,.layers,.plans,.faq{background:#f7f5f2}.why,.solutions,.answer{background:#ebe9e4}.page-guide{background:#f7f5f2;color:#2a302e}
.eyebrow,.stat-label,.stats strong,.reason-number,.az-making b,.pin,.layer-item>span,.solution-q span,.plan-picture>span,.total strong,.back-top{font-family:'AZ Jost','AZ Zen',sans-serif}
.eyebrow-en{display:inline}.eyebrow small{font:inherit}.eyebrow small:before{content:' / '}
.source,.products,.plan-copy p.cost-note{color:#535751}.stat-label,.reason-number,.layer-item>span,.solution-q,.solution-q span{color:#535751}
.meter{background:#d7d7ce}.meter i{background:#797e6d}.compare-head{background:#e4e3dc}.compare-head>span:last-child{background:#303831}.az-cell{background:#e9e9e1}.compare-line{border-color:#cecec3}
.sequence li{background:#f7f5f2}.sequence li:last-child,.budget b{background:#333e35}.budget span,.dimensions i{background:#b1b6a6}.custom,.reason-graph{border-color:#9a9e8e}.annotation{color:#485044}
.direct .source{color:#b8bdb4}.own .az-making{background:#f7f5f2;color:#2a302e}.direct-values b{color:#e2e3d8}.direct-values>div{border-color:#747c7155}.pin{background:#f7f5f2;color:#2a302e}.layer-item:target{background:#e6e6dc;outline-color:#e6e6dc}.contact-actions a{background:#f7f5f2;color:#2a302e}.contact-actions a+a{background:transparent;color:#f7f5f2;border-color:#878d81}.contact-copy>small{color:#b8bdb4}footer{background:#202622;color:#b8bdb4}.faq-answer{color:#424940}
@media(max-width:760px){
body{--gutter:18px}.section{padding:42px var(--gutter)}
p{font-size:12px;line-height:1.75}h2{font-family:'AZ Zen',sans-serif;font-size:19px!important;line-height:1.65;letter-spacing:0;font-weight:400}h3{font-family:'AZ Zen',sans-serif;font-weight:400}
.section-head{display:block;margin-bottom:24px}.section-head>p{margin-top:16px;font-size:12px;line-height:1.8}.section-head h2 br{display:none}.section-head .eyebrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;letter-spacing:0}.section-head .eyebrow-en{font:500 25px/1.1 'AZ Cormorant',serif;letter-spacing:.005em}.section-head .eyebrow small{font:9px/1.3 'AZ Zen',sans-serif;white-space:nowrap;color:#585d55}.section-head .eyebrow small:before{content:none}
.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:12px}.source{font-size:9px;line-height:1.6;margin-top:18px}.keep{display:inline}
.hero{height:auto;min-height:0;padding:468px var(--gutter) 26px;background:#f7f5f2;color:#2a302e;overflow:hidden}.hero-bg{height:435px;object-position:50% 56%}.shade{height:435px;background:linear-gradient(180deg,#111b204d,transparent 35%,#151b17bf 100%)}
.main-nav{height:61px;padding:0 18px;color:#fff}.main-nav img{width:137px}.main-nav>div{font-size:9px;gap:0}.main-nav>div a:last-child{padding:10px 0;border-bottom:1px solid #ffffff80}.hero-top{top:95px;left:18px;right:18px;text-align:center;color:#fff}.hero-top .eyebrow{font:9px 'AZ Jost';letter-spacing:.12em;margin-bottom:16px}.hero-en{font:500 66px/.78 'AZ Cormorant',serif;letter-spacing:-.035em}.hero-en em{font-weight:500;display:inline-block;margin-top:5px}
.hero-bottom{position:static;display:block}.hero-bottom h1{position:absolute;left:18px;right:18px;top:282px;color:#fff;font:400 18px/1.65 'AZ Zen';letter-spacing:.01em;text-align:center}.hero-bottom p{margin:0;font-size:12px;line-height:1.8;max-width:none}
.dayline{position:absolute;top:371px;bottom:auto;left:18px;right:18px;height:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center;border-top:1px solid #ffffff50;color:#fff}.dayline button{position:relative;min-width:0;display:block;text-align:center;padding:9px 0;opacity:.55}.dayline button.active{opacity:1}.dayline button.active:before{content:'';position:absolute;left:20%;right:20%;top:-6px;height:2px;background:#fff}.dayline b{font:400 20px/1.1 'AZ Jost'}.dayline span{display:block;font-size:9px;margin-top:4px}.dayline small{position:absolute;top:73px;left:0;width:100%;font:8px/1.4 'AZ Zen';color:#5a5e57;text-align:left;opacity:1}.dayline small br{display:none}
.page-guide{padding:0 18px 18px;display:flex;gap:8px;overflow:auto;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid #d7d8ce}.page-guide>span{display:none}.page-guide a{font-size:10px;padding:8px 12px;border:1px solid #c4c7bb;border-radius:30px;flex:none}.page-guide a:after{content:none}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.stats article{margin:0;padding:14px 0 0;border-top:1px solid #9b9f93;min-width:0}.stat-label{font-size:8px;letter-spacing:.07em}.stats strong{font:400 39px/1.2 'AZ Jost';letter-spacing:-.055em;margin:10px 0}.stats strong small{font-size:12px;margin-left:1px}.stats h3{font-size:11px;line-height:1.6}.stats p{font-size:10px;line-height:1.65;margin-top:8px}.meter{margin-top:13px;height:2px}.meter i{height:2px}
.reason-grid{display:block}.reason{display:grid;grid-template-columns:25px 1fr;gap:0 12px;margin-top:28px}.reason-number{grid-column:1;font:400 22px/1.4 'AZ Cormorant';margin:0}.reason h3{grid-column:2;font-size:16px;line-height:1.6;min-height:0}.reason-copy{grid-column:2;font-size:12px;line-height:1.8;min-height:0;margin:12px 0 14px}.reason-graph{grid-column:2;min-height:0;padding:16px 0 0;border-top:1px solid #b9bbae}.reason-graph small{font-size:9px;line-height:1.6}.sequence ol{grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0 14px}.sequence li{font-size:9px;padding:17px 3px 8px;text-align:center}.sequence li:before{top:3px;left:0;right:0;font:9px 'AZ Jost'}.budget{height:20px;margin-top:6px;font-size:9px}.budget span,.budget b{padding:3px}.annotation{font-size:9px;margin-top:4px}.dimensions>div{height:26px;margin:4px 0}.dimensions>div span{font-size:9px}.dimensions i{height:5px}.custom{margin-top:10px;padding-top:10px}.custom b{white-space:normal;font-size:11px;line-height:1.55;margin:5px 0}.custom span{font-size:10px}.barriers{gap:6px}.barriers>div{padding:0}.barrier-icon{font-size:25px}.barriers b{font-size:11px;margin-top:4px}.barriers small{font-size:8px;margin-top:4px}.barriers p{font-size:10px;margin-top:9px;padding-top:10px}.barriers strong{font-size:11px}
.answer{display:grid;grid-template-columns:42% 1fr;gap:0;align-items:stretch;background:#e5e3dc}.answer-photo{min-height:0;height:auto;position:relative}.answer-photo img{position:absolute;height:100%;object-position:60% center}.answer-copy{padding:28px 16px 28px 18px}.answer-copy .eyebrow{font-size:8px;line-height:1.5;letter-spacing:.02em}.answer-copy h2{font-size:19px!important;line-height:1.65;margin-bottom:15px}.answer-copy p{font-size:11px;line-height:1.85}.answer-copy .text-link{font-size:9px;line-height:1.6;gap:0;display:block;margin-top:14px;padding:9px 0}
.difference .section-head h2{font-size:17px!important}.comparison{border-top:1px solid #9dA294}.compare-head{display:grid;grid-template-columns:58px 1fr 1.15fr;background:transparent;font-size:9px;align-items:stretch}.compare-head>span{padding:10px 6px;line-height:1.5}.compare-head>span:first-child{padding-left:0}.compare-head>span:last-child{background:#2e3630;color:#fff;font:500 10px/1.4 'AZ Jost'}
.compare-line{display:grid;grid-template-columns:58px 1fr 1.15fr;gap:0;border-bottom:1px solid #c8ccbf;margin:0}.compare-line h3{grid-column:auto;font-size:10px;padding:14px 5px 14px 0;line-height:1.7}.compare-line p{font-size:10px;line-height:1.75;padding:13px 8px}.compare-line p:first-of-type{padding-left:6px;color:#565b52}.compare-line .az-cell{background:#eeeee6;color:#2a302e}.mobile-label{display:none}
.direct{padding-top:38px;padding-bottom:38px;color:#f7f5f2}.direct .section-head{margin-bottom:20px}.direct .section-head .eyebrow small{color:#aeb6a9}.direct .section-head>p{font-size:12px}.supply{margin-top:20px}.supply-row{display:block;padding:15px 0}.route-label{font-size:9px;margin-bottom:10px}.route{font:10px/1.5 'AZ Jost','AZ Zen';gap:6px}.route i{font-size:11px}.conventional .route>span{padding:10px 0;border-color:#6a7366}.own .az-making{padding:12px 6px;flex:2.3}.az-making b{font-size:12px}.az-making small{font-size:8px;line-height:1.6;margin-top:4px}.direct-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}.direct-values>div{display:block;padding-top:14px}.direct-values b{font-size:16px}.direct-values p{font-size:10px;line-height:1.7;margin-top:7px}.direct .source{font-size:8px;line-height:1.65}
.layers .section-head{margin-bottom:20px}.layers .section-head h2{font-size:19px!important}.layer-layout{display:block}.photo-map{height:auto;min-height:0;aspect-ratio:1400/1045;margin:0 -18px 16px;overflow:hidden}.photo-map img{height:100%;filter:brightness(.9)}.pin{width:24px;height:24px;transform:translate(-50%,-50%);font-size:10px;box-shadow:0 0 0 3px #ffffff30}.pin:before{content:'';position:absolute;inset:-10px}.pin span{left:29px;font-size:9px;text-shadow:0 1px 4px #151b17}.map-caption{left:18px;bottom:12px}.map-caption b{font:500 11px 'AZ Jost';letter-spacing:.06em}.map-caption p{font-size:8px}.layer-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.layer-item{display:block;padding:15px 0;border-top:1px solid #c5c9ba;scroll-margin-top:22px}.layer-item:first-child{padding-top:15px;border-top:1px solid #c5c9ba}.layer-item>span{display:block;font:500 13px 'AZ Jost';margin-bottom:7px;color:#5d6457}.layer-item h3{font-size:12px;line-height:1.7}.layer-item p{font-size:11px;line-height:1.75;margin-top:7px}.layer-item:last-child{grid-column:1/-1;display:grid;grid-template-columns:24px 1fr;gap:12px}.layer-item:target{outline:6px solid #e6e6dc;background:#e6e6dc}
.solutions{background:#f7f5f2;border-top:1px solid #d4d6cb}.solutions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.solutions-grid article{margin:0;min-width:0}.solutions-grid img{height:auto;aspect-ratio:1.3;border-radius:3px;object-position:center}.solution-q{font-size:9px;line-height:1.5;gap:7px;align-items:baseline;margin:12px 0 7px}.solution-q span{font:500 12px 'AZ Jost';color:#697062}.solutions-grid h3{font-size:13px;line-height:1.55}.solutions-grid p{font-size:11px;line-height:1.8;margin:9px 0 10px}.products{font-size:9px;line-height:1.6;padding-top:9px;border-color:#cdd0c2}
.plans{background:#eeede7}.plan{display:grid;grid-template-columns:38% 1fr;gap:16px;padding:22px 0;margin:0;border-top:1px solid #bfc3b5;align-items:start}.plan-picture{height:auto;aspect-ratio:.68;position:relative}.plan-picture img{height:100%;object-position:51% center;border-radius:2px}.plan-picture>span{left:8px;right:4px;bottom:10px;padding:0;background:none;text-shadow:0 1px 5px #222;font:9px/1.4 'AZ Jost';letter-spacing:0}.plan-copy{padding:0;min-width:0}.plan-copy .eyebrow{font:9px/1.4 'AZ Jost';letter-spacing:.08em;margin-bottom:8px;color:#585f53}.plan-copy h3{font-size:17px;line-height:1.5}.plan-copy>p{font-size:11px;line-height:1.7;margin-top:10px}.plan dl{font-size:10px;margin-top:14px}.plan dl>div{display:block;padding:9px 0;border-color:#c5c9bb;line-height:1.7}.plan dt{max-width:none;font-size:9px}.plan dd{font:400 13px 'AZ Jost';margin-top:2px;text-align:right}.total{display:block;margin-top:15px;padding:0;background:none}.total span{font-size:9px;display:block;margin-bottom:3px}.total strong{font:400 25px/1.2 'AZ Jost';letter-spacing:-.045em}.plan-copy p.cost-note{font-size:8px;line-height:1.6;margin-top:9px}.plans>.source{font-size:9px}
.case{height:450px;background:#252b28}.case>img{height:100%;object-position:61% center}.case:after{background:linear-gradient(0deg,#101a17e6,transparent 85%)}.case-copy{left:18px;right:18px;bottom:26px;max-width:305px}.case-copy .eyebrow{font:9px 'AZ Jost','AZ Zen';letter-spacing:.09em}.case-copy h2{font:500 40px/.95 'AZ Cormorant'!important;letter-spacing:0;margin:14px 0}.case-copy p{font-size:11px;line-height:1.8}.case-label{font-size:8px;line-height:1.5;margin-top:15px}
.faq{display:block}.faq-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;gap:0 12px}.faq-heading>.eyebrow{width:100%;font-size:9px;margin-bottom:12px}.faq-heading h2{font-size:20px!important}.faq-heading .text-link{font-size:9px;padding:8px 0;margin-top:0;gap:0}.faq summary{font-size:12px;line-height:1.7;padding:17px 30px 17px 0}.faq summary:after{top:18px;font-size:11px;color:#555d4e}.faq-answer{font-size:11px;line-height:1.85;padding:0 16px 19px 0;color:#444c3e}.faq details{border-color:#cbd0c0}
.contact{display:grid;grid-template-columns:1fr 33%;gap:0;align-items:stretch}.contact-copy{padding:30px 18px}.contact-copy .eyebrow{font-size:8px;letter-spacing:.04em;line-height:1.5}.contact-copy h2{font-size:20px!important;line-height:1.65}.contact-copy p{font-size:11px;line-height:1.8;margin:16px 0 20px}.contact-actions{display:block}.contact-actions a{margin-bottom:10px;max-width:none;gap:10px;padding:11px 12px;font-size:10px;min-height:40px}.contact-actions a span{font-size:13px}.contact-copy>small{font-size:8px;line-height:1.7;margin-top:16px}.contact-photo{position:relative;height:auto;min-height:0}.contact-photo img{position:absolute;height:100%;min-height:0;object-position:53% center}
footer{padding:25px 18px}footer img{width:145px}footer p{font-size:8px;line-height:1.7;margin-top:16px}.back-top{font:10px 'AZ Jost'}footer .back-top{margin-top:15px}
}
@media(max-width:359px){.stats{gap:9px}.stats strong{font-size:33px}.section-head .eyebrow-en{font-size:22px}.section-head .eyebrow{gap:7px}.section-head .eyebrow small{font-size:8px}.compare-head,.compare-line{grid-template-columns:48px 1fr 1.15fr}.compare-line p{padding:11px 5px;font-size:9px}.compare-line h3{font-size:9px}.plan{grid-template-columns:34% 1fr;gap:12px}.total strong{font-size:24px}.contact{grid-template-columns:1fr 26%}.hero-en{font-size:62px}}
@media(max-width:760px){.section-head h2{ text-wrap:balance }.section-head h2 br{display:initial}.compare-head>span:first-child{font-size:8px;white-space:nowrap}.compare-line p:first-of-type{color:#4d544a}}
/* ── Claude 追記（2026-10-12）：出幅の図＝庭の奥行き 2,200mm の例 ── */
.fitd small b{font-weight:500}
.fitd .fitd-group{margin-top:12px;color:#485044}
.fitd .fitd-az{color:#333e35;font-weight:500}
.fitd>div::after{content:"";position:absolute;left:var(--edge);top:2px;bottom:-5px;border-left:1px dashed #9a6a4f}
.fitd>div.fitd-garden i{height:12px;background:repeating-linear-gradient(135deg,#c9d3bf 0 4px,#dfe5d6 4px 8px)}
.fitd>div em{font-style:normal;margin-left:6px;color:#485044}
.fitd>div.is-over i{background:repeating-linear-gradient(135deg,#b1b6a6 0 4px,#e6cdbf 4px 8px)}
.fitd>div.is-over em{color:#9a4a32}
.fitd>div.is-az i{height:9px;background:#333e35}
.fitd>div.is-az span,.fitd>div.is-az em{color:#333e35;font-weight:500}
.fitd .fitd-note{font-size:10px;line-height:1.7;color:#485044;margin-top:10px}
/* ── Claude 追記 2（2026-10-12 齋藤さんの直し） ── */
/* 見出しの英字はゴシック（Jost＝トップの LET'S TALK. と同じ） */
.section-head .eyebrow-en,.map-caption b{font-family:'AZ Jost',sans-serif!important;font-weight:400!important;letter-spacing:.06em!important;text-transform:uppercase}
.case-copy h2{font-family:'AZ Jost',sans-serif!important;font-weight:400!important;letter-spacing:.01em!important}
.case-copy h2 a{color:inherit}
.case-copy h2 a:hover{opacity:.8}
.case-link{display:inline-flex;gap:10px;align-items:center;margin-top:18px;padding:10px 0;border-bottom:1px solid #ffffffa0;color:#fff;font:400 12px 'AZ Jost','AZ Zen',sans-serif;letter-spacing:.04em}
/* 数字の下の文：まとまりで折り返す */
.stats h3,.stats p{word-break:keep-all;overflow-wrap:anywhere}
.stats .keep{display:inline-block}
/* WHY の上の細い写真の帯 */
.why-band{height:220px;overflow:hidden}
.why-band img{height:100%;object-position:50% 60%}
/* 3つの理由の見出しを大きく */
.why .section-head h2{font-size:46px!important;line-height:1.5}
/* OUR ANSWER を大きく */
.answer-copy .eyebrow{font-size:14px!important;letter-spacing:.12em!important;line-height:1.6!important}
/* ぴったりオーダーを目立たせる */
.fitd>div.is-az em.fitd-order{font-size:13px;font-weight:700;color:#333e35;background:linear-gradient(transparent 55%,#e6d7a8 55%);padding:0 2px}
/* 5つの層：写真だけ（説明の列は無し）・ピンは印だけ */
.layer-layout{display:block}
.photo-map{min-height:0;aspect-ratio:1400/760}
.pin{cursor:default}
@media (max-width:760px){
.why-band{height:110px}
.why .section-head h2{font-size:23px!important;line-height:1.55}
.answer-copy .eyebrow{font-size:11px!important}
.photo-map{aspect-ratio:1400/1045}
.fitd>div.is-az em.fitd-order{font-size:11.5px}
}
/* 白ベタ（#f7f5f2）の地と節だけを、上の帯と同じ砂の色に（齋藤さん 2026-10-12）。薄い灰色・緑み・濃い色・写真の節はそのまま。
節の色が幅で変わる物（価格＝PC は白・スマホは灰色、悩みの札＝PC は灰色・スマホは白、表紙＝スマホだけ下が白）は、白の幅だけ */
html body,body .page-guide,body .reality,body .difference,body .layers,body .faq{background:#f5d5b3}
@media(min-width:761px){body .plans{background:#f5d5b3}}
@media(max-width:760px){body .hero,body .solutions{background:#f5d5b3}}
/* 小さい字をもう一段濃く（齋藤さん 2026-10-12「小さい系の文字をもう一段階濃く」）：文字色の薄い灰色（明るさ0.25〜0.65・彩度の低い物）を墨色 #1f2420 へ35%寄せた。元の値は git の履歴で */