/* 平内建築 家づくり - warm luxury companion page */
.hb{--hb-ink:#26231f;--hb-gold:#ae9272;--hb-paper:#f5f2eb;--hb-cream:#ece6db;--hb-font:'Shippori Mincho',serif;color:var(--hb-ink);background:var(--hb-paper)}
.hb-container{width:min(1350px,calc(100% - 128px));margin:0 auto}.hb-section{padding:clamp(100px,10.8vw,178px) 0}.hb-eyebrow,.hb-kicker{font:600 11px/1.6 'Manrope',sans-serif;letter-spacing:.23em}.hb-kicker{color:#987d5c;margin:0 0 39px}.hb-h2{font:600 clamp(36px,4.55vw,74px)/1.57 var(--hb-font);letter-spacing:-.045em;margin:0}.hb-h2 em{font-style:normal;color:#a58a68}.hb-copy{font-size:clamp(14px,1.07vw,16px);letter-spacing:.04em;line-height:2.35;color:#6b6258}.hb-lead{font:600 clamp(17px,1.7vw,24px)/1.9 var(--hb-font)}.hb-heading-split{display:grid;grid-template-columns:1.3fr .7fr;gap:8%;align-items:end;margin-bottom:72px}.hb-heading-split>.hb-copy{margin:0 0 12px}.hb-page .site-header{background:rgba(22,23,20,.25)}.hb-page .site-header.scrolled{background:rgba(24,24,22,.93)}.hb-page .footer{position:relative}
/* hero */
.hb-hero{height:100svh;min-height:640px;position:relative;background:#25231f;color:#fff;overflow:hidden}.hb-hero-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;animation:hb-hero-zoom 13s ease-out both}.hb-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,8,.72),rgba(8,9,8,.39) 52%,rgba(8,9,8,.06)),linear-gradient(0deg,rgba(8,9,8,.51),transparent 50%)}.hb-hero-content{position:absolute;left:max(7vw,calc((100vw - 1350px)/2));top:49%;transform:translateY(-40%);padding-right:20px}.hb-eyebrow{color:#e6cda8;margin:0 0 33px}.hb-eyebrow span{font-family:'Zen Kaku Gothic New',sans-serif;letter-spacing:.05em;font-size:11px}.hb-hero h1{font:600 clamp(48px,6.4vw,104px)/1.49 var(--hb-font);letter-spacing:-.06em;margin:0 0 24px;text-shadow:0 4px 22px rgba(0,0,0,.2)}.hb-hero-content>p:not(.hb-eyebrow){font-size:clamp(13px,1.2vw,17px);line-height:2.4;letter-spacing:.08em}.hb-hero-jump{display:inline-flex;gap:40px;align-items:center;margin-top:36px;font:600 10px/1 'Manrope',sans-serif;letter-spacing:.18em;border-bottom:1px solid #d9c3a9;padding-bottom:14px}.hb-hero-jump span{font-size:24px}.hb-hero-edge{position:absolute;right:4vw;bottom:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.23em;color:#eee5d6}@keyframes hb-hero-zoom{from{transform:scale(1.12)}to{transform:scale(1.01)}}
/* introduction */
.hb-intro{background:#f7f4ef}.hb-intro-grid{display:grid;grid-template-columns: .32fr 1fr;gap:9vw}.hb-intro-grid .hb-kicker{white-space:nowrap}.hb-side-vertical{writing-mode:vertical-rl;margin:82px 0 0;font:500 10px 'Manrope',sans-serif;color:#b3a48f;letter-spacing:.3em}.hb-intro-grid .hb-lead{margin:48px 0 13px}.hb-intro-grid .hb-copy{max-width:780px}.hb-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:39px}.hb-chips span{padding:14px 19px;border:1px solid #cec3b4;border-radius:99px;font-size:12px;color:#786c5d}
/* photos */
.hb-photo-statement{min-height:780px;display:grid;grid-template-columns:1fr 1fr;background:#25231f;color:#faf7f1}.hb-photo-half{overflow:hidden;min-height:620px}.hb-photo-half img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s}.hb-photo-statement:hover .hb-photo-half img{transform:scale(1.035)}.hb-statement-half{padding:clamp(60px,8vw,145px) clamp(40px,7vw,130px);display:flex;flex-direction:column;justify-content:center}.hb-statement-half .hb-kicker{color:#c9b28e}.hb-statement-half .hb-h2{font-size:clamp(36px,3.7vw,63px)}.hb-statement-half .hb-copy{color:#c2bbb1;margin:32px 0}.hb-three-words{border-top:1px solid #77736a;padding-top:28px;display:flex;gap:23px;flex-wrap:wrap}.hb-three-words span{font-size:12px;color:#d1c9bd;letter-spacing:.1em}
/* pillar */
.hb-foundation{background:#ece7de}.hb-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hb-pillar{background:#f9f7f3;min-height:268px;padding:38px 42px;transition:transform .4s,background .4s}.hb-pillar:hover{transform:translateY(-5px);background:white}.hb-pillar-n{color:#ac8e67;font:500 24px 'Cormorant Garamond',serif}.hb-pillar h3{font:600 clamp(21px,2.25vw,30px)/1.75 var(--hb-font);margin:21px 0 14px}.hb-pillar p{font-size:14px;line-height:2.2;color:#736d64;margin:0}
/* warmth */
.hb-warmth{background:#faf8f4}.hb-warmth-grid{display:grid;grid-template-columns:1fr .95fr;gap:10%;align-items:center}.hb-warmth .hb-lead{margin:33px 0 6px}.hb-list-points{margin-top:44px;border-top:1px solid #ddd2c5}.hb-list-points p{border-bottom:1px solid #ddd2c5;display:flex;gap:24px;align-items:center;font-size:14px;padding:17px 0}.hb-list-points b{font:500 23px 'Cormorant Garamond',serif;color:#a78861}.hb-diagram-card{background:#f0e8dc;box-shadow:0 30px 90px rgba(64,49,34,.08);padding:clamp(26px,3vw,54px)}.hb-diagram-card img{width:100%;height:auto;mix-blend-mode:multiply}.hb-diagram-card>span{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d6c9b9;padding-top:23px;margin-top:29px;font:600 11px 'Manrope',sans-serif;letter-spacing:.12em}.hb-diagram-card small{color:#877a69;letter-spacing:0;font:400 11px 'Zen Kaku Gothic New',sans-serif}
/* performance */
.hb-performance{background:#2a2a25;color:#f9f6f1}.hb-performance .hb-kicker{color:#c7ac88}.hb-performance .hb-h2 em{color:#d3b794}.hb-performance .hb-copy{color:#c2bbb0}.hb-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hb-metric{padding:clamp(26px,3.5vw,55px);border:1px solid #68645c;background:#30302b;min-width:0}.hb-metric>span{font-size:13px;color:#d9c7b0}.hb-metric strong{display:block;font:500 clamp(56px,6.5vw,108px)/1.15 'Cormorant Garamond',serif;letter-spacing:-.055em;color:#fff;margin:25px 0}.hb-metric strong small{font:500 clamp(14px,1.7vw,22px) 'Zen Kaku Gothic New',sans-serif;letter-spacing:0;margin-left:7px}.hb-metric p{color:#bbb4a8;line-height:2.2;font-size:13px}.hb-fineprint{font-size:11px;line-height:1.9;color:#a9a297;margin-top:21px}.hb-three-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:100px}.hb-three-methods>div{border-top:1px solid #716c63;padding-top:20px}.hb-three-methods span{color:#c4a17a;font:500 24px 'Cormorant Garamond',serif}.hb-three-methods h3{font:600 21px var(--hb-font);margin:18px 0}.hb-three-methods p{font-size:13px;line-height:2.1;color:#bcb5aa}
/* ZEH */
.hb-zeh{background:#f3eee7}.hb-zeh-grid{display:grid;grid-template-columns:1fr .9fr;gap:10%;align-items:center}.hb-energy-terms{margin-top:36px}.hb-energy-terms p{display:flex;gap:28px;border-bottom:1px solid #d7cbbd;padding:18px 0;margin:0;align-items:center}.hb-energy-terms strong{min-width:54px;color:#967956}.hb-energy-terms span{font-size:13px;color:#776c5e}.hb-zeh-display{min-height:460px;background:radial-gradient(ellipse at 67% 22%,#c9b89f,#302f2b 72%);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:52px 38px}.hb-zeh-display>span{font:600 10px 'Manrope',sans-serif;letter-spacing:.27em;color:#e9d5b9}.hb-zeh-display strong{font:400 clamp(120px,13vw,230px)/1 'Cormorant Garamond',serif;letter-spacing:-.06em;margin:20px 0}.hb-zeh-display p{font:600 15px var(--hb-font);margin:0 0 25px}.hb-zeh-display small{max-width:280px;font-size:12px;line-height:2;color:#ddd5c7}
/* structure */
.hb-structure{background:#faf8f4}.hb-earthquake{display:grid;grid-template-columns:.45fr 1fr;gap:24px}.hb-quake-number{background:#b59b7a;color:#fff;padding:40px 53px}.hb-quake-number span{font-size:14px}.hb-quake-number strong{display:block;font:400 clamp(160px,18vw,280px)/.8 'Cormorant Garamond',serif;margin:20px 0}.hb-quake-number p{font-size:13px;line-height:2;color:#f8eddb}.hb-quake-copy{padding:6% 7%;background:#ede6dd}.hb-quake-copy h3{font:600 clamp(25px,3vw,44px)/1.6 var(--hb-font)}.hb-quake-copy p{color:#6e665c;font-size:15px;line-height:2.4}.hb-text-link{font-weight:600;font-size:13px;display:inline-flex;gap:50px;border-bottom:1px solid;padding-bottom:15px;margin-top:20px}.hb-structure-compare{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:35px;padding:45px;background:#fff;border:1px solid #e5dcd1}.hb-structure-compare figure{flex:1;text-align:center;margin:0}.hb-structure-compare img{height:240px;width:100%;object-fit:contain}.hb-structure-compare figcaption{font:600 18px/2 var(--hb-font);margin-top:12px}.hb-structure-compare small{font:400 12px 'Zen Kaku Gothic New',sans-serif;color:#8c8175}.hb-compare-arrow{font-size:34px;color:#ba9d78}
/* costs */
.hb-costexample{background:#eeebe5}.hb-table-scroll{overflow-x:auto;background:#fff;box-shadow:0 15px 70px #554b3e12}.hb-table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;min-width:720px}.hb-table th,.hb-table td{padding:23px 20px;border-bottom:1px solid #e7e0d6;font-size:13px}.hb-table thead{background:#302d29;color:#fff}.hb-table thead th{font-size:12px;letter-spacing:.02em}.hb-table th:first-child{text-align:left;padding-left:35px}.hb-table tbody th{font-weight:600}.hb-table tbody tr:nth-child(even){background:#faf8f4}.hb-table tbody tr:hover{background:#f1e8db}.hb-table small{font-size:10px;color:#948a7d}.hb-table-note{color:#756d63;font-size:12px;line-height:2.1;margin-top:23px;max-width:970px}
/* process */
.hb-process{background:#f8f6f1}.hb-process>.hb-container>.hb-lead{margin:32px 0 48px}.hb-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hb-step{background:#eee9e0;padding:30px 23px 43px;min-height:280px;border-top:2px solid #b89b75}.hb-step>span{font:400 49px/.9 'Cormorant Garamond',serif;color:#9c8060}.hb-step h3{font:600 20px/1.7 var(--hb-font);margin:32px 0 16px}.hb-step p{font-size:12px;line-height:2.05;color:#72695f}.hb-process-bottom{border-top:1px solid #d9cebf;margin:55px 0 0;padding-top:25px;color:#87694b;font:600 18px/1.8 var(--hb-font)}
/* budget */
.hb-budget{background:#ede6dd}.hb-budget-wrap{display:grid;gap:62px}.hb-budget-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.hb-budget-card{background:#f9f7f3;padding:24px 22px 36px;min-height:230px}.hb-budget-card>span{color:#b59978;font:400 32px 'Cormorant Garamond',serif}.hb-budget-card h3{font:600 17px/1.6 var(--hb-font);margin:22px 0 12px}.hb-budget-card p{font-size:12px;line-height:2;color:#746b60}
/* closing */
.hb-closing{position:relative;min-height:730px;background:#201f1b;color:#fff;display:flex;align-items:center;isolation:isolate}.hb-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hb-closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,14,13,.85),rgba(13,14,13,.49) 65%,rgba(13,14,13,.2));z-index:-1}.hb-closing-inner{width:min(1250px,calc(100% - 120px));margin:0 auto;padding:100px 0}.hb-closing .hb-kicker{color:#e6c79e}.hb-closing h2{font:600 clamp(37px,5.5vw,84px)/1.57 var(--hb-font);margin:0 0 24px;letter-spacing:-.045em}.hb-closing p:not(.hb-kicker){font-size:15px;line-height:2.4;color:#e1ddd5}.hb-contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;padding:23px 30px;min-width:335px;background:#f3f0e8;color:#28241e;font-weight:700;font-size:14px;margin-top:32px;transition:transform .3s,background .3s}.hb-contact-button:hover{background:#d5baa0;transform:translateY(-3px)}
/* purposeful scroll choreography */
.hb-page .hb-reveal{opacity:1;transform:none}.hb-page.has-js .hb-reveal{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.65,.3,1),transform .9s cubic-bezier(.2,.65,.3,1)}.hb-page.has-js .hb-reveal.hb-visible{opacity:1;transform:none}.hb-page.has-js .hb-pillars .hb-pillar:nth-child(even),.hb-page.has-js .hb-metrics .hb-metric:nth-child(2),.hb-page.has-js .hb-steps .hb-step:nth-child(even){transition-delay:.13s}
@media(max-width:1200px){.hb-container{width:calc(100% - 90px)}.hb-intro-grid{gap:4vw}.hb-heading-split{gap:4%}.hb-metric{padding:32px 25px}.hb-steps{grid-template-columns:repeat(3,1fr)}.hb-budget-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.hb-container{width:calc(100% - 48px)}.hb-section{padding:93px 0}.hb-heading-split{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.hb-h2{font-size:clamp(34px,6vw,60px)}.hb-intro-grid{grid-template-columns:1fr;gap:25px}.hb-side-vertical{display:none}.hb-intro-grid .hb-lead{margin-top:28px}.hb-photo-statement{grid-template-columns:1fr;min-height:0}.hb-photo-half{min-height:390px;max-height:520px}.hb-statement-half{padding:70px 40px 90px}.hb-warmth-grid,.hb-zeh-grid{grid-template-columns:1fr;gap:50px}.hb-metrics{grid-template-columns:1fr 1fr}.hb-three-methods{gap:20px;margin-top:65px}.hb-earthquake{grid-template-columns:1fr 1fr}.hb-quake-number{padding:37px}.hb-quake-number strong{font-size:190px}.hb-quake-copy{padding:35px}.hb-structure-compare img{height:180px}}
@media(max-width:590px){.hb-container{width:calc(100% - 42px)}.hb-section{padding:74px 0}.hb-hero{min-height:580px}.hb-hero-content{left:25px;top:47%;transform:translateY(-31%)}.hb-hero-image{object-position:58% center}.hb-hero h1{font-size:clamp(43px,10vw,65px);line-height:1.55}.hb-hero-content>p:not(.hb-eyebrow){font-size:12px;line-height:2.1}.hb-hero-edge{display:none}.hb-eyebrow{font-size:9px;letter-spacing:.16em}.hb-hero-jump{margin-top:18px}.hb-kicker{margin-bottom:25px;font-size:10px}.hb-h2{font-size:clamp(32px,8vw,46px)}.hb-copy{font-size:13px}.hb-lead{font-size:16px}.hb-chips{gap:8px}.hb-chips span{padding:10px 13px;font-size:11px}.hb-photo-half{min-height:310px}.hb-statement-half{padding:63px 24px}.hb-statement-half .hb-h2{font-size:35px}.hb-three-words{gap:14px}.hb-three-words span{font-size:11px}.hb-pillars{grid-template-columns:1fr;gap:10px}.hb-pillar{min-height:0;padding:25px 26px 30px}.hb-pillar h3{margin:8px 0;font-size:22px}.hb-pillar p{font-size:12px}.hb-diagram-card{padding:22px}.hb-diagram-card>span{display:block;font-size:10px}.hb-diagram-card small{display:block;margin-top:8px}.hb-metrics{grid-template-columns:1fr;gap:10px}.hb-metric{padding:25px 30px}.hb-metric strong{font-size:75px;margin:15px 0}.hb-three-methods{grid-template-columns:1fr;gap:12px;margin-top:44px}.hb-three-methods>div{padding:18px 0}.hb-three-methods h3{margin:8px 0}.hb-zeh-display{min-height:340px;padding:30px}.hb-zeh-display strong{font-size:135px}.hb-zeh-display p{font-size:13px}.hb-earthquake{grid-template-columns:1fr}.hb-quake-number{padding:30px}.hb-quake-number strong{font-size:148px;margin:0}.hb-quake-copy{padding:28px}.hb-quake-copy h3{font-size:25px}.hb-quake-copy p{font-size:13px}.hb-structure-compare{padding:23px 10px;gap:4px}.hb-structure-compare img{height:128px}.hb-structure-compare figcaption{font-size:11px;line-height:1.6}.hb-structure-compare small{font-size:9px}.hb-compare-arrow{font-size:18px}.hb-table{min-width:695px}.hb-table th,.hb-table td{padding:17px 13px}.hb-steps,.hb-budget-grid{grid-template-columns:1fr 1fr;gap:10px}.hb-step{min-height:220px;padding:22px 16px}.hb-step h3{font-size:17px;margin:17px 0 10px}.hb-step p{font-size:11px}.hb-budget-card{min-height:180px;padding:18px}.hb-budget-card h3{font-size:15px;margin:12px 0}.hb-budget-card p{font-size:11px}.hb-budget-card:last-child{grid-column:1/-1}.hb-process-bottom{font-size:15px}.hb-closing{min-height:630px}.hb-closing-inner{width:calc(100% - 48px);padding:70px 0}.hb-closing h2{font-size:clamp(32px,8.3vw,48px)}.hb-closing p:not(.hb-kicker){font-size:12px}.hb-contact-button{width:100%;min-width:0;padding:21px 23px;font-size:12px}.preview-label{display:none}}
@media(prefers-reduced-motion:reduce){.hb-page.has-js .hb-reveal{opacity:1;transform:none;transition:none}.hb-hero-image{animation:none}*,*::before,*::after{scroll-behavior:auto!important}}


/* financial simulator: CTA follows the total cost explanation */
.hb-simulator{background:#f7f3ec}.hb-simulator-mobile-break{display:none}
.hb-simulator-layout{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:clamp(35px,6vw,105px)}
.hb-simulator-copy .hb-copy{max-width:620px;margin:32px 0 31px}
.hb-simulator-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,570px);padding:24px 28px;background:#282722;color:#faf6ef;text-decoration:none;font:700 clamp(15px,1.35vw,18px)/1.6 'Zen Kaku Gothic New',sans-serif;transition:background .3s,transform .3s,box-shadow .3s;box-shadow:0 15px 30px rgba(39,34,28,.12)}
.hb-simulator-cta:hover,.hb-simulator-cta:focus-visible{color:#fff;background:#795e42;transform:translateY(-3px);box-shadow:0 20px 40px rgba(39,34,28,.2)}
.hb-simulator-cta small{display:block;font-size:11px;font-weight:400;letter-spacing:.05em;color:#d7cbba;margin-top:5px}
.hb-simulator-arrow{display:flex;align-items:center;justify-content:center;border:1px solid #8d8375;width:42px;height:42px;flex:0 0 42px;border-radius:50%;font-size:20px;font-weight:400}
.hb-simulator-note{font-size:11px;line-height:1.9;color:#807467;max-width:560px;margin:17px 0 0}
.hb-simulator-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:405px;padding:clamp(27px,3vw,49px);color:#f8f2e9;background:linear-gradient(155deg,#b7a18a 0%,#806951 44%,#332f28 100%);overflow:hidden}
.hb-simulator-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);width:87%;aspect-ratio:1;border-radius:50%;bottom:-40%;right:-29%;pointer-events:none}
.hb-simulator-art-label,.hb-simulator-art-bottom{font:600 10px/1.6 'Manrope',sans-serif;letter-spacing:.16em;color:#f0e4d5}
.hb-simulator-art-number{font:400 clamp(85px,10vw,150px)/1 'Cormorant Garamond',serif;letter-spacing:-.05em;opacity:.7;align-self:flex-end}
.hb-simulator-art-number span{font:600 10px/1 'Manrope',sans-serif;letter-spacing:.1em}
.hb-simulator-art-word{font:600 clamp(20px,2.05vw,29px)/1.8 'Shippori Mincho',serif;position:relative;z-index:1;margin:5px 0 30px}
@media(max-width:860px){.hb-simulator-layout{grid-template-columns:1fr}.hb-simulator-art{min-height:270px}.hb-simulator-art-number{font-size:110px}}
@media(max-width:590px){.hb-simulator-mobile-break{display:block}.hb-simulator-cta{padding:20px 16px;gap:10px;font-size:14px}.hb-simulator-cta small{font-size:10px}.hb-simulator-arrow{width:36px;height:36px;flex-basis:36px}.hb-simulator-art{min-height:260px;padding:26px}.hb-simulator-art-number{font-size:100px}.hb-simulator-art-word{font-size:20px}.hb-simulator-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hb-simulator-cta{transition:none}}