/* About page only. Approved Future Proof concept, live HTML content. */
#kuon-about-page.future-proof-about{color:#171713;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:visible;min-height:0}
#kuon-about-page.future-proof-about main{width:min(1180px,calc(100% - 48px));margin:24px auto 36px;display:grid;gap:24px}
#kuon-about-page .fp-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ded8cd;border-radius:28px;background:#fbf8f2;padding:44px 48px;color:#171713}
#kuon-about-page .fp-panel h1,#kuon-about-page .fp-panel h2,#kuon-about-page .fp-panel h3{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-transform:none;letter-spacing:-.045em!important;font-weight:750;color:#171713}
#kuon-about-page .fp-panel p{font-family:inherit;font-size:18px;line-height:1.55;color:#343735;margin:0}
#kuon-about-page .fp-panel .fp-eyebrow{font-family:inherit!important;font-size:12px!important;font-weight:750;letter-spacing:.13em!important;text-transform:uppercase;color:#74172b;margin:0 0 26px;line-height:1.5}
#kuon-about-page .fp-hero{min-height:550px;padding:0;display:grid;align-items:center}
#kuon-about-page .fp-hero-copy{position:relative;z-index:2;width:43%;padding:50px 0 50px 48px}
#kuon-about-page .fp-hero h1{font-size:clamp(40px,4.2vw,58px)!important;line-height:1.02!important;max-width:430px;margin:0 0 28px}
#kuon-about-page .fp-hero-copy>p:last-child{max-width:360px}
#kuon-about-page .fp-portrait{position:absolute;inset:0;z-index:0}
#kuon-about-page .fp-portrait picture,#kuon-about-page .fp-portrait img{display:block;width:100%;height:100%}
#kuon-about-page .fp-portrait img{object-fit:cover;object-position:right center}
#kuon-about-page .fp-portrait-label{position:absolute;right:20px;bottom:20px;font-size:12px;font-weight:700;color:#171713;background:#fbf8f2ed;border:1px solid #ded8cd;border-radius:30px;padding:8px 14px}
#kuon-about-page .fp-name-flow{display:grid;grid-template-columns:auto 50px auto minmax(55px,1fr) auto;align-items:center;gap:20px;margin:36px 0 40px}
#kuon-about-page .fp-roots{display:flex;gap:28px}
#kuon-about-page .fp-roots .fp-symbol+ .fp-symbol{border-left:1px solid #ded8cd;padding-left:28px}
#kuon-about-page .fp-symbol{text-align:center;white-space:nowrap}
#kuon-about-page .fp-symbol>span{display:block;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:86px;line-height:1.15;color:#121410}
#kuon-about-page .fp-symbol small{display:block;font-size:16px;margin-top:12px}
#kuon-about-page .fp-arrow{color:#74172b;font-size:42px;font-weight:300;text-align:center}
#kuon-about-page .fp-long-arrow{transform:scaleX(1.5)}
#kuon-about-page .fp-promise{color:#74172b;text-transform:uppercase;letter-spacing:.15em;font-size:19px;white-space:nowrap}
#kuon-about-page .fp-name-bottom{position:relative;min-height:160px}
#kuon-about-page .fp-commitment{position:relative;z-index:1}
#kuon-about-page .fp-commitment h3{font-size:25px;line-height:1.3;margin:0 0 22px;max-width:820px}
#kuon-about-page .fp-three-lines{border-left:3px solid #74172b;padding-left:22px;max-width:57%;line-height:1.8}
#kuon-about-page .fp-mountains{position:absolute;width:44%;height:210px;object-fit:contain;right:-36px;bottom:-40px;mix-blend-mode:multiply;z-index:0}
#kuon-about-page .fp-rows{margin:0 0 24px}
#kuon-about-page .fp-rows>div{display:grid;grid-template-columns:30% 1fr;gap:24px;align-items:baseline;padding:16px 0;border-bottom:1px solid #ddd9d1}
#kuon-about-page .fp-rows>div:last-child{border-bottom:0}
#kuon-about-page .fp-rows dt{font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-.045em}
#kuon-about-page .fp-rows dd{margin:0;font-size:18px;line-height:1.5}
#kuon-about-page .fp-contact{border-radius:8px;letter-spacing:0;font-family:inherit;padding:14px 24px;font-size:16px}
#kuon-about-page .fp-expertise{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;padding:28px 42px;min-height:300px}
#kuon-about-page .fp-expertise h2{font-size:38px;line-height:1.07;margin:0 0 24px}
#kuon-about-page .fp-expertise img{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:1000px){#kuon-about-page .fp-panel{padding:34px}#kuon-about-page .fp-hero{padding:0}#kuon-about-page .fp-hero-copy{padding-left:34px;width:45%}#kuon-about-page .fp-name-flow{gap:12px;grid-template-columns:auto 30px auto minmax(20px,1fr) auto}#kuon-about-page .fp-symbol>span{font-size:65px}#kuon-about-page .fp-roots{gap:16px}#kuon-about-page .fp-roots .fp-symbol+.fp-symbol{padding-left:16px}#kuon-about-page .fp-promise{font-size:16px}#kuon-about-page .fp-expertise h2{font-size:32px}}
@media(max-width:760px){#kuon-about-page.future-proof-about main{width:calc(100% - 28px);gap:18px;margin-top:12px}#kuon-about-page .fp-panel{padding:28px 24px;border-radius:22px}#kuon-about-page .fp-hero{padding:0;display:flex;flex-direction:column}#kuon-about-page .fp-hero-copy{width:100%;padding:32px 28px;background:#fbf8f2}#kuon-about-page .fp-hero h1{font-size:44px!important;max-width:500px}#kuon-about-page .fp-hero-copy>p:last-child{max-width:none}#kuon-about-page .fp-portrait{position:relative;width:100%;height:340px}#kuon-about-page .fp-portrait img{object-position:right center}#kuon-about-page .fp-name-flow{grid-template-columns:1fr 28px 1fr;gap:12px;margin:26px 0}#kuon-about-page .fp-roots{justify-content:center;gap:12px}#kuon-about-page .fp-roots .fp-symbol+.fp-symbol{padding-left:12px}#kuon-about-page .fp-symbol>span{font-size:52px}#kuon-about-page .fp-symbol small{font-size:13px}#kuon-about-page .fp-long-arrow{display:none}#kuon-about-page .fp-promise{grid-column:1/-1;text-align:center;margin-top:16px;font-size:20px}#kuon-about-page .fp-commitment h3{font-size:24px}#kuon-about-page .fp-three-lines{max-width:none}#kuon-about-page .fp-mountains{position:relative;display:block;width:85%;height:170px;margin:4px -12px -24px auto;right:auto;bottom:auto}#kuon-about-page .fp-rows>div{grid-template-columns:1fr;gap:8px;padding:18px 0}#kuon-about-page .fp-rows dt{font-size:26px}#kuon-about-page .fp-expertise{grid-template-columns:1fr;gap:0}#kuon-about-page .fp-expertise img{height:auto;max-height:280px}#kuon-about-page .fp-expertise h2{font-size:34px}#kuon-about-page .fp-panel p,#kuon-about-page .fp-rows dd{font-size:17px}}
#kuon-about-page .fp-mountains{mask-image:linear-gradient(to right,transparent,#000 18%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 25%,#000 85%,transparent);mask-composite:intersect}
#kuon-about-page .fp-expertise img{mask-image:radial-gradient(ellipse at center,#000 45%,transparent 73%)}
#kuon-about-page .fp-foundations .fp-rows{margin-bottom:4px}
#kuon-about-page .fp-contact{display:flex;width:fit-content;margin:0 0 0 auto}
@media(max-width:420px){#kuon-about-page .fp-name-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:5px}#kuon-about-page .fp-symbol>span{font-size:40px}#kuon-about-page .fp-symbol small{font-size:11px}#kuon-about-page .fp-roots{gap:8px}#kuon-about-page .fp-roots .fp-symbol+.fp-symbol{padding-left:8px}#kuon-about-page .fp-arrow{font-size:25px}#kuon-about-page .fp-portrait{height:270px}#kuon-about-page .fp-hero h1{font-size:38px!important}#kuon-about-page .fp-portrait-label{right:8px;bottom:10px;font-size:10px;padding:7px 10px}}