/* === style.css === */
:root{--ink:#22382e;--ink2:#344c3f;--cream:#f5f2e9;--paper:#fffcf6;--stone:#e6dfd2;--sand:#d3c5ad;--gold:#cda977;--muted:#76786f;--line:#dddcd2;--shadow:0 22px 70px rgba(21,42,31,.12);--r:20px;--ease:cubic-bezier(.2,.72,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#27362c;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%}section{scroll-margin-top:98px}::selection{background:#d4c2a2;color:#182e23}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cba467;outline-offset:3px}[hidden]{display:none!important}.container{width:min(1260px,calc(100% - 80px));margin-inline:auto}.mini{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:800}.eyebrow{display:flex;align-items:center;gap:12px;color:#738174;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.eyebrow:before{content:'';width:32px;height:1px;background:#b99c71}.serif{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-style:italic}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:14px 22px;border:1px solid transparent;border-radius:4px;font-size:11px;text-transform:uppercase;letter-spacing:.115em;font-weight:800;transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px;flex:none}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#395c48;box-shadow:0 10px 22px #22382e22}.btn-light{background:#f2eee3;color:var(--ink)}.btn-light:hover{background:#fff}.btn-outline{border-color:#b8c3b7;color:var(--ink);background:transparent}.btn-outline:hover{background:#e5e8df}.btn-outline-light{border-color:#ffffff86;color:#fff;background:transparent}.btn-outline-light:hover{background:#ffffff14}.arrow{display:inline-block;font-size:20px;line-height:1;transition:transform .2s}.btn:hover .arrow,.text-link:hover .arrow{transform:translateX(4px)}
.topbar{background:#172c21;color:#d9e1d4;text-align:center;min-height:33px;padding:9px 16px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.topbar a{color:#e5cca0;text-decoration:underline;text-underline-offset:3px}.site-header{position:sticky;top:0;z-index:90;background:rgba(249,247,240,.97);border-bottom:1px solid #d8d9d0;backdrop-filter:blur(16px)}.header-inner{height:86px;display:flex;align-items:center;gap:35px}.logo{display:flex;align-items:center;gap:11px;flex:0 0 auto}.logo img{height:42px;width:42px}.logo-name{display:block;font:800 23px/1 'Manrope',sans-serif;letter-spacing:-.075em;color:var(--ink)}.logo-name span{color:#ad8c5d}.logo-caption{display:block;margin-top:4px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#768176;font-weight:700}.nav-links{margin-left:auto;display:flex;align-items:center;gap:29px}.nav-links a{font-size:11px;letter-spacing:.045em;font-weight:800;color:#49594d;position:relative}.nav-links a:after{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:#ad976e;transition:right .23s}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-links a.active{color:#203e2d}.header-cta{min-height:44px;padding:11px 17px;font-size:10px}.menu-toggle{width:43px;height:43px;border:1px solid #ccd3c9;background:transparent;color:var(--ink);display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:3px}.menu-toggle span{height:2px;width:21px;background:currentColor;display:block;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:none}.floating-wa{position:fixed;right:23px;bottom:23px;z-index:85;display:flex;align-items:center;gap:10px;border:1px solid #bad4c1;background:#237344;color:#fff;padding:14px 18px;border-radius:100px;box-shadow:0 10px 30px #1837284a;font-size:11px;font-weight:800;letter-spacing:.05em}.floating-wa:hover{background:#185e35}.floating-wa svg{width:21px;height:21px}.scrollbar{position:fixed;z-index:120;top:0;left:0;width:0;height:3px;background:var(--gold)}
/* HOME HERO */
.hero{background:#203729;color:white;min-height:680px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:47% 53%;min-height:680px}.hero-content{position:relative;z-index:2;padding:85px 30px 84px max(40px,calc((100vw - 1260px)/2));display:flex;flex-direction:column;justify-content:center}.hero .eyebrow{color:#d6c9ac}.hero .eyebrow:before{background:#d2bc93}.hero h1{font:500 clamp(56px,6.2vw,105px)/1.02 'Playfair Display',Georgia,serif;letter-spacing:-.055em;margin:27px 0 25px;max-width:610px}.hero h1 em{color:#dac19b}.hero-desc{font-size:14px;line-height:1.9;color:#d7dfd5;max-width:460px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.hero-foot{margin-top:65px;display:flex;align-items:center;gap:22px;color:#b2c4b3;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hero-foot:before{width:50px;height:1px;background:#a8c2a9;content:''}.hero-visual{position:relative;min-height:560px;overflow:hidden;background:#5e6a5c}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,55,41,.28),transparent 34%),linear-gradient(0deg,rgba(15,37,24,.4),transparent 50%)}.hero-visual img{height:100%;object-fit:cover;object-position:center;transition:transform 1.5s}.hero-visual:hover img{transform:scale(1.045)}.hero-photo-tag{position:absolute;bottom:32px;right:34px;z-index:2;color:#fff;padding:12px 15px;border:1px solid #ffffff5a;background:#1b3527a1;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.hero-number{position:absolute;right:30px;top:35px;z-index:2;font:400 90px/1 'Playfair Display',serif;opacity:.13}
/* SECTIONS */
.section{padding:116px 0}.section-small{padding:76px 0}.section-dark{background:var(--ink);color:white}.section-white{background:var(--paper)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:40px}.section-title{font:500 clamp(35px,4.2vw,62px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:16px 0 0}.section-head .copy{font-size:13px;line-height:1.9;max-width:360px;color:var(--muted)}.section-dark .eyebrow{color:#d9c6a6}.section-dark .eyebrow:before{background:#d1b38d}.section-dark .copy{color:#cad4c8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #cad5c540;background:#eae7de}.metric{padding:27px 38px;border-right:1px solid #c9cec0;display:flex;gap:18px;align-items:center}.metric:last-child{border:0}.metric strong{font:500 41px/1 'Playfair Display',serif;letter-spacing:-.04em;color:#254331}.metric span{font-size:11px;line-height:1.6;color:#617164}.marquee{overflow:hidden;border-top:1px solid #e3e1d8;border-bottom:1px solid #e3e1d8;background:#f0eee6;padding:17px 0;color:#69806a}.marquee-inner{display:flex;gap:65px;white-space:nowrap;justify-content:space-around;font-weight:800;letter-spacing:.19em;font-size:10px;text-transform:uppercase}.marquee-inner b{color:#c39d66}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:#fff;border:1px solid #e1e1d7;min-width:0;overflow:hidden;transition:transform .28s,box-shadow .28s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{display:block;position:relative;aspect-ratio:1.18;overflow:hidden;background:#d6dfd3}.product-image img{height:100%;object-fit:cover;transition:transform .6s var(--ease)}.product-card:hover .product-image img{transform:scale(1.055)}.product-tag{position:absolute;top:18px;left:18px;padding:9px 11px;background:#f8f4e9;color:#334838;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.product-body{padding:24px 25px 25px}.product-index{font-size:10px;color:#9a9e90;letter-spacing:.13em}.product-body h3{font:500 24px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:10px 0}.product-body p{font-size:12px;line-height:1.85;color:#798075;min-height:44px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:19px;margin-top:18px;border-top:1px solid #eae8dd}.product-bottom small{font-size:10px;color:#7b806f}.text-link{font-size:11px;font-weight:800;letter-spacing:.055em;color:#2c5338;display:inline-flex;align-items:center;gap:11px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;background:#e2e6db}.feature-photo{min-height:550px;background:#bec7ba}.feature-photo img{height:100%;object-fit:cover}.feature-content{padding:88px min(7vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-content h2{font:500 clamp(40px,4.5vw,65px)/1.14 'Playfair Display',serif;letter-spacing:-.04em;margin:22px 0}.feature-content p{max-width:440px;line-height:1.9;color:#586959;font-size:13px}.feature-list{margin:22px 0 35px;display:grid;gap:18px}.feature-list div{display:flex;align-items:center;gap:14px;font-size:13px;color:#2c4734;font-weight:600}.feature-list div:before{content:'↗';height:31px;width:31px;display:grid;place-items:center;background:#becaba;color:#24412d;border-radius:50%}.gallery-strip{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:12px}.gallery-strip a{height:360px;position:relative;background:#bdc6bc;overflow:hidden}.gallery-strip img{height:100%;object-fit:cover;transition:transform .7s}.gallery-strip a:hover img{transform:scale(1.06)}.gallery-strip a span{position:absolute;bottom:20px;left:22px;color:white;z-index:1;font:500 20px 'Playfair Display',serif;text-shadow:0 2px 10px #0009}.gallery-strip a:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#0d211bad,transparent 55%)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{padding:25px 22px 35px;border:1px solid #536556;background:#2a4935;min-height:240px}.step-num{font:500 45px 'Playfair Display',serif;color:#d9bf92}.step h3{font:500 23px 'Playfair Display',serif;margin:24px 0 10px}.step p{font-size:12px;line-height:1.8;color:#d1ddce}.callout{background:#d9d1bf;padding:74px 65px;display:flex;gap:30px;align-items:center;justify-content:space-between}.callout h2{font:500 clamp(35px,4vw,58px)/1.14 'Playfair Display',serif;letter-spacing:-.04em;margin:0 0 13px}.callout p{font-size:13px;line-height:1.8;color:#5d6858;max-width:570px}.callout .btn{flex:none}
/* SUBPAGE */
.page-hero{background:#20382b;color:#fff;padding:96px 0 98px;position:relative;overflow:hidden}.page-hero:before{content:'KINOSAKI';position:absolute;right:-3%;bottom:-58px;line-height:1;font-size:min(15vw,200px);letter-spacing:-.08em;font-family:'Playfair Display',serif;color:#ffffff0a;pointer-events:none}.page-hero .eyebrow{color:#ddc6a1}.page-hero .eyebrow:before{background:#d1b28c}.page-hero h1{font:500 clamp(55px,6.2vw,95px)/1.08 'Playfair Display',serif;letter-spacing:-.055em;max-width:880px;margin:25px 0 22px}.page-hero p{max-width:600px;color:#cad9ca;font-size:14px;line-height:1.9}.crumbs{display:flex;gap:10px;margin-top:40px;color:#b4bfae;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.crumbs b{color:white}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 31px}.filter{background:#fff;border:1px solid #d0d9ce;padding:12px 16px;border-radius:3px;color:#536559;font-size:11px;font-weight:800;cursor:pointer}.filter.active,.filter:hover{background:#264632;color:#fff;border-color:#264632}.catalog-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.catalog-card{min-width:0}.catalog-card[hidden],.gallery-card[hidden]{display:none!important}.catalog-card .product-body p{min-height:70px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-tile{padding:30px;background:#fff;border:1px solid #e5e2d6}.info-tile .num{font:500 43px 'Playfair Display',serif;color:#b7a078}.info-tile h3{font:500 25px 'Playfair Display',serif;margin:19px 0 9px}.info-tile p{font-size:12px;line-height:1.85;color:#687568}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-card{border:0;padding:0;background:#e8e4d7;text-align:left;overflow:hidden;position:relative;min-width:0;cursor:zoom-in}.gallery-card:nth-child(5n+1){grid-column:span 2;aspect-ratio:1.75}.gallery-card:not(:nth-child(5n+1)){aspect-ratio:1}.gallery-card img{height:100%;object-fit:cover;transition:transform .6s}.gallery-card:hover img{transform:scale(1.05)}.gallery-card:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0e211bb9,transparent 63%)}.gallery-label{position:absolute;bottom:21px;left:24px;right:20px;z-index:2;color:white}.gallery-label strong{display:block;font:500 26px 'Playfair Display',serif;margin-bottom:6px}.gallery-label small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d6dfce}.lightbox{position:fixed;inset:0;z-index:150;background:#06120ded;display:none;align-items:center;justify-content:center;padding:60px 28px 75px}.lightbox.open{display:flex}.lightbox img{width:auto;max-width:min(980px,100%);max-height:78vh;object-fit:contain;border:3px solid #f2eddd}.lightbox-close{position:absolute;right:25px;top:20px;background:none;border:1px solid #ffffff6b;color:white;width:42px;height:42px;border-radius:50%;font-size:26px}.lightbox-caption{position:absolute;bottom:25px;color:#fff;font-size:12px;letter-spacing:.08em;text-align:center}
/* ABOUT */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-photo{position:relative;min-height:580px;background:#c6c6b7}.story-photo img{height:100%;object-fit:cover;position:absolute;inset:0}.story-photo small{position:absolute;z-index:2;bottom:21px;left:24px;color:white;letter-spacing:.14em;font-size:10px;text-transform:uppercase;text-shadow:0 2px 7px #000b}.story-copy h2{font:500 clamp(39px,4vw,62px)/1.13 'Playfair Display',serif;letter-spacing:-.04em;margin:26px 0}.story-copy p{font-size:14px;line-height:2;color:#627268}.story-copy .statement{border-left:3px solid #bfa576;padding:16px 0 16px 24px;margin:30px 0;color:#2b4934;font:500 26px/1.5 'Playfair Display',serif}.projects-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-link{background:#fff;border:1px solid #dfe0d5;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;transition:transform .2s}.project-link:hover{transform:translateY(-3px)}.project-link strong{font:500 21px 'Playfair Display',serif}.project-link small{font-size:10px;color:#809083;display:block;margin-top:8px}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-block{padding:25px 0;border-bottom:1px solid #d0d6c9}.contact-block small{color:#869185;letter-spacing:.14em;font-size:10px;text-transform:uppercase;font-weight:800}.contact-block h3{margin:9px 0;font:500 24px 'Playfair Display',serif;line-height:1.4}.contact-block a:hover{text-decoration:underline;text-underline-offset:4px}.form-card{background:#fff;border:1px solid #dedfd4;padding:44px}.form-card h2{font:500 34px 'Playfair Display',serif;margin:0 0 10px}.form-card p{font-size:12px;color:#7a867b;line-height:1.9;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:9px;margin-bottom:18px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#455d48}.field input,.field select,.field textarea{width:100%;border:1px solid #d2d9cd;padding:14px;background:#fbfbf7;border-radius:3px;color:#223a2b;font-size:13px;outline:none}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#92a795;box-shadow:0 0 0 3px #ceded03b}.form-note{font-size:11px;color:#8a9388;line-height:1.7;margin:11px 0}.map-panel{height:310px;background:linear-gradient(135deg,#cfd6c6,#9faf9e);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.map-panel:before{content:'';position:absolute;inset:0;opacity:.32;background-image:linear-gradient(25deg,transparent 47%,#79977d 48%,#79977d 52%,transparent 53%),linear-gradient(125deg,transparent 44%,#fff 45%,#fff 47%,transparent 48%);background-size:170px 100px,170px 100px}.map-panel strong{z-index:2;text-align:center;font:500 29px 'Playfair Display',serif}.map-panel .btn{z-index:2}
/* FAQ */
.faq{max-width:900px;margin-inline:auto}.faq-item{border-bottom:1px solid #d3d9cf}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:24px 0;color:#304935;font-size:15px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font:400 25px serif;color:#769078}.faq-item[open] summary:after{content:'−'}.faq-item p{max-width:760px;margin:0 0 24px;font-size:13px;line-height:1.85;color:#7d8a7d}
/* FOOTER */
.site-footer{background:#162d20;color:#eff4eb}.footer-top{padding:82px 0 67px;display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:37px}.footer-brand h2{font:500 45px/1.05 'Playfair Display',serif;margin:21px 0;letter-spacing:-.05em}.footer-brand p{color:#c0cfbe;font-size:12px;line-height:1.85;max-width:305px}.footer-column h4{margin:7px 0 23px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d6c196}.footer-column a,.footer-column p{display:block;font-size:12px;color:#bfd0be;margin:0 0 14px;line-height:1.7}.footer-column a:hover{color:white}.footer-bottom{padding:25px 0;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:10px;color:#9daf9e;line-height:1.7}.credit{display:inline-flex;gap:10px;align-items:center}.credit b{color:#d9c79e}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.container{width:min(100% - 48px,1260px)}.header-inner{gap:18px}.nav-links{gap:16px}.nav-links a{font-size:10px}.hero-content{padding-left:35px}.hero h1{font-size:64px}.metric{padding:22px}.metric strong{font-size:34px}.feature-content{padding:60px 7%}.footer-top{grid-template-columns:1.3fr .6fr .6fr 1fr}}
@media(max-width:830px){.site-header .nav-links,.header-cta{display:none}.header-inner{height:70px}.menu-toggle{margin-left:auto;display:flex}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#faf8ef;border-bottom:1px solid #d9ddd2;padding:18px 24px 25px;flex-direction:column;gap:6px;box-shadow:0 20px 30px #10291a23}.mobile-nav.open{display:flex}.mobile-nav a{font-weight:800;color:#2b4934;padding:14px 8px;border-bottom:1px solid #e3e6dd}.mobile-nav .btn{margin-top:10px;color:white}.hero-grid{grid-template-columns:1fr}.hero-content{padding:60px 35px 65px;min-height:540px}.hero-visual{min-height:460px}.hero h1{font-size:clamp(60px,10vw,86px)}.hero-foot{margin-top:35px}.section{padding:82px 0}.metric strong{font-size:33px}.card-grid,.catalog-layout,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-split{grid-template-columns:1fr}.feature-photo{min-height:410px}.feature-content{padding:65px 8%}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-strip{grid-template-columns:1fr 1fr}.gallery-strip a:first-child{grid-column:1/-1}.gallery-strip a{height:280px}.story-grid{grid-template-columns:1fr}.story-photo{min-height:500px}.contact-grid{grid-template-columns:1fr;gap:38px}.footer-top{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card:nth-child(5n+1){grid-column:span 1;aspect-ratio:1}}
@media(max-width:560px){.container{width:calc(100% - 34px)}.topbar{font-size:9px;letter-spacing:.08em}.logo-name{font-size:19px}.logo img{width:35px;height:35px}.logo-caption{font-size:7px}.hero-content{padding:53px 18px 48px;min-height:490px}.hero h1{font-size:clamp(51px,12.4vw,72px);margin:24px 0 18px}.hero-desc{font-size:12px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%;min-height:49px}.hero-foot{font-size:9px}.hero-visual{min-height:360px}.hero-photo-tag{right:14px;bottom:14px;font-size:8px}.metrics{grid-template-columns:1fr}.metric{padding:19px 24px;border-right:none;border-bottom:1px solid #c8cec1}.metric strong{font-size:36px}.section{padding:67px 0}.section-small{padding:50px 0}.section-head{display:block}.section-title{font-size:clamp(36px,9vw,52px)}.section-head .copy{margin:18px 0}.card-grid,.catalog-layout,.info-grid,.steps,.projects-links{grid-template-columns:1fr}.product-image{aspect-ratio:1.22}.feature-content{padding:55px 22px}.feature-photo{min-height:330px}.feature-content h2{font-size:42px}.gallery-strip{display:grid;grid-template-columns:1fr 1fr}.gallery-strip a{height:190px}.gallery-strip a:first-child{height:255px}.gallery-strip a span{left:14px;bottom:15px;font-size:15px}.callout{padding:47px 22px;display:block}.callout h2{font-size:40px}.callout .btn{margin-top:17px}.page-hero{padding:65px 0 72px}.page-hero h1{font-size:clamp(48px,11vw,70px)}.page-hero p{font-size:12px}.form-card{padding:26px 19px}.form-grid{grid-template-columns:1fr;gap:0}.gallery-grid{grid-template-columns:1fr}.gallery-card:nth-child(5n+1){aspect-ratio:1.14}.gallery-card:not(:nth-child(5n+1)){aspect-ratio:1.14}.footer-top{grid-template-columns:1fr 1fr;gap:34px 19px;padding:65px 0 45px}.footer-brand{grid-column:1/-1}.footer-brand h2{font-size:38px}.floating-wa{right:14px;bottom:14px;padding:13px;border-radius:50%}.floating-wa span{display:none}.story-photo{min-height:350px}.story-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}


/* === upgrade.css === */
/* KINOSAKI HOMES — QUOTATION + VIDEO ADDITIONS */
.qb-section {padding:100px 0;background:#f1eee7;color:#213b2f;scroll-margin-top:90px;}
.qb-intro {max-width:830px;margin:0 auto 43px;text-align:center;}
.qb-intro h2 {font-size:clamp(35px,5vw,64px);line-height:1.13;letter-spacing:-.06em;margin:13px 0 19px;}
.qb-intro h2 em {font-family:Georgia,serif;color:#7f8456;font-weight:400;}
.qb-intro p {font-size:15px;line-height:1.8;color:#677066;margin:0 auto;max-width:680px;}
.qb-kicker {font-size:10px;letter-spacing:.18em;font-weight:850;color:#506448;}
.qb-pulse {display:inline-block;width:8px;height:8px;background:#96a26d;border-radius:50%;margin-right:8px;}
.qb-shell {max-width:880px;margin:auto;background:white;border:1px solid #dee1d6;border-radius:23px;box-shadow:0 25px 75px #253a2817;overflow:hidden;}
.qb-headingbar {display:flex;justify-content:space-between;align-items:center;padding:30px 36px 24px;gap:20px;}
.qb-brand {font-size:10px;font-weight:900;letter-spacing:.18em;color:#2f4d36;}
.qb-brand span {color:#b1b69e;}
.qb-headingbar h3 {font-size:27px;letter-spacing:-.04em;margin:8px 0 0;}
.qb-counter {display:flex;align-items:baseline;color:#97a18e;gap:4px;white-space:nowrap;}
.qb-counter strong {font-size:32px;font-weight:800;color:#244832;}
.qb-progress {height:4px;background:#eff0e8;}
#qb-progress-fill {height:100%;width:25%;background:#6c885a;transition:width .25s;}
.qb-step {padding:32px 36px 25px;min-height:330px;}
.qb-step[hidden] {display:none!important;}
.qb-step-tag {font-size:10px;letter-spacing:.2em;font-weight:850;color:#9a9c85;margin:0 0 12px;}
.qb-step h4 {font-size:clamp(23px,3vw,33px);letter-spacing:-.045em;margin:0 0 10px;line-height:1.24;}
.qb-hint {font-size:13px;line-height:1.75;color:#747f74;margin:0 0 24px;}
.qb-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;}
.qb-fields label {font-size:12px;font-weight:700;line-height:1.6;color:#26392c;display:block;min-width:0;}
.qb-fields label>span {color:#af715f;}
.qb-fields .qb-wide {grid-column:1/-1;}
.qb-fields select,.qb-fields input,.qb-fields textarea {width:100%;min-height:50px;margin-top:8px;display:block;border-radius:10px;border:1px solid #cdd4c9;background:#f9faf6;color:#284031;padding:12px 14px;font:inherit;font-size:13px;font-weight:500;outline:none;}
.qb-fields textarea {resize:vertical;min-height:100px;}
.qb-fields select:focus,.qb-fields input:focus,.qb-fields textarea:focus {border-color:#6d9568;box-shadow:0 0 0 3px #5e845724;}
.qb-options {border:0;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.qb-options legend {font-size:12px;font-weight:800;padding:0;margin-bottom:14px;}
.qb-options label {display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 12px;border:1px solid #d6dacd;background:#fafbf7;border-radius:9px;font-size:12px;color:#52614d;cursor:pointer;}
.qb-options input {accent-color:#557c4f;}
.qb-review {background:#f4f6f0;border:1px solid #dfe5da;border-radius:12px;padding:20px;margin-top:22px;}
.qb-review-head {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#81927b;}
#qb-summary {white-space:pre-wrap;word-break:break-word;font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#2d4734;margin:14px 0 0;}
.qb-disclaimer {color:#8b9786;font-size:11px;line-height:1.8;}
.qb-error {margin:0 36px;padding:12px 15px;color:#a33a25;background:#fff3ee;border:1px solid #f1c3b4;border-radius:8px;font-size:12px;}
.qb-footer {display:flex;align-items:center;gap:12px;padding:23px 36px 33px;border-top:1px solid #ecefe9;}
.qb-spacer {flex:1;}
.qb-prev,.qb-next,.qb-submit {border:1px solid #2b5035;border-radius:9px;padding:14px 20px;min-height:48px;font-size:12px;font-weight:800;cursor:pointer;}
.qb-prev {color:#2b5035;background:#fff;}
.qb-next,.qb-submit {color:#fff;background:#274532;}
.qb-next:hover,.qb-submit:hover {background:#3c6349;}
.qb-after {padding:0 36px 29px;color:#677466;font-size:12px;line-height:1.8;}
.qb-after a {color:#1c633e;text-decoration:underline;}
#qb-copy {margin-left:15px;border:0;background:none;color:#3b6345;text-decoration:underline;cursor:pointer;font:inherit;}
#qb-copy-status {padding-left:8px;color:#2c703e;}
.qb-footline {max-width:880px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8b9985;font-size:10px;}
.quick-quote {margin-top:50px;margin-bottom:50px;padding:38px 43px;border-radius:18px;background:#e8e7d8;color:#243e2d;display:flex;align-items:center;justify-content:space-between;gap:25px;}
.quick-quote h2 {font-size:clamp(25px,3.2vw,40px);letter-spacing:-.05em;line-height:1.15;margin:11px 0;}
.quick-quote h2 em {font-family:Georgia,serif;color:#7f875b;}
.quick-quote p {max-width:540px;color:#5c6959;font-size:13px;line-height:1.7;margin:0;}
.quick-quote .btn {flex:none;}
.builder-product-link {display:block;margin:0 25px 25px;color:#446446;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:800;}
.video-showcase {background:#172c22;padding:105px 0;color:#f8f5ea;scroll-margin-top:95px;}
.video-head {display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px;}
.video-head h2 {font-size:clamp(36px,5.2vw,65px);line-height:1.06;letter-spacing:-.06em;margin:14px 0 0;}
.video-head h2 em {color:#cabb98;font-family:Georgia,serif;font-weight:400;}
.video-head>div:last-child {max-width:370px;}
.video-head p {font-size:13px;color:#aebcac;line-height:1.8;}
.video-profile-link {color:#e0d2a9;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;}
.video-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.video-card {overflow:hidden;border:1px solid #ffffff2c;border-radius:14px;background:#20382a;}
.video-poster {position:relative;aspect-ratio:4/3;overflow:hidden;background:#42664c;}
.video-poster img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.video-card:hover img {transform:scale(1.045);}
.video-label {position:absolute;left:17px;top:17px;padding:7px 10px;color:#f9f6ea;background:#15261cbd;border-radius:6px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:750;}
.video-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:64px;width:64px;border-radius:50%;background:#f8f4e2e8;color:#274434;display:grid;place-items:center;font-size:20px;padding-left:4px;}
.video-details {padding:24px;}
.video-details small {font-size:10px;letter-spacing:.14em;color:#afbda6;}
.video-details h3 {font-size:23px;margin:10px 0;letter-spacing:-.03em;}
.video-details p {min-height:54px;color:#b1c2b2;line-height:1.7;font-size:12px;}
.video-open {margin-top:6px;border:1px solid #acbd9e;color:#f2e6c6;background:transparent;padding:11px 15px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;}
.video-open:hover {background:#365d44;}
.video-honesty {margin-top:23px;font-size:11px;color:#b4c3b0;line-height:1.75;}
.video-jump {display:inline-block;margin-top:20px;color:#557d54;font-size:12px;font-weight:800;text-decoration:underline;}
.video-modal[hidden] {display:none!important;}
.video-modal {position:fixed;inset:0;z-index:1000;background:#0b130edb;display:flex;align-items:center;justify-content:center;padding:20px;}
.video-modal-dialog {width:min(720px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#faf8f2;border:1px solid #aac0ab;border-radius:16px;padding:24px;color:#1e3d2d;box-shadow:0 20px 80px #0008;}
.video-modal-top {display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px;}
.video-modal-top h3 {font-size:23px;letter-spacing:-.03em;margin:0;}
#video-modal-close {border:0;border-radius:50%;background:#e7eee5;width:38px;height:38px;cursor:pointer;}
#video-player {width:100%;max-height:55vh;background:#071007;border-radius:10px;display:block;}
#video-player[hidden] {display:none!important;}
#video-placeholder {text-align:center;padding:30px 22px;background:#e9eee4;border-radius:12px;}
.video-placeholder-icon {width:54px;height:54px;margin:auto auto 16px;background:#33563c;border-radius:50%;display:grid;place-items:center;color:white;font-size:22px;}
#video-placeholder h4 {font-size:21px;margin:0 0 9px;}
#video-placeholder p {color:#5a6d5a;font-size:13px;line-height:1.8;margin:0 auto 16px;max-width:490px;}
.video-file-button {display:inline-block;padding:12px 18px;background:#31543a;border-radius:8px;color:white;font-size:12px;font-weight:800;cursor:pointer;}
#video-placeholder small {display:block;margin-top:13px;color:#798a79;}
.video-modal-tiktok {display:inline-block;margin-top:17px;color:#335841;font-size:12px;text-decoration:underline;font-weight:800;}
@media(max-width:860px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.video-head{align-items:flex-start;flex-direction:column;}.video-head>div:last-child{max-width:640px;}.qb-section,.video-showcase{padding:70px 0;}}
@media(max-width:600px){.qb-fields,.qb-options{grid-template-columns:1fr;}.qb-headingbar{padding:23px 20px;}.qb-step{padding:25px 20px;min-height:0;}.qb-footer{padding:20px;}.qb-error{margin:0 20px;}.qb-after{padding:0 20px 24px;}.qb-footline{justify-content:flex-start;}.quick-quote{padding:27px 24px;flex-direction:column;align-items:flex-start;}.video-grid{grid-template-columns:1fr;}.video-poster{aspect-ratio:16/10;}.video-modal-dialog{padding:17px;}.qb-section,.video-showcase{padding:55px 0;}}


/* === sales-catalog.css === */
/* KINOSAKI HOMES SALES CATALOGUE */
.sales-catalog{background:#f5f1e9;padding:100px 0;color:#243b2e;scroll-margin-top:90px}
.sales-kicker{font-size:11px;font-weight:850;letter-spacing:.18em;color:#708064}
.sales-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:15px 0 22px}
.sales-intro h2{font-size:clamp(36px,5.4vw,70px);line-height:1.06;letter-spacing:-.07em;margin:0 0 16px}
.sales-intro h2 em,.sales-albums h2 em{font-family:Georgia,serif;font-weight:400;color:#82916e}
.sales-intro p{font-size:14px;line-height:1.8;color:#627264;max-width:690px;margin:0}
.sales-btn-source{flex:none;display:inline-flex;padding:13px 17px;border-radius:9px;background:#243e2d;color:#fff;font-size:12px;font-weight:800}
.sales-summary{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 40px}
.sales-summary span{border:1px solid #cfd7c9;border-radius:100px;padding:8px 14px;font-size:11px;font-weight:750;color:#567052}
.sales-subheading{font-size:28px;letter-spacing:-.05em;margin:15px 0 20px}
.sales-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.sales-type-card{padding:22px;border:1px solid #d9e0d4;border-radius:12px;background:#ffffffa6;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}
.sales-type-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #12291915}
.sales-type-index{display:flex;justify-content:space-between;gap:5px;color:#9caa92;font-size:16px;font-weight:850}
.sales-type-index span{font-size:8px;letter-spacing:.1em}
.sales-type-card h3{font-size:18px;letter-spacing:-.035em;line-height:1.2;margin:22px 0 9px;overflow-wrap:anywhere}
.sales-type-card p{margin:0 0 19px;color:#738074;font-size:11px;line-height:1.7;flex:1}
.sales-type-links{display:flex;gap:7px;flex-wrap:wrap}
.sales-type-links a{font-size:10px;font-weight:850;color:#24523a;text-decoration:underline;text-underline-offset:3px}
.sales-type-links a:last-child{color:#6b8067}
.sales-featured-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:75px 0 23px}
.sales-featured-head h3{font-size:clamp(32px,4vw,50px);letter-spacing:-.06em;margin:10px 0 0}
.sales-featured-head>p{max-width:345px;color:#6a796b;font-size:12px;line-height:1.7}
.sales-tools{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;padding:18px;background:#e7eade;border-radius:13px}
.sales-tools label{font-size:11px;font-weight:800;color:#4e654c}
.sales-tools input,.sales-tools select{display:block;width:100%;height:46px;margin-top:7px;padding:9px 12px;border:1px solid #c1cec0;border-radius:8px;color:#25442e;background:white;min-width:0;font:inherit;font-size:12px}
.sales-result{margin:16px 2px 22px;font-size:12px;font-weight:700;color:#70816e}
.sales-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sales-model-card{min-width:0;border:1px solid #d7ddd3;border-radius:13px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.sales-model-card[hidden]{display:none!important}
.sales-model-photo{height:225px;position:relative;background:linear-gradient(135deg,#617960,#1c3e31);overflow:hidden;display:flex;align-items:center;justify-content:center}
.sales-model-photo img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .25s}
.sales-model-card:hover img{transform:scale(1.04)}
.sales-model-tag{position:absolute;top:14px;left:14px;font-size:9px;font-weight:850;letter-spacing:.12em;padding:7px 10px;color:white;background:#203d2fdd;border-radius:5px}
.sales-photo-unavailable,.sales-media-failed:after{font:700 13px Inter,sans-serif;color:#f3f5eb;text-align:center;padding:20px}
.sales-media-failed:after{content:'Foto rujukan di katalog rasmi'}
.sales-model-info{padding:24px;display:flex;flex-direction:column;flex:1}
.sales-model-cat{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#849476;margin:0 0 10px}
.sales-model-info h3{font-size:22px;letter-spacing:-.045em;line-height:1.18;margin:0 0 11px}
.sales-model-info>p:not(.sales-model-cat){color:#778474;font-size:12px;line-height:1.7;margin:0 0 15px}
.sales-spec{font-weight:800;color:#4f6d4f!important}
.sales-model-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}
.sales-quote-btn{padding:12px 13px;color:white;background:#254633;border-radius:7px;font-size:11px;font-weight:850;text-align:center}
.sales-more{font-size:11px;font-weight:800;color:#527351;text-decoration:underline;text-underline-offset:3px}
.sales-empty{padding:40px;text-align:center;background:white;border-radius:13px}
.sales-honesty{margin-top:26px;font-size:11px;line-height:1.8;color:#899386}
.sales-albums{background:#20392c;padding:94px 0;color:#f8f6ed;scroll-margin-top:90px}
.sales-albums h2{font-size:clamp(37px,4.6vw,60px);letter-spacing:-.06em;margin:13px 0 30px}
.sales-albums-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.sales-albums-grid a{min-height:190px;border:1px solid #ffffff36;border-radius:12px;padding:23px;background:linear-gradient(138deg,#345440,#193025);display:flex;flex-direction:column;justify-content:space-between;gap:10px;color:#fff}
.sales-albums-grid span{font-size:9px;letter-spacing:.14em;color:#adc4a9}
.sales-albums-grid strong{font-size:20px;line-height:1.15;letter-spacing:-.03em}
.sales-albums-grid small{font-size:11px;color:#c3d3bd}
.sales-video-note{margin-top:28px;padding:24px;border:1px solid #ffffff36;border-radius:12px;color:#d9e8d6}
.sales-video-note strong{font-size:18px}.sales-video-note p{font-size:12px;line-height:1.7;max-width:720px;color:#bed0bb}.sales-video-note a{font-size:12px;font-weight:850;color:#f5d5ab;text-decoration:underline}
.site-header .logo>span,.site-footer .footer-brand .logo>span{display:none!important}
.site-header .logo>img[src*="kinosaki-company-logo"],.site-footer .logo>img[src*="kinosaki-company-logo"]{display:block!important;object-fit:contain;width:134px!important;height:67px!important;max-width:none!important;padding:3px;border-radius:8px;background:#fffdf4}
@media(max-width:1050px){.sales-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-albums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sales-catalog{padding:58px 0}.sales-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-model-grid{grid-template-columns:1fr}.sales-type-card{padding:15px}.sales-type-card h3{font-size:15px}.sales-type-index span{font-size:7px}.sales-intro,.sales-featured-head{flex-direction:column;align-items:start}.sales-tools{grid-template-columns:1fr}.sales-featured-head{margin-top:52px}.sales-albums-grid{grid-template-columns:1fr}.sales-albums{padding:55px 0}.site-header .logo>img[src*="kinosaki-company-logo"]{width:104px!important;height:56px!important}}


/* === phase1.css === */
/* Kinosaki Homes — Sales Experience Phase 1 | scoped, additive upgrades */
:root { --p1-ink:#183629; --p1-pine:#244d38; --p1-gold:#bfa477; --p1-paper:#fbf8ef; }

/* Home: editorial refinement, retain brand photography and existing layout */
body:has(.hero) .hero-content { position:relative; isolation:isolate; }
body:has(.hero) .hero h1 { text-wrap:balance; }
body:has(.hero) .hero h1 em { text-decoration:underline; text-decoration-color:rgba(207,174,119,.48); text-decoration-thickness:2px; text-underline-offset:9px; }
body:has(.hero) .hero-desc { max-width:540px; text-wrap:pretty; }
body:has(.hero) .hero-visual { position:relative; }
body:has(.hero) .hero-visual::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 58%,rgba(6,28,15,.18)); }
body:has(.hero) .hero-photo-tag { z-index:1; }
body:has(.hero) .hero-actions .btn { border-radius:9px; }
body:has(.hero) .quick-quote { border:1px solid #d9ddcf; box-shadow:0 16px 50px #1a362419; }

/* How it works: process, not guaranteed delivery timeline */
.p1-process { padding:100px 0; background:#fffdf8; color:var(--p1-ink); }
.p1-process-head { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:40px; }
.p1-overline { margin:0 0 12px; color:#71846b; font-size:11px; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
.p1-process h2 { margin:0; font-size:clamp(36px,4.7vw,64px); line-height:1.1; letter-spacing:-.055em; }
.p1-process h2 em { color:#8a9065; font:italic 400 1em Georgia,serif; }
.p1-process-head>p { max-width:360px; line-height:1.75; font-size:14px; color:#6c766e; margin:0; }
.p1-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.p1-step { min-height:238px; display:flex; flex-direction:column; padding:28px 25px; border:1px solid #e5e6dc; border-radius:15px; background:#f5f4ec; transition:transform .25s ease,box-shadow .25s ease; }
.p1-step:hover { transform:translateY(-4px); box-shadow:0 14px 32px #122d1b12; }
.p1-step-num { font:800 11px/1.2 'Manrope',sans-serif; letter-spacing:.12em; color:#7f9079; }
.p1-step h3 { font-size:22px; letter-spacing:-.04em; line-height:1.2; margin:33px 0 12px; }
.p1-step p { font-size:12px; line-height:1.8; color:#6b756a; margin:0; }
.p1-process-bottom { margin-top:26px; display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap; }
.p1-process-bottom p { margin:0; font-size:12px; color:#7a8578; max-width:580px; line-height:1.7; }
.p1-process-bottom .btn { border-radius:9px; }

/* Smart quotation: pre-send review + non-invasive edit actions */
.p1-review-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:14px 0 5px; }
.p1-review-toolbar button { padding:9px 11px; border:1px solid #cdd7ca; color:#2e5939; background:white; border-radius:8px; font:750 11px/1.25 'DM Sans',sans-serif; cursor:pointer; }
.p1-review-toolbar button:hover { background:#e5ede4; }
.p1-copy-status { font-size:11px; color:#3b714a; display:block; min-height:1.3em; margin:8px 0 0; }
.p1-review-note { color:#61725f; line-height:1.6; margin:12px 0 0; font-size:11px; }
.p1-mini-preview { background:#eef3ea; border:1px solid #d8e1d3; border-radius:10px; padding:15px 16px; margin-top:22px; }
.p1-mini-preview strong { color:#315540; font-size:11px; letter-spacing:.07em; text-transform:uppercase; }
.p1-mini-preview dl { display:grid; grid-template-columns:100px minmax(0,1fr); gap:6px 11px; margin:10px 0 0; font-size:12px; line-height:1.55; }
.p1-mini-preview dt { color:#68776a; }
.p1-mini-preview dd { color:#2e4435; font-weight:700; margin:0; overflow-wrap:anywhere; }
.qb-progress { position:relative; }
.qb-progress[role="progressbar"] { outline-offset:3px; }

/* Gallery: visible classification without suggesting missing videos are playable */
.p1-gallery-tools { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:0 0 22px; }
.p1-gallery-tools button { border:1px solid #617962; background:transparent; color:#eff4e9; padding:10px 15px; border-radius:40px; font-weight:800; font-size:11px; cursor:pointer; }
.p1-gallery-tools button[aria-pressed="true"] { color:#1d3c29; background:#f1e7d0; border-color:#f1e7d0; }
.p1-gallery-tools span { margin-left:auto; color:#b0c7b6; font-size:12px; }
.video-card[hidden] { display:none!important; }
.p1-media-label { display:inline-block; margin:4px 0 0; font-size:10px; font-weight:800; letter-spacing:.055em; color:#d5c8a6; }
.video-modal:focus-visible { outline:none; }

/* Sticky mobile sales CTA, accessible tap targets and safe area */
.p1-sales-bar { display:none; }
@media (max-width: 830px) {
  .p1-sales-bar { position:fixed; left:0; right:0; bottom:0; z-index:98; display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); background:rgba(248,247,239,.97); border-top:1px solid #cdd5ca; box-shadow:0 -13px 28px #142f211c; backdrop-filter:blur(16px); }
  .p1-sales-bar a { min-height:50px; display:flex; align-items:center; justify-content:center; text-align:center; padding:8px 5px; background:#e7ece4; border-radius:10px; color:#1b4030; font:800 11px/1.2 'DM Sans',sans-serif; }
  .p1-sales-bar a.p1-primary { color:white; background:#265439; }
  .p1-sales-bar a.p1-wa { color:#164e32; background:#def3e4; }
  body { padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
  .floating-wa { bottom:calc(91px + env(safe-area-inset-bottom))!important; z-index:91; }
  .p1-process { padding:75px 0; }
  .p1-process-head { flex-direction:column; align-items:start; gap:15px; }
  .p1-process-head>p { max-width:650px; }
  .p1-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .p1-step { min-height:211px; }
  .p1-gallery-tools span { flex:1 0 100%; margin-left:0; }
}
@media (max-width:560px) {
  .p1-process { padding:58px 0; }
  .p1-steps { grid-template-columns:1fr; gap:10px; }
  .p1-step { min-height:0; padding:22px 24px; }
  .p1-step h3 { margin:14px 0 8px; font-size:21px; }
  .p1-review-toolbar button { flex:1 0 auto; }
  .p1-mini-preview dl { grid-template-columns:80px minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  .p1-step { transition:none; }
  .p1-step:hover { transform:none; }
}


/* === fasa2.css === */
/* Kinosaki Homes Fasa 2 - standalone detail and album UX */
.f2-view-detail{display:inline-flex;margin-top:14px;padding:8px 0;color:#244d37;font-weight:750;text-decoration:none;border-bottom:1px solid rgba(37,79,55,.38)}
.f2-photo-link{display:block;position:relative;height:100%;width:100%}
.f2-photo-link img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.f2-photo-link:hover img{transform:scale(1.04)}
.f2-no-photo{min-height:230px;display:flex;align-items:center;justify-content:center;text-align:center;color:#496c5b;padding:20px;background:linear-gradient(120deg,#e0e8df,#eef0e9);font-size:.86rem;text-decoration:none;font-weight:700}
.f2-product-page{background:#f7f5ef;min-height:62vh;padding-bottom:96px}
.f2-breadcrumb{padding-top:33px;padding-bottom:30px;display:flex;align-items:center;gap:12px;color:#6d796b;font-size:.85rem;flex-wrap:wrap}
.f2-breadcrumb a{color:#45654f;text-decoration:none}
.f2-product-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,5vw,78px);align-items:start}
.f2-product-media{min-width:0}.f2-photo-frame{position:relative;background:#e4eae0;aspect-ratio:1/1;border-radius:12px;overflow:hidden;box-shadow:0 18px 56px #19382712}
.f2-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.f2-photo-frame span{position:absolute;left:21px;bottom:21px;padding:9px 12px;background:#f8f6efeb;color:#294735;font-size:.7rem;letter-spacing:.08em;font-weight:700;border-radius:3px}
.f2-photo-help{font-size:.83rem;margin-top:13px;color:#697468;line-height:1.6}
.f2-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:750;color:#70866e}
.f2-product-info{padding:12px 0 28px}.f2-product-info h1{font-size:clamp(2.8rem,5.4vw,5.6rem);letter-spacing:-.045em;line-height:1.03;margin:20px 0 24px;color:#192d21;overflow-wrap:anywhere}
.f2-description{line-height:1.8;color:#526459;font-size:1.08rem;max-width:38rem}
.f2-attributes{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d9dfd6;border-bottom:1px solid #d9dfd6;margin:30px 0}
.f2-attributes>div{padding:18px 12px 18px 0;display:flex;flex-direction:column;gap:10px}
.f2-attributes>div:last-child{grid-column:1/-1;border-top:1px solid #d9dfd6;padding-bottom:21px}
.f2-attributes span{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;color:#6f8072}
.f2-attributes strong{font-size:.95rem;color:#203d2e;line-height:1.5;font-weight:700}
.f2-disclaimer{font-size:.82rem;line-height:1.7;color:#718173}
.f2-actions{display:flex;gap:10px;flex-wrap:wrap;margin:29px 0 23px}
.f2-btn{border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:49px;padding:12px 17px;text-align:center;text-decoration:none;font-weight:750;font-size:.87rem;transition:transform .2s ease,background .2s ease}
.f2-btn:hover{transform:translateY(-2px)}.f2-btn-main{color:#fff;background:#244835}.f2-btn-main:hover{background:#183827}
.f2-btn-outline{border:1px solid #80978a;color:#234734;background:transparent}
.f2-return{display:inline-block;margin-top:10px;color:#406b50;text-decoration:underline;text-underline-offset:3px;font-size:.89rem}
.f2-related{padding-top:95px}.f2-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:23px}
.f2-sectionhead h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.1;letter-spacing:-.035em;color:#203d2e;margin:12px 0 0}
.f2-sectionhead>a{color:#284d36;text-decoration:none;font-weight:750}
.f2-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.f2-related-card{display:block;border:1px solid #e0e4dd;background:#fff;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s ease,box-shadow .22s ease}
.f2-related-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #1a3a2617}
.f2-related-media{aspect-ratio:16/11;background:#edf1e9;overflow:hidden}.f2-related-media img{width:100%;height:100%;object-fit:cover}
.f2-related-copy{padding:18px;display:flex;flex-direction:column;gap:9px}
.f2-related-cat{font-size:.72rem;color:#688270;letter-spacing:.07em;text-transform:uppercase}
.f2-related-copy strong{font-size:1.11rem;line-height:1.3;color:#294534}
.f2-related-go{font-size:.82rem;color:#2b6e43;font-weight:700;margin-top:2px}
.f2-album-dialog{width:min(92vw,600px);border:0;border-radius:14px;padding:0;box-shadow:0 22px 85px #0005;max-height:90vh;overflow:auto}
.f2-album-dialog::backdrop{background:#12281dcc;backdrop-filter:blur(4px)}
.f2-album-dialog-inner{padding:clamp(24px,5vw,45px);background:#f7f5ef;color:#2b4533;position:relative}
.f2-dialog-close{position:absolute;right:17px;top:13px;border:1px solid #bdd0bd;background:#fff;border-radius:50%;height:40px;width:40px;font-size:1.6rem;cursor:pointer;color:#234734}
.f2-album-dialog h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;line-height:1.09;margin:17px 0}
.f2-album-dialog p:not(.f2-eyebrow){color:#617365;line-height:1.8}
.f2-album-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media(max-width:900px){.f2-product-shell{grid-template-columns:1fr}.f2-product-info h1{font-size:clamp(2.9rem,8vw,5rem)}.f2-photo-frame{aspect-ratio:16/12}}
@media(max-width:600px){.f2-breadcrumb{padding-top:20px;padding-bottom:21px}.f2-product-info{padding-top:5px}.f2-related{padding-top:54px}.f2-related-grid{grid-template-columns:1fr 1fr;gap:11px}.f2-related-copy{padding:12px}.f2-related-copy strong{font-size:.9rem}.f2-related-media{aspect-ratio:5/4}.f2-photo-frame{aspect-ratio:1/1}.f2-actions{flex-direction:column}.f2-btn{width:100%}.f2-attributes{margin:24px 0}}
@media(max-width:390px){.f2-related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.f2-btn,.f2-related-card,.f2-photo-link img{transition:none}}


/* === fasa3.css === */
/* Kinosaki Homes — Fasa 3, sales comparison (no framework/backend) */
:root{--p3-forest:#203e2d;--p3-leaf:#a8be92;--p3-cream:#f7f5ed;--p3-line:#d9e3d8}
.p3-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e8eddf;border:1px solid #d1dec9;border-radius:14px;padding:17px 22px;margin:22px 0 18px}
.p3-intro h3{margin:0 0 5px;font-family:inherit!important;font-size:1.1rem;color:#224733}
.p3-intro p{margin:0;color:#526a58;line-height:1.55;font-size:.89rem;max-width:610px}
.p3-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}
.p3-button,.p3-compare-open{font:inherit;font-weight:750;cursor:pointer;min-height:43px;padding:10px 16px;border-radius:9px;background:var(--p3-forest);border:1px solid var(--p3-forest);color:white;transition:transform .2s ease,background .2s ease}
.p3-button:hover,.p3-compare-open:hover{background:#2f5a40;transform:translateY(-1px)}
.p3-button:disabled,.p3-compare-open:disabled{opacity:.58;cursor:not-allowed;transform:none}
.p3-button-quiet{background:transparent;border:1px solid #a5baaa;color:#285039}
.p3-button-quiet:hover{background:#f2f6eb;color:#285039}
.p3-select-button{font:inherit;margin-top:12px;width:100%;font-size:.85rem;line-height:1.35;min-height:43px;border-radius:8px;cursor:pointer;border:1px solid #abc3ae;background:#eff5e9;color:#28533a;font-weight:740;transition:background .2s,border-color .2s}
.p3-select-button[aria-pressed="true"]{background:#254d36;color:white;border-color:#254d36}
.p3-select-button:focus-visible,.p3-button:focus-visible,.p3-floating:focus-visible{outline:3px solid #e8a956;outline-offset:3px}
.p3-floating{position:fixed;z-index:69;bottom:26px;left:50%;transform:translateX(-50%);min-height:54px;border:1px solid #b9d0be;border-radius:999px;background:#203e2d;color:white;box-shadow:0 15px 52px #0820105e;padding:12px 22px;font-weight:740;font-size:.94rem;cursor:pointer;white-space:nowrap}
.p3-floating[hidden]{display:none!important}
.p3-floating:hover{background:#2c6041}
.p3-compare-dialog{border:0;padding:0;width:min(1100px,calc(100vw - 30px));max-height:min(90vh,880px);border-radius:18px;box-shadow:0 26px 110px #04140f80;overflow:hidden;background:var(--p3-cream);color:#223f2e}
.p3-compare-dialog::backdrop{background:#061b12b8;backdrop-filter:blur(5px)}
.p3-dialog-inner{display:flex;flex-direction:column;max-height:min(90vh,880px)}
.p3-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:25px 30px 17px;border-bottom:1px solid var(--p3-line)}
.p3-eyebrow{letter-spacing:.15em;font-weight:780;font-size:.7rem;color:#5e805f;text-transform:uppercase;margin:0 0 10px}
.p3-dialog-head h2{font-family:inherit!important;font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.09;letter-spacing:-.035em;margin:0;color:#203e2d}
.p3-close{width:44px;height:44px;flex-shrink:0;border-radius:50%;font:inherit;font-size:1.5rem;line-height:1;border:1px solid #cad7ca;background:#fff;color:#284b37;cursor:pointer}
.p3-dialog-notice{font-size:.82rem;color:#5a7160;margin:0;padding:11px 30px 14px;line-height:1.65}
.p3-dialog-scroll{overflow:auto;min-height:0;padding:0 28px 22px}
.p3-compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px;background:#fff;border:1px solid var(--p3-line);border-radius:11px;overflow:hidden;table-layout:fixed}
.p3-compare-table th,.p3-compare-table td{border-bottom:1px solid #e8eee7;border-right:1px solid #e8eee7;text-align:left;vertical-align:top;padding:14px;font-size:.84rem;line-height:1.6;word-wrap:break-word}
.p3-compare-table tr>:last-child{border-right:0}.p3-compare-table tr:last-child>*{border-bottom:0}
.p3-compare-table thead th{background:#edf2e8;min-width:175px}.p3-compare-table thead th:first-child{width:130px;min-width:130px}
.p3-compare-table tbody th{background:#f8faf4;width:130px;font-weight:760;color:#5c735e}
.p3-table-photo{width:100%;height:108px;object-fit:cover;border-radius:8px;display:block;background:#e7eee5;margin-bottom:12px}
.p3-headname{display:block;font-size:1rem;line-height:1.25;color:#20432f;margin-bottom:9px}
.p3-table-action{display:inline-block;padding:8px 10px;background:#254c35;color:#fff!important;text-decoration:none;border-radius:7px;font-size:.8rem;font-weight:700;margin-top:8px}
.p3-table-action:hover{background:#366a49}
.p3-remove{font:inherit;cursor:pointer;border:0;background:none;color:#8c443c;text-decoration:underline;padding:2px 0;font-size:.78rem}
.p3-dialog-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:17px 30px 23px;border-top:1px solid var(--p3-line);background:#f7f5ed}
.p3-status{font-size:.82rem;color:#395f43;flex:1;min-width:180px}
.p3-dialog-foot>a{display:inline-flex;align-items:center;text-decoration:none}
.p3-product-controls{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 22px}
.p3-product-controls .p3-button{min-width:165px}
.p3-selection-hint{font-size:.86rem;color:#6b7c6c;margin-top:6px;line-height:1.55}
@media(max-width:760px){.p3-intro{flex-direction:column;align-items:stretch;padding:17px;margin:18px 0}.p3-toolbar{width:100%}.p3-toolbar button{flex:1}.p3-floating{bottom:80px;max-width:calc(100vw - 24px);white-space:normal;width:max-content;text-align:center}.p3-dialog-head{padding:20px 16px 15px}.p3-dialog-notice{padding:10px 16px}.p3-dialog-scroll{padding:0 12px 16px}.p3-dialog-foot{padding:14px 16px 18px}.p3-dialog-foot .p3-button{flex:1}.p3-compare-table{min-width:560px}.p3-compare-table th,.p3-compare-table td{padding:10px}}
@media(prefers-reduced-motion:reduce){.p3-button,.p3-select-button{transition:none}}


/* === fasa4.css === */
/* Kinosaki Homes — Fasa 4 / premium Sales Studio. Scoped to .sx-page / .sx-*. */
:root{--sx-evergreen:#142b22;--sx-pine:#214434;--sx-cream:#f7f6ef;--sx-brass:#d0b283;--sx-line:#e0e5da;--sx-text:#314b39;--sx-muted:#7b887c;--sx-serif:'Playfair Display',Georgia,serif;--sx-sans:'DM Sans',Arial,sans-serif}
.sx-page{font-family:var(--sx-sans);background:var(--sx-cream);color:#263d30;overflow:clip}.sx-page section{scroll-margin-top:100px}.sx-page button,.sx-page input,.sx-page textarea,.sx-page select{font-family:inherit}.sx-page :focus-visible{outline:3px solid #bc9a5d;outline-offset:3px}.sx-page h1,.sx-page h2,.sx-page h3,.sx-page p{margin-top:0}
.sx-hero{position:relative;min-height:730px;background:var(--sx-evergreen);color:#fff;overflow:hidden}.sx-hero-photo{position:absolute;inset:0 0 0 36%;background:url('../assets/kh-modern-cabin-visual.webp') center/cover no-repeat;filter:saturate(.82)}.sx-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#142b22 0%,#142b22 35%,rgba(20,43,34,.83) 53%,rgba(20,43,34,.12) 100%),linear-gradient(0deg,rgba(20,43,34,.75),transparent 50%)}.sx-hero-inner{min-height:730px;position:relative;display:flex;align-items:center}.sx-hero-copy{max-width:730px;padding:95px 0 98px}.sx-hero-eyebrow{display:flex;align-items:center;gap:13px;font-weight:800;font-size:11px;letter-spacing:.18em;color:#e1d3ba}.sx-pulse,.sx-live-dot{width:8px;height:8px;background:#bbd2a0;border-radius:50%;display:inline-block;box-shadow:0 0 0 5px #c8d8b01a}.sx-slash{opacity:.45}.sx-hero h1{margin:31px 0 22px;font-family:var(--sx-serif);font-weight:400;font-size:clamp(66px,7.8vw,122px);line-height:.98;letter-spacing:-.075em}.sx-hero h1 em,.sx-section h2 em,.sx-final-cta h2 em{font-weight:400;color:#d3bd98}.sx-hero-copy>p{color:#d7dfd4;line-height:1.85;font-size:15px;max-width:475px}.sx-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:53px;padding:15px 21px;text-align:center;border:1px solid transparent;border-radius:5px;font-weight:800;font-size:11px;letter-spacing:.075em;text-transform:uppercase;line-height:1.35;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease}.sx-btn:hover{transform:translateY(-2px)}.sx-btn-gold{background:#d6b98c;color:#1b3126}.sx-btn-gold:hover{background:#f0d4a3}.sx-btn-line{border-color:#ffffff73;color:#fff;background:rgba(255,255,255,.04)}.sx-btn-line:hover{background:rgba(255,255,255,.17)}.sx-btn-solid{background:#224734;color:#fff}.sx-btn-solid:hover{background:#356148}.sx-btn-muted{border-color:#d7ded4;background:#fff;color:#284835}.sx-btn-outline{border-color:#65816e;color:#204633;background:transparent}.sx-hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:15px;color:#b3c9b2;margin-top:76px;letter-spacing:.16em;font-size:10px;font-weight:700}.sx-hero-trust i{height:4px;width:4px;border-radius:50%;background:#d5be93}.sx-hero-stamp{position:absolute;bottom:53px;right:0;width:174px;height:174px;border:1px solid #ffffff98;border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;text-align:center;background:rgba(16,43,28,.4);backdrop-filter:blur(8px);transform:rotate(-9deg)}.sx-hero-stamp strong{font:600 27px/1.06 var(--sx-serif)}.sx-stamp-small{font-size:8px;letter-spacing:.14em;color:#ebd5ae}.sx-marquee{border-bottom:1px solid #dcded1;background:#eae9df}.sx-marquee>.container{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:.16em;color:#607663}.sx-marquee b{color:#a78759;font-size:17px}
.sx-section{padding:105px 0}.sx-section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d9ded6;padding:0 0 19px;margin-bottom:40px}.sx-index{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#3b6246}.sx-index i{height:1px;width:25px;background:#9caa9c}.sx-section-top>p{margin:0;font-size:12px;color:#849086}.sx-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.sx-section h2{font:400 clamp(41px,5vw,67px)/1.12 var(--sx-serif);letter-spacing:-.055em;margin:0;color:#244233}.sx-section h2 em{color:#8a997d}.sx-section-heading>p{max-width:405px;line-height:1.85;font-size:13px;color:#758477;margin:0}.sx-builder{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:22px;align-items:start}.sx-builder-panel{background:#fff;border:1px solid #e1e6da;box-shadow:0 18px 65px rgba(26,51,32,.065);padding:38px 40px 34px;border-radius:14px;min-width:0}.sx-progress-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;font-weight:800;color:#506d57}.sx-progress-track{height:4px;background:#e8ede6;border-radius:20px;margin:13px 0 28px;overflow:hidden}.sx-progress-track>div{height:100%;width:25%;background:#b69663;transition:width .25s}.sx-step-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:38px}.sx-step-chips span{font-size:11px;font-weight:900;color:#9aa99c;padding:10px 6px 12px;border-bottom:2px solid #e5ebe3;white-space:nowrap}.sx-step-chips span small{font-weight:600;font-size:10px;margin-left:6px}.sx-step-chips span.is-current{color:#24563b;border-color:#b69769}.sx-step-chips span.is-complete{color:#4c7757;border-color:#76a080}.sx-step{padding:0;border:0;margin:0;min-width:0}.sx-step legend{padding:0;font:400 clamp(29px,3vw,38px)/1.19 var(--sx-serif);letter-spacing:-.045em;color:#1d412e}.sx-field-hint{font-size:12px;color:#7b8b7d;line-height:1.8;margin:12px 0 22px}.sx-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0}.sx-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:138px;padding:20px;border:1px solid #e1e8dc;border-radius:10px;background:#f8faf5;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.sx-choice:hover{transform:translateY(-2px);border-color:#aabc9f}.sx-choice:has(input:checked){background:#ecf1e8;border-color:#69856e;box-shadow:0 0 0 1px #69856e inset}.sx-choice:has(input:focus-visible){outline:3px solid #c9a56c;outline-offset:3px}.sx-choice input{position:absolute;opacity:0;pointer-events:none}.sx-choice-icon{font-size:28px;color:#8b9d80;height:33px;line-height:1}.sx-choice strong{font-size:13px;color:#2e523c}.sx-choice small{font-size:11px;color:#889487}.sx-choice:after{content:'◯';position:absolute;right:13px;top:12px;color:#afbeac}.sx-choice:has(input:checked):after{content:'✓';color:#2c6745;font-weight:900}.sx-input-label{display:block;margin:22px 0 9px;font-weight:800;font-size:12px;color:#304b37}.sx-input-label span{font-weight:500;color:#889b89}.sx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.sx-form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#324a39}.sx-page select,.sx-page textarea,.sx-page input[type=text]{width:100%;max-width:100%;min-height:50px;border:1px solid #d7dfd4;background:#fbfcf9;padding:13px;border-radius:7px;color:#2b5038;font-size:13px;line-height:1.5}.sx-page textarea{min-height:123px;resize:vertical}.sx-inline-note{border-left:3px solid #c4aa7b;background:#f8f6ed;padding:13px 15px;font-size:12px;line-height:1.75;color:#7a7f6a;margin-top:24px}.sx-form-error{padding:12px 15px;border-left:3px solid #a65a44;background:#fdf1eb;color:#9a412c;font-size:12px;line-height:1.5}.sx-wizard-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8ebe5;padding-top:25px;margin-top:28px}.sx-back{border:0;background:transparent;color:#36523f;font-size:12px;font-weight:800;padding:15px 5px}.sx-back:disabled{opacity:.33;cursor:not-allowed}.sx-wizard-controls .sx-btn{min-width:150px}.sx-review-box{display:grid;grid-template-columns:1fr;gap:0;background:#f6f8f3;border:1px solid #e0e6d9;border-radius:10px;margin:22px 0;padding:8px 18px}.sx-review-box div{display:flex;gap:12px;align-items:start;justify-content:space-between;border-bottom:1px solid #e2e9df;padding:12px 0;font-size:12px}.sx-review-box div:last-child{border:0}.sx-review-box dt{color:#819184}.sx-review-box dd{margin:0;color:#2e5338;font-weight:800;text-align:right;max-width:60%;overflow-wrap:anywhere}.sx-privacy-line{margin-top:17px;font-size:11px;color:#6a816d;line-height:1.7}.sx-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.sx-review-actions .sx-btn{white-space:normal;padding:12px;min-height:58px}.sx-copy-feedback{font-size:11px;min-height:1.35em;margin:10px 0 0;color:#48764f}
.sx-live-panel{position:sticky;top:113px;min-width:0}.sx-live-preview{background:#1e3c2c;border-radius:12px;color:#f3f7ed;padding:25px 27px;box-shadow:0 20px 50px #0f28193b}.sx-live-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;font-weight:800;color:#cbdcc9}.sx-live-top>span:first-child{display:flex;align-items:center;gap:9px}.sx-preview-shape{height:232px;position:relative;background:linear-gradient(150deg,#52765d,#345b40 65%,#234632);border-radius:7px;margin:21px 0 23px;overflow:hidden}.sx-preview-shape:before{position:absolute;content:'';width:350px;height:350px;border:1px solid #ffffff16;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 47px #ffffff0a,0 0 0 95px #ffffff06}.sx-house-art{position:absolute;width:240px;height:146px;left:50%;top:49%;transform:translate(-50%,-50%);filter:drop-shadow(10px 17px 9px #152d2473)}.sx-house-roof{position:absolute;top:4px;left:3px;width:232px;height:40px;background:#aab9a5;clip-path:polygon(0 85%,60% 0,100% 52%,100% 80%,60% 29%,0 100%)}.sx-house-body{position:absolute;top:37px;left:17px;width:210px;height:105px;background:linear-gradient(90deg,#eee8d7,#cabda8 55%,#a5947a);border:5px solid #d4cbba}.sx-house-body:before{content:'';position:absolute;inset:4px;opacity:.3;background:repeating-linear-gradient(90deg,transparent,transparent 20px,#6d685d 21px)}.sx-house-window{position:absolute;top:18px;left:22px;width:67px;height:61px;background:linear-gradient(140deg,#769aa2,#294e54);border:5px solid #293f3b;box-shadow:inset 15px 0 0 #ffffff12}.sx-house-door{position:absolute;top:9px;right:16px;width:59px;height:87px;background:linear-gradient(120deg,#4c7777,#27494b);border:5px solid #2d413d}.sx-house-deck{position:absolute;bottom:0;left:4px;width:241px;height:10px;background:#d7c2a3;transform:skewX(-16deg)}.sx-sketch-tag{position:absolute;bottom:15px;left:16px;font-size:8px;letter-spacing:.15em;color:#e8efe2}.sx-preview-title{border-bottom:1px solid #698471;padding-bottom:17px}.sx-preview-title span{font-size:9px;letter-spacing:.19em;color:#bfcfb6}.sx-preview-title h3{font:400 31px/1.15 var(--sx-serif);letter-spacing:-.05em;margin:12px 0 0}.sx-preview-title h3 em{color:#d0ba96}.sx-live-list{display:grid;grid-template-columns:100px minmax(0,1fr);gap:11px 12px;font-size:12px;line-height:1.5;padding:20px 0;margin:0}.sx-live-list dt{color:#a1bba4}.sx-live-list dd{margin:0;text-align:right;font-weight:800;color:#f2f6ed;overflow-wrap:anywhere}.sx-preview-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #698471;padding-top:15px;gap:10px;font-size:10px;color:#cbdac6}.sx-preview-bottom span:last-child{font-size:27px}.sx-assist-card{display:flex;gap:15px;padding:22px 10px 0}.sx-assist-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #cfdacf;color:#668b66;border-radius:50%}.sx-assist-card strong{font-size:12px}.sx-assist-card p{font-size:12px;color:#819182;line-height:1.7;margin:5px 0}
.sx-checklist-section{background:#e8ece3}.sx-check-layout{display:grid;grid-template-columns:minmax(250px,.73fr) minmax(0,1.27fr);gap:70px;align-items:start}.sx-brown-label{font-size:10px;letter-spacing:.2em;color:#98784b;font-weight:800}.sx-check-intro{position:sticky;top:110px;padding:14px 0}.sx-check-intro h2{margin:17px 0 20px}.sx-check-intro>p{font-size:13px;line-height:1.9;color:#697d6c}.sx-check-score{display:flex;align-items:center;gap:19px;margin:43px 0 16px}.sx-check-score strong{font:400 70px/1 var(--sx-serif);color:#254634;letter-spacing:-.05em}.sx-check-score strong span{font-size:34px;color:#89a08a}.sx-check-score p{font-size:13px;line-height:1.5;margin:0;font-weight:800;color:#3b6045}.sx-check-score small{font-size:10px;font-weight:500;color:#809080}.sx-check-meter{height:6px;background:#cdd8c9;border-radius:20px;overflow:hidden;margin-bottom:23px}.sx-check-meter>div{height:100%;width:0;background:#376d47;transition:width .25s}.sx-check-card{background:#fff;border:1px solid #d7e0d5;border-radius:14px;padding:30px;box-shadow:0 18px 40px #1739230a}.sx-check-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:17px;border-bottom:1px solid #e0e8dd;font-size:11px;font-weight:800;letter-spacing:.13em;color:#31523a}.sx-check-card-top button{border:0;background:none;color:#7c8a7f;font-size:12px;cursor:pointer}.sx-check-row{padding:19px 0;border-bottom:1px solid #e6ebe4}.sx-check-row:last-child{border-bottom:0}.sx-check-row-head{display:flex;justify-content:space-between;gap:12px}.sx-check-row h3{font-size:13px;font-weight:800;color:#2c5139;margin:0}.sx-check-row small{display:block;color:#8a998a;font-size:11px;line-height:1.6;margin:5px 0 12px}.sx-check-pills{display:flex;gap:6px;flex-wrap:wrap}.sx-check-pills button{border:1px solid #dce5d9;background:#f7faf6;color:#68806c;border-radius:40px;font-size:10px;font-weight:800;min-height:34px;padding:8px 13px}.sx-check-pills button[aria-pressed=true]{background:#29563b;color:#fff;border-color:#29563b}.sx-check-note{color:#8a978a;font-size:11px;line-height:1.75;margin:22px 0 0}
.sx-faq-section{background:#f9faf5}.sx-faq-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.sx-faq-heading>div:first-child{max-width:590px}.sx-faq-heading h2{margin-bottom:14px}.sx-faq-heading p{font-size:13px;line-height:1.8;color:#819083;max-width:500px}.sx-search-box{width:min(360px,100%)}.sx-search-box label{font-size:11px;font-weight:800;color:#4b6a52;display:block;margin-bottom:7px}.sx-search-box>div{position:relative}.sx-search-box span{position:absolute;left:17px;top:8px;font-size:29px;color:#7b997e;pointer-events:none}.sx-search-box input{width:100%;border:1px solid #d9e4d8;border-radius:8px;background:#fff;padding:17px 14px 17px 44px;font-size:13px;color:#2a4c34}.sx-faq-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.sx-faq-tabs button{border:1px solid #cedbd0;background:transparent;color:#607961;min-height:42px;border-radius:50px;padding:12px 20px;font-size:11px;font-weight:800}.sx-faq-tabs button[aria-pressed=true]{color:white;background:#244a33;border-color:#244a33}.sx-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.sx-faq-card{border:1px solid #dce5da;border-radius:9px;background:#fff}.sx-faq-card summary{position:relative;list-style:none;padding:22px 48px 22px 22px;font-size:13px;font-weight:800;line-height:1.45;color:#2f513b;cursor:pointer}.sx-faq-card summary::-webkit-details-marker{display:none}.sx-faq-card summary:after{content:'+';position:absolute;right:21px;top:18px;font-size:22px;font-weight:400;color:#719177}.sx-faq-card[open] summary:after{content:'−'}.sx-faq-card[open]{border-color:#8eb096}.sx-faq-card .sx-faq-answer{padding:0 22px 22px;font-size:12px;color:#708373;line-height:1.85}.sx-faq-card .sx-faq-answer p{margin:0}.sx-faq-card .sx-faq-answer a{text-decoration:underline;color:#22593a}.sx-no-results{text-align:center;color:#758a79;border:1px dashed #c8d7c9;padding:30px}.sx-faq-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px;padding:32px 0;margin-top:30px;border-top:1px solid #dce4d9}.sx-faq-bottom span{display:block;color:#9daa98;font-size:10px;letter-spacing:.17em;font-weight:800}.sx-faq-bottom strong{display:block;font:400 28px var(--sx-serif);margin-top:6px}.sx-final-cta{background:#162e24;color:#fff;position:relative;overflow:hidden}.sx-final-cta:before{content:'K';position:absolute;right:-20px;bottom:-120px;font:400 480px/1 var(--sx-serif);color:#ffffff06;pointer-events:none}.sx-final-content{position:relative;text-align:center;padding:90px 0 95px}.sx-final-content>span{font-size:11px;letter-spacing:.18em;color:#b6cbad}.sx-final-cta h2{font:400 clamp(42px,6vw,79px)/1.1 var(--sx-serif);margin:20px 0}.sx-final-content p{font-size:13px;color:#bdd0bb;line-height:1.7}.sx-final-content>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
/* Home + contact editorial feature */
.sx-home-feature{position:relative;background:#192f25;color:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:515px}.sx-home-feature-picture{background:linear-gradient(0deg,#172f2550,#172f2515),url('../assets/kh-modern-cabin-visual.webp') center/cover;min-height:420px}.sx-home-feature-copy{padding:85px clamp(32px,6vw,95px);align-self:center}.sx-home-feature-copy>span{font-weight:800;letter-spacing:.2em;font-size:10px;color:#c5d4b5}.sx-home-feature-copy h2{font:400 clamp(38px,4vw,61px)/1.14 var(--sx-serif);letter-spacing:-.055em;margin:22px 0;color:#f7f4e9}.sx-home-feature-copy h2 em{color:#d4b78e}.sx-home-feature-copy p{font-size:13px;color:#cad9c9;line-height:1.85;max-width:460px;margin-bottom:25px}.sx-contact-banner{margin:26px auto 36px;padding:25px 30px;border-radius:12px;background:#e8eee5;border:1px solid #d6e1d5;display:flex;align-items:center;justify-content:space-between;gap:20px}.sx-contact-banner h2{font:400 28px var(--sx-serif);margin:0 0 5px;color:#244431}.sx-contact-banner p{margin:0;font-size:12px;color:#748876;line-height:1.7}.sx-contact-banner .sx-btn{flex:none}
@media(max-width:1080px){.sx-builder{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.sx-builder-panel{padding:31px}.sx-live-preview{padding:20px}.sx-check-layout{gap:38px}.nav-links:has(a[href="planner.html"]) {gap:15px}.nav-links:has(a[href="planner.html"]) a{font-size:10px}}
@media(max-width:830px){.sx-hero,.sx-hero-inner{min-height:665px}.sx-hero-photo{inset:0;background-position:center}.sx-hero-shade{background:linear-gradient(90deg,#142b22ef,#142b22ad 62%,#142b2260),linear-gradient(0deg,#142b22cd,transparent)}.sx-hero-copy{padding:80px 0 72px}.sx-hero-stamp{width:120px;height:120px;bottom:26px;right:15px}.sx-hero-stamp strong{font-size:20px}.sx-stamp-small{font-size:7px}.sx-hero-trust{margin-top:64px}.sx-section{padding:72px 0}.sx-section-heading,.sx-faq-heading{display:block}.sx-section-heading>p{max-width:600px;margin-top:22px}.sx-builder{grid-template-columns:1fr}.sx-live-panel{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.sx-assist-card{padding:22px 6px}.sx-check-layout{grid-template-columns:1fr;gap:30px}.sx-check-intro{position:static}.sx-check-intro h2{margin:15px 0}.sx-check-score{margin:25px 0 12px}.sx-faq-heading>div:first-child{max-width:none}.sx-search-box{margin:20px 0 0;max-width:440px}.sx-home-feature{grid-template-columns:1fr}.sx-home-feature-picture{min-height:320px;order:2}.sx-home-feature-copy{padding:55px 8%}.sx-contact-banner{flex-direction:column;align-items:start}}
@media(max-width:560px){.sx-hero,.sx-hero-inner{min-height:660px}.sx-hero-inner{align-items:start}.sx-hero-copy{padding-top:65px}.sx-hero h1{font-size:clamp(61px,14.5vw,88px)}.sx-hero-copy>p{font-size:13px}.sx-hero-actions{display:grid;grid-template-columns:1fr}.sx-hero-trust{margin-top:47px;gap:9px;font-size:8px}.sx-hero-stamp{width:96px;height:96px;bottom:14px;right:0}.sx-hero-stamp strong{font-size:17px}.sx-hero-stamp .sx-stamp-small{font-size:6px}.sx-marquee>.container{justify-content:center;font-size:9px;gap:12px}.sx-marquee>.container span:last-child,.sx-marquee>.container span:first-child,.sx-marquee>.container b:nth-of-type(2){display:none}.sx-section{padding:59px 0}.sx-section-top{align-items:start}.sx-section-top>p{max-width:115px;text-align:right;font-size:10px}.sx-section h2{font-size:43px}.sx-builder-panel{padding:24px 17px 22px}.sx-step-chips{gap:2px;margin-bottom:28px}.sx-step-chips span{font-size:10px}.sx-step-chips span small{display:block;margin:4px 0 0;font-size:9px}.sx-option-grid{gap:9px}.sx-choice{padding:15px 13px;min-height:132px}.sx-form-grid{grid-template-columns:1fr;gap:14px}.sx-review-actions{grid-template-columns:1fr}.sx-wizard-controls .sx-btn{min-width:145px}.sx-live-panel{display:block}.sx-live-preview{padding:21px}.sx-assist-card{padding:19px 3px}.sx-check-card{padding:18px}.sx-check-row-head{display:block}.sx-check-pills button{padding:8px 10px}.sx-faq-list{grid-template-columns:1fr}.sx-faq-tabs{gap:6px}.sx-faq-tabs button{font-size:10px;padding:10px 13px}.sx-faq-bottom .sx-btn{width:100%}.sx-final-content{padding:69px 0 80px}.sx-final-cta h2{font-size:45px}.sx-final-content>div{display:grid}.sx-contact-banner{padding:23px 20px}.sx-contact-banner .sx-btn{width:100%}}
@media print{.sx-page .sx-hero,.sx-page .sx-marquee,.sx-page .sx-faq-section,.sx-page .sx-final-cta,.sx-page .sx-assist-card{display:none!important}.sx-page .sx-section{padding:20px 0}.sx-page .sx-live-panel,.sx-page .sx-builder-panel,.sx-page .sx-check-card{position:static!important;box-shadow:none!important;break-inside:avoid}.sx-page .sx-btn{display:none}}
@media(prefers-reduced-motion:reduce){.sx-page *, .sx-page *:before,.sx-page *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}


/* === fasa5.css === */
/* Kinosaki Homes · Fasa 5 Experience Hub · scoped progressive enhancement */
:root{--kh5-ink:#18352a;--kh5-gold:#d1aa70;--kh5-cream:#f5f3e9;--kh5-muted:#79897b}
.kh5-menu-link{white-space:nowrap}.nav-links:has(.kh5-menu-link){gap:17px}
@media(min-width:831px) and (max-width:1180px){.nav-links:has(.kh5-menu-link){gap:10px}.nav-links:has(.kh5-menu-link) a{font-size:9px}.logo-caption{font-size:7px}.logo-name{font-size:21px}.header-inner{gap:14px}}
.kh5-page{overflow:clip;font-family:Manrope,Arial,sans-serif;color:#223d2d}.kh5-page *{box-sizing:border-box}.kh5-page button,.kh5-page input,.kh5-page textarea,.kh5-page select{font:inherit}.kh5-page button{cursor:pointer}.kh5-page :focus-visible,.kh5-btn:focus-visible{outline:3px solid #cc9f64;outline-offset:4px}.kh5-page [hidden]{display:none!important}.kh5-page h1,.kh5-page h2,.kh5-page h3{font-family:inherit;margin:0}.kh5-page em,.kh5-home-inner em{font-family:Georgia, 'Times New Roman',serif;font-weight:400;font-style:italic}
.kh5-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:51px;padding:15px 23px;text-decoration:none!important;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.025em;transition:transform .2s,background .2s}.kh5-btn:hover{transform:translateY(-2px)}.kh5-btn-gold{background:var(--kh5-gold);color:#1e3023!important}.kh5-btn-gold:hover{background:#e6c696}.kh5-btn-outline{border-color:#bdcfbd77;color:#f3f7ef!important;background:transparent}.kh5-btn-dark{background:#233f2e;color:white!important}.kh5-btn-outline-light{border-color:#b7c7b5;background:transparent;color:#f5f8ed!important}.kh5-kicker{font-size:10px;letter-spacing:.18em;font-weight:850;color:#cdaa73}.kh5-textlink{color:#24563a;font-size:12px;font-weight:850;text-decoration:underline;text-underline-offset:5px}
/* Hero */
.kh5-hero{background:#102a22;color:#f7f4e9;min-height:665px;position:relative}.kh5-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 20%,#63754c2b,transparent 60%),radial-gradient(ellipse at 100% 90%,#e7bb6f13,transparent 55%)}.kh5-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:5%;min-height:665px;position:relative}.kh5-hero-content{display:flex;flex-direction:column;justify-content:center;padding:85px 0 55px}.kh5-topline{color:#bfcdba;font-size:10px;letter-spacing:.18em;font-weight:850;display:flex;align-items:center;gap:12px}.kh5-topline>span:last-child{border:1px solid #b4c09c55;padding:5px 8px;color:#e4cd9d}.kh5-glow{display:inline-block;width:7px;height:7px;background:#d5ac70;border-radius:50%;box-shadow:0 0 0 5px #d5ac7020}.kh5-hero h1{font-size:clamp(61px,6.4vw,101px);line-height:1.05;letter-spacing:-.068em;margin:23px 0}.kh5-hero h1 em{color:#d3b88e;letter-spacing:-.04em}.kh5-hero-content>p{font-size:14px;line-height:1.9;color:#c7d3c5;max-width:490px;margin:0 0 26px}.kh5-hero-actions{display:flex;gap:11px;flex-wrap:wrap}.kh5-hero-bottom{display:flex;gap:24px;margin-top:50px;color:#a9bea7;font-size:10px;font-weight:800;letter-spacing:.11em}.kh5-hero-media{position:relative;display:flex;align-items:center}.kh5-hero-image{position:relative;overflow:hidden;border:1px solid #b3bbaf40;border-radius:190px 190px 6px 6px;width:100%;height:min(560px,75vh);box-shadow:30px 40px 90px #010d0b55}.kh5-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 50%}.kh5-hero-media-note{position:absolute;left:22px;bottom:33px;background:#143b2ddf;backdrop-filter:blur(12px);padding:14px 18px;display:grid;gap:5px;color:#ecf2e3}.kh5-hero-media-note b{font-size:11px;letter-spacing:.12em}.kh5-hero-media-note span{font-size:10px;color:#c5cfbd}.kh5-hero-chip{position:absolute;width:105px;height:105px;right:-22px;top:100px;border-radius:50%;background:#d2ad75;color:#19372b;display:grid;place-content:center;text-align:center;font-size:9px;letter-spacing:.15em;line-height:1.8;box-shadow:0 10px 45px #12271d55}.kh5-hero-chip strong{font:italic 24px Georgia,serif;letter-spacing:0}
.kh5-ribbon{background:#d4b787;color:#1b3829;padding:18px 0;font-size:10px;font-weight:850;letter-spacing:.12em}.kh5-ribbon>.container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.kh5-ribbon i{font-style:normal;font-size:19px}
.kh5-section{padding:100px 0}.kh5-eyebrow-line{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #c9d5c8;gap:10px;color:#6c866f;font-size:10px;letter-spacing:.19em;font-weight:850}.kh5-section-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:50px;margin:36px 0 44px}.kh5-section h2{font-size:clamp(43px,4.5vw,69px);font-weight:750;line-height:1.1;letter-spacing:-.064em;color:#1e3e2b}.kh5-section h2 em{color:#8d754c}.kh5-section-head p{font-size:13px;line-height:1.9;color:#6e806f;max-width:430px;margin:0}.kh5-finder-section{background:#f1f4ed}.kh5-finder-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:17px;align-items:stretch}.kh5-wizard{background:#fff;border:1px solid #d7e1d5;border-radius:9px;padding:35px;box-shadow:0 18px 50px #1237200d}.kh5-wizard-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;font-weight:850;color:#577761}.kh5-meter{height:5px;border-radius:30px;background:#edf1ec;overflow:hidden;margin:15px 0 32px}.kh5-meter>div{background:#517b54;height:100%;transition:width .25s}.kh5-step{border:0;padding:0;margin:0;min-width:0}.kh5-step legend{font-size:clamp(26px,2.9vw,37px);font-weight:800;line-height:1.1;color:#254333;letter-spacing:-.04em;margin-bottom:13px}.kh5-step>p{font-size:12px;line-height:1.7;color:#809080;margin-bottom:22px}.kh5-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kh5-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;border:1px solid #dce7dc;background:#f9fbf7;padding:19px;border-radius:8px;min-height:159px;transition:border-color .18s,background .18s,box-shadow .18s}.kh5-option:hover{border-color:#76977a}.kh5-option:has(input:checked){border-color:#476c4e;background:#eaf2e6;box-shadow:inset 0 0 0 1px #476c4e}.kh5-option input{position:absolute;right:16px;top:17px;accent-color:#37583d;width:17px;height:17px}.kh5-option-symbol{font-size:25px;color:#6b8764;line-height:1}.kh5-option strong{font-size:13px;color:#31503a}.kh5-option small{font-size:11px;color:#869788}.kh5-wizard-error{color:#9f3b29;background:#fdf3ee;padding:9px 11px;font-size:12px;margin-top:12px}.kh5-wizard-actions{display:flex;align-items:center;justify-content:space-between;margin-top:27px;gap:20px}.kh5-back{background:none;border:0;font-size:12px;color:#526956;font-weight:750;padding:14px 8px}.kh5-back:disabled{opacity:.38;cursor:not-allowed}.kh5-finder-aside{position:relative;background:#1b3d2b;color:#f6f2e5;padding:42px 36px 29px;border-radius:9px;overflow:hidden;min-height:510px}.kh5-finder-aside>span{font-size:10px;letter-spacing:.2em;color:#b9c8ae;font-weight:850}.kh5-finder-aside h3{font-size:clamp(32px,3.2vw,46px);line-height:1.15;letter-spacing:-.06em;margin:24px 0}.kh5-finder-aside h3 em{color:#dac092}.kh5-finder-aside p{font-size:12px;line-height:1.8;color:#c2d0bf;max-width:275px}.kh5-aside-foot{border-top:1px solid #b0c7b133;margin-top:50px;padding-top:18px;font-size:10px;letter-spacing:.18em;display:flex;justify-content:space-between}.kh5-mini-house{height:150px;position:relative;margin-top:25px;opacity:.88}.kh5-mini-roof{position:absolute;top:11px;left:40px;width:170px;height:5px;background:#b3c59e;transform:rotate(-20deg);box-shadow:0 12px #254f38}.kh5-mini-wall{position:absolute;left:60px;top:42px;width:200px;height:104px;border:2px solid #a0b695;transform:skewY(-10deg);display:flex;justify-content:space-around;padding:16px}.kh5-mini-wall i{width:38px;height:70px;border:2px solid #9aae9a;background:#b4d7c022}.kh5-mini-wall b{width:33px;height:85px;border:2px solid #9aae9a;background:#b4d7c022}.kh5-results{margin-top:23px;background:#fff;border:1px solid #d7e2d4;border-radius:10px;padding:32px}.kh5-results-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.kh5-results h3{font-size:31px;font-weight:750;letter-spacing:-.05em;margin:10px 0;color:#234432}.kh5-results-header p{font-size:12px;line-height:1.7;color:#6d8170}.kh5-reset{background:#e8eee6;border:1px solid #cddbcc;border-radius:40px;color:#3d6348;padding:12px 18px;font-size:11px;font-weight:800}.kh5-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:26px}.kh5-result{border:1px solid #dee6d9;border-radius:8px;overflow:hidden;background:#f9fbf8;display:flex;flex-direction:column}.kh5-result-image{height:175px;background:#e8eee6;overflow:hidden;position:relative}.kh5-result-image img{width:100%;height:100%;object-fit:cover}.kh5-result-image>span{position:absolute;top:12px;left:12px;background:#244433e8;color:#fff;font-size:9px;padding:7px 10px;font-weight:800;letter-spacing:.1em}.kh5-result-copy{padding:17px;display:flex;flex-direction:column;flex:1}.kh5-result-copy>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#67806b;font-weight:800}.kh5-result-copy h4{font-size:15px;line-height:1.35;letter-spacing:-.02em;color:#203e2f;margin:8px 0}.kh5-result-copy p{font-size:11px;line-height:1.7;color:#7d917f;flex:1;margin:0 0 15px}.kh5-result-copy a{font-size:11px;font-weight:850;color:#28563a;text-decoration:underline;text-underline-offset:4px}.kh5-results-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #e0e8df;padding-top:20px;margin-top:24px}.kh5-results-footer>span{font-size:11px;color:#7f917f;max-width:660px;line-height:1.6}
/* Consultation */
.kh5-consult-section{background:#eeeade}.kh5-consult-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);padding-top:46px;align-items:start}.kh5-consult-copy h2{margin-bottom:24px}.kh5-consult-copy>p{font-size:13px;line-height:1.9;color:#708071;max-width:450px}.kh5-consult-points{margin-top:43px;display:grid;gap:20px}.kh5-consult-points>div{display:flex;align-items:start;gap:15px;padding:19px 0;border-top:1px solid #d0d9cb}.kh5-consult-points>div>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#aa8c5d;min-width:32px}.kh5-consult-points p{font-size:12px;line-height:1.9;color:#657c6c;margin:0}.kh5-consult-points p strong{font-size:13px;color:#254a32}.kh5-safe-note{margin-top:30px;font-size:11px;font-weight:750;color:#56745e}.kh5-consult-form{padding:34px;background:#fff;border:1px solid #d1d8c8;border-radius:10px;box-shadow:0 20px 50px #2a321a10}.kh5-form-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eae0;padding-bottom:21px;margin-bottom:27px}.kh5-form-title h3{font-size:25px;letter-spacing:-.04em;color:#254132;margin:7px 0 0}.kh5-form-title>span{font-size:38px;color:#b7a077}.kh5-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kh5-consult-form label{display:block;color:#34503b;font-size:11px;font-weight:850;letter-spacing:.02em}.kh5-consult-form label>em{font-style:normal;color:#c1884e}.kh5-consult-form label input,.kh5-consult-form label select,.kh5-consult-form label textarea{width:100%;min-width:0;background:#f8faf6;border:1px solid #d8e3d5;color:#2a4532;border-radius:5px;min-height:47px;padding:11px 12px;display:block;margin-top:9px;font-size:12px;font-weight:500;letter-spacing:normal}.kh5-consult-form label textarea{resize:vertical}.kh5-full-field{margin:20px 0}.kh5-full-field>span{font-weight:500;color:#849184}.kh5-form-alert{color:#a43c2a;background:#fef2ed;padding:12px;font-size:12px}.kh5-form-submit{width:100%;border:0}.kh5-consult-form>small{font-size:10px;line-height:1.7;color:#839585;display:block;margin-top:15px}
/* Brief */
.kh5-brief-section{background:#193a2c;color:#f5f6ec}.kh5-brief-section .kh5-eyebrow-line{border-color:#9bac983d;color:#b2c3ae}.kh5-brief-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;margin-top:55px}.kh5-brief-section h2{color:#fff9ed}.kh5-brief-section h2 em{color:#d4b483}.kh5-brief-grid>div:first-child>p{color:#bdcebe;font-size:13px;line-height:1.9;max-width:440px;margin:26px 0 30px}.kh5-brief-actions{display:flex;gap:10px;flex-wrap:wrap}.kh5-download{background:none;border:0;color:#d9c7a5;text-decoration:underline;text-underline-offset:4px;font-size:11px;font-weight:850;padding:12px}.kh5-feedback{color:#e6d7b9;font-size:11px;min-height:25px}.kh5-brief-preview{background:#f5f5ee;color:#244331;box-shadow:0 26px 80px #02180d55;padding:31px;transform:rotate(1deg);border-radius:3px}.kh5-preview-head,.kh5-preview-foot{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.14em;font-weight:900;color:#6f8b72}.kh5-preview-head{padding-bottom:22px;border-bottom:1px solid #d2decf}.kh5-brief-preview pre{font:12px/1.9 Manrope,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;min-height:170px;color:#2f4a37;margin:22px 0}.kh5-preview-foot{padding-top:20px;border-top:1px solid #d2decf}.kh5-outro{background:#142b22;color:#fff;text-align:center;padding:90px 0}.kh5-outro .container>span{font-size:10px;letter-spacing:.2em;color:#b6c7aa}.kh5-outro h2{font-size:clamp(44px,6vw,79px);font-weight:700;letter-spacing:-.06em;line-height:1.12;margin:24px 0 33px}.kh5-outro h2 em{font:italic 1em Georgia,serif;color:#d7b688}.kh5-outro .container>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* Print-specific hidden DOM page: no PDF generated until the user prints */
#kh5-print-zone{display:none}.kh5-paper{font:14px/1.7 Arial,sans-serif;color:#243d2d}.kh5-paper-head{display:flex;align-items:center;gap:20px;border-bottom:2px solid #31523b;padding-bottom:17px}.kh5-paper-head img{width:90px;height:auto;object-fit:contain}.kh5-paper-head>div{display:grid}.kh5-paper-head strong{font-size:24px}.kh5-paper-head span{font-size:10px;letter-spacing:.17em}.kh5-paper h2{font-size:30px;color:#203c2e;margin:26px 0 8px}.kh5-paper pre{font:14px/1.9 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d8e0d5;background:#f5f8f2;padding:22px}.kh5-paper footer{font-size:11px;color:#68816c;border-top:1px solid #aabdaf;margin-top:25px;padding-top:15px}
/* Home, planner entry points */
.kh5-home-intro{background:#e1e5d6;color:#173b29}.kh5-home-inner{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-top:55px;padding-bottom:55px}.kh5-home-inner h2{font-size:clamp(35px,4vw,61px);letter-spacing:-.06em;line-height:1.12;font-weight:750;margin:16px 0}.kh5-home-inner h2 em{color:#95744b}.kh5-home-inner p{max-width:480px;font-size:13px;line-height:1.8;color:#5e7967;margin-bottom:25px}.kh5-home-visual{height:315px;overflow:hidden;border-radius:6px;position:relative}.kh5-home-visual img{display:block;width:100%;height:100%;object-fit:cover}.kh5-home-visual span{position:absolute;bottom:12px;left:14px;color:white;background:#173728d6;padding:6px 8px;font-size:9px;letter-spacing:.15em}.kh5-studio-bridge{background:#d9e4d5;padding:22px 0}.kh5-studio-bridge>.container{display:flex;justify-content:space-between;align-items:center;gap:20px}.kh5-studio-bridge strong{display:block;color:#254532;font-size:23px;margin:7px 0}.kh5-studio-bridge p{color:#738973;font-size:12px}.kh5-studio-bridge a{flex:none}
@media(max-width:1080px){.kh5-hero-grid{gap:30px}.kh5-hero h1{font-size:clamp(53px,6vw,78px)}.kh5-finder-layout{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.kh5-mini-wall{left:20px}.kh5-mini-roof{left:5px}}
@media(max-width:830px){.kh5-hero-grid{grid-template-columns:1fr;min-height:0}.kh5-hero-content{padding:80px 0 32px}.kh5-hero-media{max-width:630px;width:100%;margin:0 auto 60px}.kh5-hero-image{height:440px}.kh5-hero-bottom{margin-top:30px}.kh5-section{padding:70px 0}.kh5-finder-layout,.kh5-consult-grid,.kh5-brief-grid,.kh5-section-head{grid-template-columns:1fr;gap:27px}.kh5-finder-aside{min-height:0}.kh5-mini-house{display:none}.kh5-finder-aside h3{margin:20px 0}.kh5-aside-foot{margin-top:23px}.kh5-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh5-brief-preview{transform:none}.kh5-home-inner{grid-template-columns:1fr}.kh5-home-visual{height:310px}.kh5-studio-bridge>.container{flex-wrap:wrap}}
@media(max-width:560px){.kh5-hero-content{padding:70px 0 24px}.kh5-hero h1{font-size:clamp(52px,12vw,73px)}.kh5-hero-content>p{font-size:12px}.kh5-hero-actions{display:grid}.kh5-hero-actions .kh5-btn{width:100%}.kh5-hero-bottom{gap:12px;font-size:9px}.kh5-hero-image{height:360px}.kh5-hero-chip{right:-2px;top:70px;width:90px;height:90px}.kh5-hero-media-note{bottom:13px;left:7px}.kh5-ribbon>.container{justify-content:center;font-size:9px}.kh5-ribbon>.container span:nth-of-type(n+3),.kh5-ribbon>.container i:nth-of-type(n+2){display:none}.kh5-section{padding:54px 0}.kh5-section-head{margin:26px 0}.kh5-section h2{font-size:clamp(38px,9vw,53px)}.kh5-eyebrow-line{font-size:9px}.kh5-eyebrow-line span:last-child{font-size:8px;text-align:right}.kh5-wizard{padding:24px 16px}.kh5-options{grid-template-columns:1fr 1fr;gap:9px}.kh5-option{min-height:150px;padding:15px 12px}.kh5-option strong{font-size:12px}.kh5-option small{font-size:10px}.kh5-option-symbol{font-size:23px}.kh5-wizard-actions .kh5-btn{padding:12px 14px;min-height:46px}.kh5-results{padding:22px 15px}.kh5-results-header{align-items:start}.kh5-results h3{font-size:26px}.kh5-results-grid{grid-template-columns:1fr}.kh5-result-image{height:190px}.kh5-results-footer{flex-direction:column;align-items:flex-start}.kh5-consult-form{padding:23px 17px}.kh5-form-grid{grid-template-columns:1fr;gap:18px}.kh5-brief-grid{margin-top:32px}.kh5-brief-actions{display:grid}.kh5-brief-preview{padding:23px 18px}.kh5-brief-preview pre{font-size:11px}.kh5-outro{padding:65px 0}.kh5-outro .container>div{display:grid}.kh5-home-inner{padding-top:45px;padding-bottom:45px}.kh5-home-visual{height:235px}}
@media print{body:has(#kh5-app)>*:not(#kh5-app){display:none!important}body:has(#kh5-app)>#kh5-app{display:block!important;overflow:visible!important;background:#fff!important}#kh5-app>*:not(#kh5-print-zone){display:none!important}#kh5-print-zone{display:block!important;margin:0!important;padding:0!important}.kh5-paper{box-shadow:none!important;padding:0!important}html,body{background:white!important;overflow:visible!important}@page{size:A4;margin:16mm}}
@media(prefers-reduced-motion:reduce){.kh5-page *{scroll-behavior:auto!important;transition:none!important}}


/* === phase6.css === */
/* Kinosaki Homes — Fasa 6 / premium system finish */
:root{--kh6-deep:#17372a;--kh6-forest:#234835;--kh6-warm:#d8b680;--kh6-cream:#f7f5ec;--kh6-outline:#c0ccbd}
html{scroll-padding-top:105px}
body{overflow-x:clip}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #c99955!important;outline-offset:4px}
.kh6-skip{position:absolute;left:18px;top:-120px;z-index:9999;padding:14px 20px;background:#fffdf7;color:#17372a;font-weight:800;border-radius:0 0 10px 10px;box-shadow:0 8px 30px #0004}
.kh6-skip:focus{top:0}
.site-header{box-shadow:0 8px 28px rgba(12,40,22,.055)}
.site-header .logo{min-width:0}
.site-header .logo img{width:54px;height:54px;object-fit:contain;flex-shrink:0}
.site-footer .logo img{width:58px;height:58px;object-fit:contain;flex-shrink:0}
.header-inner{gap:clamp(12px,2vw,28px)}
.nav-links{gap:clamp(12px,1.22vw,18px)!important}
.nav-links a{white-space:nowrap}
.site-header .header-cta{flex-shrink:0}
.hero h1,.kh5-hero h1{letter-spacing:-.047em}
.btn,.kh5-btn,.sx-btn,.p3-button{transition-duration:.2s}
.btn:active,.kh5-btn:active,.p3-button:active{transform:translateY(0) scale(.985)}
.site-footer a:not(.logo):hover{text-decoration:underline;text-underline-offset:5px}
.site-footer .footer-column{min-width:0}
.site-footer .footer-column a{overflow-wrap:anywhere}
:is(.sales-model-card,.f2-related-card,.video-card,.p3-intro){box-shadow:0 5px 18px rgba(13,43,26,.04)}
:is(.sales-model-card,.f2-related-card,.video-card):hover{box-shadow:0 22px 54px rgba(13,43,26,.12)}
:is(.sales-model-card,.video-card,.f2-related-card) img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
:is(.sales-model-card,.video-card,.f2-related-card):hover img{transform:scale(1.025)}
main img{color:#17372a}
img[data-remote]{background-color:#e5e9df}
input,select,textarea{max-width:100%}
:where(.container,.hero-grid,.kh5-section,.sx-page) :where(h1,h2,h3,p){overflow-wrap:break-word}
.kh6-backtotop{position:fixed;z-index:79;right:23px;bottom:96px;width:47px;height:47px;display:grid;place-items:center;border-radius:50%;border:1px solid #afbea9;background:#faf9f3;color:#24452f;box-shadow:0 8px 32px #193c2830;font-size:24px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s,transform .25s}
.kh6-backtotop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.kh6-backtotop:hover{background:#d9e5d7}
.kh6-home-journey{background:#fcfaf4;border-block:1px solid #e7e7dc;padding:28px 0}
.kh6-home-journey-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kh6-home-step{display:flex;align-items:center;gap:15px;padding:10px 20px;border-right:1px solid #dfe3d9}
.kh6-home-step:last-child{border-right:0}
.kh6-home-step .num{font:italic 26px/1 Georgia,serif;color:#b88e59}
.kh6-home-step strong{display:block;color:#244734;font-size:14px;letter-spacing:-.015em}
.kh6-home-step span:last-child{display:block;color:#6f7f70;font-size:12px;line-height:1.55;margin-top:3px}
.kh6-crumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#627768;margin:25px 0 2px}
.kh6-crumbs a{text-decoration:underline;text-underline-offset:4px}
.kh6-crumbs span[aria-current=page]{font-weight:800;color:#254834}
@media(max-width:1230px) and (min-width:831px){.header-inner{gap:13px}.nav-links{gap:11px!important}.nav-links a{font-size:10px!important}.site-header .logo img{width:44px;height:44px}.logo-name{font-size:20px}.header-cta{padding-inline:13px}}
@media(max-width:980px) and (min-width:831px){.nav-links{gap:7px!important}.nav-links a{font-size:9px!important}.logo-caption{display:none}}
@media(max-width:830px){.kh6-backtotop{bottom:calc(178px + env(safe-area-inset-bottom));right:15px;width:42px;height:42px}.site-header .logo img{width:48px;height:48px}.kh6-home-journey{padding:17px 0}.kh6-home-journey-inner{gap:10px}.kh6-home-step{padding:8px;gap:9px}.kh6-home-step strong{font-size:12px}.kh6-home-step span:last-child{font-size:10px}}
@media(max-width:560px){.kh6-home-journey-inner{grid-template-columns:1fr;gap:0}.kh6-home-step{border-right:0;border-bottom:1px solid #e0e5d9;padding:12px 2px}.kh6-home-step:last-child{border-bottom:0}.kh6-home-step .num{min-width:30px}.kh6-home-step strong{font-size:14px}.kh6-home-step span:last-child{font-size:12px}.kh6-backtotop{right:12px;bottom:calc(180px + env(safe-area-inset-bottom))}.site-header .logo img{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){.kh6-backtotop,:is(.sales-model-card,.video-card,.f2-related-card) img{transition:none!important;transform:none!important}}


/* Production Preparation — Privacy & Trust (does not alter core sales UI) */
.khp-privacy-footer{font-size:.84rem;color:#c9ddca!important;text-decoration:underline;text-underline-offset:4px}
.khp-inline-privacy{font-size:.85rem;line-height:1.65;color:#567264;margin:16px 0;max-width:72ch}
.khp-inline-privacy a{font-weight:750;text-decoration:underline;text-underline-offset:3px;color:#1e5a3d}
.khp-privacy-main{padding-top:76px;padding-bottom:92px;max-width:1000px}
.khp-privacy-hero{max-width:820px;margin-bottom:28px}
.khp-privacy-hero h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:1.12;letter-spacing:-.045em;color:#17372a;margin:14px 0 22px}
.khp-privacy-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#63836c}
.khp-privacy-hero>p{line-height:1.7;font-size:1.05rem;color:#526c5a}
.khp-privacy-status{background:#f2eedf;border:1px solid #dfd5b6;border-radius:15px;padding:16px!important;font-size:.93rem!important}
.khp-language-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 28px}
.khp-language-links a{padding:11px 18px;border:1px solid #cad9ca;border-radius:100px;background:#fff;color:#1b4732;font-weight:700}
.khp-privacy-panel{background:#fff;border:1px solid #d9e5d7;border-radius:24px;padding:clamp(22px,4vw,48px);box-shadow:0 20px 70px rgba(20,49,33,.06);margin-top:26px;scroll-margin-top:125px}
.khp-privacy-panel h2{font-size:clamp(1.7rem,3vw,2.3rem);color:#17372a}
.khp-privacy-panel h3{font-size:1.15rem;margin:30px 0 10px;color:#17372a}
.khp-privacy-panel p{line-height:1.85;color:#4d6156;max-width:75ch}
.khp-privacy-panel a{color:#21654a;text-decoration:underline}
@media(max-width:650px){.khp-privacy-main{padding-top:46px;padding-bottom:70px}.khp-privacy-panel{border-radius:16px}.khp-privacy-hero h1{letter-spacing:-.03em}}

/* KH_REFERENCE_CARD_STYLE_2026: clarify example/project photos */
.sales-model-photo.kh-project-reference .f2-photo-link{display:block;width:100%;height:100%}
.sales-model-photo.kh-project-reference img{width:100%;height:100%;object-fit:cover}
.product-image .kh-ref-featured-note{position:absolute;bottom:10px;left:10px;right:10px;z-index:3;padding:7px 9px;background:rgba(15,39,30,.83);border-radius:5px;color:#fff;font-size:11px;font-weight:700;text-align:center;pointer-events:none}
.sales-model-photo.kh-project-reference .kh-reference-caption{position:absolute;bottom:9px;left:9px;right:9px;padding:7px 10px;background:rgba(15,39,30,.85);color:#fff;border-radius:6px;font-size:10px;line-height:1.35;font-weight:700;text-align:center;pointer-events:none}