/* The same ink, photography, typography, and editorial rhythm as the original ON. brand site. */
@font-face{font-family:ONSerif;src:url(assets/serif.woff) format('woff');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:ONSans;src:url(assets/sans.woff) format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ONDisplay;src:url(assets/cormorant-garamond-400-latin.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#101010;--ink:#e8e3da;--muted:#aca69c;--stone:#1c1b19;--line:#3b3833;--dark:#0c0c0b;--cream:#eee9df;--accent:#bf9678;--serif:ONSerif,'Yu Mincho','Hiragino Mincho ProN',serif;--sans:ONSans,'Helvetica Neue',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:300 16px/1.9 var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:300}p+p{margin-top:1.5em}::selection{background:#a48e6e;color:#11100e}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;padding:12px;background:var(--paper);z-index:100}
.header{position:absolute;inset:0 0 auto;z-index:20;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;color:#f3f0e7}.logo{display:inline-block;white-space:nowrap}.logo>span{font:400 49px/1 ONDisplay,Georgia,serif;letter-spacing:.25em}.logo .dot{color:#c99b78;letter-spacing:inherit}.header nav{display:flex;gap:34px;align-items:center}.header nav a{font:400 11px/1.5 var(--sans);letter-spacing:.1em;padding:14px 0;transition:opacity .2s}.header nav a:hover{opacity:.65}.header nav a span{margin-left:8px}
.hero{height:100svh;min-height:700px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;color:var(--cream)}.hero-image{position:absolute;inset:0;z-index:-2}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:60% 50%;animation:hero-arrival 4.5s ease-out both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b0980,transparent 62%),linear-gradient(180deg,#06090650,transparent 20%);z-index:-1}.hero-copy{position:absolute;left:6%;top:37%}.hero-copy h1{font-size:clamp(35px,3.45vw,57px);letter-spacing:.16em;line-height:1.85;text-shadow:0 1px 25px #0005}.hero-scroll{position:absolute;left:6%;bottom:7%;display:flex;align-items:center;gap:30px;font:400 10px/1.7 var(--sans);letter-spacing:.16em;color:#e5dfd3}.hero-scroll span{font-size:16px}.hero-scroll:hover{opacity:.65}@keyframes hero-arrival{from{transform:scale(1.025) translateX(-.3%)}to{transform:scale(1)}}
.eyebrow{font:400 11px/1.7 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#aca293}h2{font-size:clamp(27px,2.5vw,38px);line-height:1.9;letter-spacing:.07em}.body-copy{font-size:16px;line-height:2.3;letter-spacing:.025em;color:#d3cbbd}
.wisdom{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;padding:125px 9%;align-items:center}.wisdom-copy .eyebrow{margin-bottom:30px}.wisdom-copy h2{margin-bottom:37px}.wisdom-photo{aspect-ratio:3/4;overflow:hidden;box-shadow:0 25px 80px #0003}.wisdom-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.wisdom .body-copy>p+p{margin-top:27px}
.values{padding:85px 6% 100px;background:#151413}.values-photo{width:100%;aspect-ratio:2/1;margin:0;overflow:hidden;background:#0b0b0b}.values-photo img{width:100%;height:100%;object-fit:contain;object-position:center}.values-content{display:grid;grid-template-columns:1fr 1.15fr;column-gap:11%;padding:70px 4% 0}.values-heading h2{margin-top:25px;font-size:clamp(26px,2.25vw,35px);line-height:1.9;letter-spacing:.045em}.values-intro{margin-top:26px;font-size:14px;line-height:2.2;color:#c4b9a7;letter-spacing:.02em}.value+.value{margin-top:29px;padding-top:27px;border-top:1px solid #3a342c}.value h3{font-size:19px;line-height:1.8;letter-spacing:.055em;color:#e2d8c6}.value p{font-size:15px;line-height:2.2;margin-top:13px;color:#bfb4a3;letter-spacing:.025em}
.makers{padding:140px 9%;display:grid;grid-template-columns:1fr 1.15fr;gap:12%;align-items:start}.section-heading h2{margin-top:28px}.makers .body-copy{padding-top:4px}.makers-lead{font-size:20px;letter-spacing:.04em;color:#e1d7c7}.contact-link{display:inline-flex;align-items:center;gap:55px;margin-top:32px;padding:12px 0;border-bottom:1px solid #b3a48d;font:400 12px/1.8 var(--sans);letter-spacing:.08em;color:#d4cec2}.contact-link>span:nth-child(2){font-size:18px}.contact-link:hover{opacity:.65}.footer{padding:65px 6% 26px;background:#080808;border-top:1px solid #34302a;color:#ddd4c4}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top .logo>span{font-size:49px}.footer-top p{font-size:16px;letter-spacing:.07em;color:#d1c4ae}.footer-bottom{border-top:1px solid #353029;padding-top:25px;margin-top:50px;display:flex;gap:30px;align-items:center;font:400 10px/1.8 var(--sans);letter-spacing:.06em;color:#a99e8b}.footer-bottom>span{margin-right:auto}.footer-bottom a:hover{color:#fff8e9}.footer-bottom a span{margin-left:8px}
.collections{padding:110px 6%;background:#101010}.collections>h2{margin:25px 0 50px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.collection-card img{width:100%;aspect-ratio:2/3;object-fit:cover}.collection-card h3{font-size:25px;line-height:1.7;margin-top:24px}.collection-card p{font-size:14px;line-height:2;margin-top:12px;color:var(--muted)}.collection-card a{display:inline-block;padding:8px 0;border-bottom:1px solid currentColor;font:400 12px/1.7 var(--sans);letter-spacing:.1em;margin-top:24px}
@media(min-width:1600px){.wisdom,.makers{padding-left:max(9%,calc((100vw - 1400px)/2));padding-right:max(9%,calc((100vw - 1400px)/2))}.values,.collections{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.header nav{gap:24px}.wisdom{padding:95px 7%;gap:8%}.wisdom-copy h2{font-size:30px}.body-copy{font-size:14px;line-height:2.25}.wisdom-photo{aspect-ratio:3/4}.values-content{gap:8%;padding:60px 2% 0}.values-heading h2{font-size:27px}.values-intro{font-size:13px}.value p{font-size:14px}.makers{padding:100px 7%;gap:8%}.contact-link{font-size:11px;gap:35px}}
@media(max-width:800px){.header{height:78px;padding:0 6%}.logo>span{font-size:43px}.header nav{gap:22px}.header nav a{font-size:10px;letter-spacing:.06em}.header nav .desktop-link{display:none}.hero{height:88svh;min-height:640px;max-height:950px}.hero-image img{object-position:53% center}.hero:after{background:linear-gradient(0deg,#050b0799,transparent 70%),linear-gradient(180deg,#03070460,transparent 22%)}.hero-copy{top:auto;bottom:18%;left:7%;right:5%}.hero-copy h1{font-size:35px;letter-spacing:.12em;line-height:1.85}.hero-scroll{left:7%;bottom:7%;font-size:9px;gap:26px}.eyebrow{font-size:10px}.wisdom{padding:80px 7%;display:flex;flex-direction:column;gap:42px;align-items:stretch}.wisdom-copy .eyebrow{margin-bottom:26px}.wisdom-copy h2{font-size:30px;margin-bottom:30px}.body-copy{font-size:15px;line-height:2.25}.wisdom .body-copy>p+p{margin-top:25px}.desktop-break{display:none}.wisdom-photo{aspect-ratio:1.25;width:100%;box-shadow:none}.wisdom-photo img{object-position:center}.values{padding:45px 0 75px}.values-content{display:block;padding:45px 7% 0}.values-heading h2{font-size:clamp(21px,6.6vw,28px);margin-top:25px;line-height:1.85}.values-intro{font-size:13px;margin-top:20px}.value-list{margin-top:40px}.value h3{font-size:19px}.value p{font-size:15px;line-height:2.2;margin-top:12px}.value+.value{margin-top:25px;padding-top:24px}.makers{display:block;padding:85px 7% 90px}.section-heading h2{font-size:30px;margin-top:25px}.makers .body-copy{padding-top:36px}.makers-lead{font-size:19px}.contact-link{font-size:11px;gap:38px;margin-top:28px}.footer{padding:48px 7% 25px}.footer-top{display:block}.footer-top .logo>span{font-size:43px}.footer-top p{font-size:14px;margin-top:25px;letter-spacing:.04em}.footer-bottom{margin-top:35px;flex-wrap:wrap;gap:18px 20px;font-size:9px;letter-spacing:.02em}.footer-bottom>span{width:100%;order:3;margin-top:3px}.footer-bottom a:last-child{margin-left:auto}.collections{padding:75px 7%}.collection-grid{grid-template-columns:1fr;gap:45px}}
@media(max-width:360px){.logo>span,.footer-top .logo>span{font-size:39px}.hero-copy h1{font-size:30px;letter-spacing:.1em}.hero{min-height:590px}.values-heading h2{font-size:clamp(21px,6.6vw,28px)}.body-copy,.value p{font-size:14px}.contact-link{font-size:10px;gap:24px}.footer-bottom{font-size:8px;gap:16px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image img{animation:none!important;transform:none!important}}html[data-reduced-data] .hero-image img{animation:none}

/* Original gold-bird fan concept: preserve the complete fan; keep copy clear of the artwork. */
.hero--fan{background:#101010}
.hero--fan .hero-image img{object-fit:contain;object-position:right center;animation:none;transform:none}
.hero--fan:after{background:linear-gradient(90deg,#08080855,transparent 47%)}

@media(max-width:800px){
 .hero--fan{height:92svh;min-height:720px;max-height:950px}
 .hero--fan .hero-image{top:78px;bottom:auto;height:min(56%,95vw);-webkit-mask-image:linear-gradient(#000 83%,transparent);mask-image:linear-gradient(#000 83%,transparent)}
 .hero--fan .hero-image img{object-fit:cover;object-position:right center}
 .hero--fan:after{background:none}
 .hero--fan .hero-copy{bottom:10%;top:auto}
 .hero--fan .hero-scroll{bottom:4%}

}
@media(max-width:360px){.hero--fan{min-height:680px}}

/* Original craft and nature concepts share the hero’s dark, quiet presentation. */
.craft-photo{position:relative;background:#0b0b0b}

/* VALUE: quiet fabric overlaps inspired by the layered collar of a kimono. */
.values--kimono{padding:110px max(7%,calc((100vw - 1500px)/2)) 115px;background:#121110;overflow:hidden}
.values--kimono .values-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"heading media" "principles principles";gap:65px 5%;align-items:center;padding:0}
.values--kimono .values-heading{grid-area:heading;position:relative;z-index:2;padding-bottom:8px}
.values--kimono .values-heading h2{font-size:clamp(28px,2.6vw,35px);line-height:1.9;letter-spacing:.045em;margin-top:28px}
.values-visual{grid-area:media;position:relative;min-width:0;padding:76px 0 68px;isolation:isolate}
.values-visual:before{content:"";position:absolute;inset:10px 24% -8px -10%;background:#65513744;clip-path:polygon(0 0,64% 0,100% 100%,36% 100%);z-index:-2;pointer-events:none}
.values-fold{position:absolute;inset:0 23% 0 -12%;clip-path:polygon(0 0,64% 0,100% 100%,36% 100%);z-index:-1;pointer-events:none}
.values-fold img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82}
.values--kimono .values-photo{position:relative;z-index:1;aspect-ratio:2/1;background:#080909;box-shadow:0 18px 45px #0006}
.values--kimono .value-list{grid-area:principles;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5%;margin:0;padding-top:34px;border-top:1px solid #4b4133}
.values--kimono .value{min-width:0}
.values--kimono .value+.value{margin:0;padding:0 0 0 13%;border-top:0;border-left:1px solid #302c26}
.values--kimono .value h3{font-size:18px;letter-spacing:.05em}
.values--kimono .value p{font-size:14px;line-height:2.2;margin-top:16px}
@media(max-width:1100px){
 .values--kimono{padding:85px 7% 90px}
 .values--kimono .values-content{display:block;padding:0}
 .values--kimono .values-heading h2{font-size:30px}
 .values-visual{width:86%;margin:25px 0 0 auto;padding:55px 0 52px}
 .values--kimono .value-list{margin-top:36px;gap:4%;padding-top:30px}
 .values--kimono .value+.value{padding-left:11%}
}
@media(max-width:800px){
 .values--kimono{padding:75px 7% 80px}
 .values--kimono .values-heading{padding-bottom:0}
 .values--kimono .values-heading h2{font-size:clamp(21px,6.6vw,28px);line-height:1.85;margin-top:25px}
 .values-visual{width:100%;margin-top:28px;padding:38px 0 40px}
 .values-fold{left:-14%;right:20%}
 .values-visual:before{left:-12%;right:21%;top:8px;bottom:-5px}
 .values--kimono .values-photo{box-shadow:0 12px 30px #0005}
 .values--kimono .value-list{display:block;padding-top:26px;margin-top:25px}
 .values--kimono .value h3{font-size:19px}
 .values--kimono .value p{font-size:15px;margin-top:12px}
 .values--kimono .value+.value{margin-top:25px;padding:24px 0 0;border-left:0;border-top:1px solid #302c26}
}
@media(max-width:360px){.values--kimono .value p{font-size:14px}}

/* Keep the complete inherited-wisdom image visible, with the existing copy in separate black space. */
.hero--wisdom{height:auto;min-height:0;max-height:none;padding-top:100px;padding-bottom:105px}
.hero--wisdom .hero-image{position:relative;inset:auto;width:100%;height:auto;z-index:0;-webkit-mask-image:none;mask-image:none}
.hero--wisdom .hero-image img{width:100%;height:auto;object-fit:contain;object-position:center;animation:none;transform:none}
.hero--wisdom:after{display:none}
.hero--wisdom .hero-copy{position:relative;inset:auto;margin:36px 6% 0}
.hero--wisdom .hero-scroll{bottom:32px}
@media(max-width:800px){.hero--wisdom{padding-top:78px;padding-bottom:100px}.hero--wisdom .hero-copy{margin:36px 7% 0}.hero--wisdom .hero-scroll{bottom:30px}}

/* Review: complete 2:1 artwork, logo and promise in one viewport. */
.hero--wisdom{height:100svh;min-height:560px;max-height:none;padding:100px 6% 58px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}
.hero--wisdom .hero-copy{margin:0;position:relative;inset:auto}
.hero--wisdom .hero-copy h1{font-size:clamp(32px,3vw,42px);line-height:1.6}
.hero--wisdom .hero-image{width:100%;height:100%;min-height:0;position:relative;inset:auto}
.hero--wisdom .hero-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.hero--wisdom .hero-scroll{bottom:20px}
.wisdom--translation{display:block;padding:100px 7%}
.translation-heading{margin-bottom:44px}.translation-heading .eyebrow{margin-bottom:24px}
.translation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0}
.translation-detail{aspect-ratio:1.1;overflow:hidden;margin-bottom:28px;background:#101010}
.translation-detail img{width:100%;height:100%;object-fit:cover}
.detail-paper img{object-position:left center}.detail-bird img{object-position:center}.detail-gold img{object-position:right center}
.translation-steps h3{font-size:24px;line-height:1.7;margin:16px 0 20px;color:#e2d8c6}
.translation-steps .body-copy{font-size:15px;line-height:2.2}.translation-steps .body-copy p+p{margin-top:22px}
@media(max-width:800px){.hero--wisdom{padding:88px 7% 58px;gap:18px}.hero--wisdom .hero-copy{margin:0}.hero--wisdom .hero-copy h1{font-size:35px;line-height:1.85}.wisdom--translation{padding:75px 7%}.translation-steps{grid-template-columns:1fr;gap:56px}.translation-detail{aspect-ratio:1.35}.translation-heading h2{font-size:28px}.translation-steps h3{font-size:23px}}
@media(max-width:360px){.hero--wisdom .hero-copy h1{font-size:30px}.translation-heading h2{font-size:25px;letter-spacing:.04em}.translation-steps .body-copy{font-size:14px}.translation-steps h3{font-size:21px}}

@media(max-width:800px){.hero--wisdom{grid-template-rows:auto auto;align-content:center;gap:32px;padding-inline:0}.hero--wisdom .hero-copy{margin-inline:7%}.hero--wisdom .hero-image{height:auto;aspect-ratio:2/1;width:100%;margin-left:0}.hero--wisdom .hero-image img{height:auto}}

/* Private review: one shared visual, expressed through scale, detail and space. */
.hero--wisdom{height:100svh;min-height:560px;max-height:none;padding:0;display:block;background:#100f0d}
.hero--wisdom .hero-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2}
.hero--wisdom .hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;animation:none;transform:none}
.hero--wisdom:after{display:block;background:linear-gradient(180deg,#08080888,transparent 42%,transparent 78%,#08080866);z-index:-1}
.hero--wisdom .hero-copy{position:absolute;left:6%;right:6%;top:18%;margin:0}
.hero--wisdom .hero-copy h1{font-size:clamp(32px,3vw,46px);line-height:1.65;text-shadow:0 2px 24px #000b}
.hero--wisdom .hero-scroll{left:6%;bottom:5%}
.wisdom--statement{grid-template-columns:1fr 1.05fr;gap:9%;padding:110px 7%;align-items:center}
.wisdom-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wisdom-details .translation-detail{margin:0;aspect-ratio:1;min-width:0}
.wisdom-details .detail-paper{grid-column:1/-1;aspect-ratio:1.7}
.wisdom-details .detail-paper img{object-position:left center}
.wisdom-details .detail-bird img{object-position:48% center}
.wisdom-details .detail-gold img{object-position:right center}
.values--life{padding:110px 7%;background:#121110}
.values--life .values-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading media" "principles principles";gap:70px 7%;padding:0;align-items:center}
.values--life .values-heading{grid-area:heading}
.values--life .life-label{letter-spacing:.1em;font-size:13px;color:#c2b39b}
.values--life .values-visual{grid-area:media;width:100%;margin:0;padding:55px 0;min-width:0}
.values--life .values-visual:before{display:none}
.values--life .values-photo{aspect-ratio:1.5;background:#100f0d;box-shadow:none}
.values--life .values-photo img{object-fit:cover;object-position:center 76%;opacity:.65;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}
.values--life .value-list{grid-area:principles;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin:0;padding-top:35px;border-top:1px solid var(--line)}
.values--life .value+.value{margin:0;padding:0 0 0 12%;border-top:0;border-left:1px solid var(--line)}
@media(max-width:800px){
.hero--wisdom{height:100svh;min-height:560px}
.hero--wisdom .hero-copy{top:19%;left:7%;right:7%;margin:0}
.hero--wisdom .hero-copy h1{font-size:35px;line-height:1.85}
.hero--wisdom .hero-image:before{content:"";position:absolute;inset:0;background:url('assets/on-inherited-wisdom-hero-concept.png') center/cover no-repeat;opacity:.23}
.hero--wisdom .hero-image img{position:absolute;top:53%;width:100%;height:auto;object-fit:contain;transform:translateY(-15%);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}
.hero--wisdom .hero-scroll{left:7%;bottom:5%}
.wisdom--statement{display:flex;padding:75px 7%;gap:45px}
.wisdom-details{gap:12px}
.values--life{padding:75px 7%}
.values--life .values-content{display:block}
.values--life .values-visual{padding:10px 0;margin:24px 0}
.values--life .value-list{display:block;margin-top:30px;padding-top:30px}
.values--life .value+.value{margin-top:25px;padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:360px){.hero--wisdom .hero-copy h1{font-size:30px}.values--life .life-label{font-size:12px}}
@media(min-width:801px){.hero--wisdom:after{background:linear-gradient(90deg,#08080880,transparent 44%),linear-gradient(180deg,#08080888,transparent 42%,transparent 78%,#08080866)}}
.values--life .value p{text-wrap:pretty}

/* Private refinement: keep the statement together above one continuous image. */
.wisdom--statement{display:block;padding:110px 7% 80px}
.wisdom--statement .wisdom-copy{display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;column-gap:9%;align-items:start}
.wisdom--statement .wisdom-copy>.eyebrow{grid-column:1;grid-row:1}
.wisdom--statement .wisdom-copy>h2{grid-column:1;grid-row:2;margin-bottom:0}
.wisdom--statement .wisdom-copy>.body-copy{grid-column:2;grid-row:1/3}
.wisdom--statement .wisdom-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:70px;aspect-ratio:2/1;overflow:hidden}
.wisdom--statement .wisdom-details .translation-detail{grid-column:auto;aspect-ratio:auto;height:100%;overflow:hidden;background:transparent}
.wisdom--statement .wisdom-details img{width:300%;max-width:none;height:100%;object-fit:cover;object-position:center}
.wisdom--statement .detail-paper img{transform:translateX(0)}
.wisdom--statement .detail-bird img{transform:translateX(-33.333333%)}
.wisdom--statement .detail-gold img{transform:translateX(-66.666667%)}
.values--life{background:var(--paper);padding-top:80px}
.values--life .values-content{gap:65px 8%;align-items:center}
.values--life .values-visual{padding:35px 0}
.values--life .values-photo{background:transparent;aspect-ratio:1.65}
.values--life .values-photo img{opacity:.75}
.values--life .value-list{border:0;padding-top:0;gap:7%}
.values--life .value+.value{border:0;padding:0}
.values--life .value p{font-size:14px;line-height:2.3}
.makers .section-heading h2{font-size:clamp(25px,2.3vw,34px);line-height:1.9;text-wrap:balance}
.makers .makers-lead{font-size:19px;line-height:2.2}
@media(max-width:800px){
.wisdom--statement{padding:75px 7% 45px}
.wisdom--statement .wisdom-copy{display:block}
.wisdom--statement .wisdom-copy>h2{margin-bottom:32px}
.wisdom--statement .wisdom-details{margin-top:44px;width:calc(100% + 16.28%);margin-left:-8.14%}
.values--life{padding-top:50px}
.values--life .values-visual{padding:0;margin:35px 0 45px}
.values--life .value-list{margin-top:0;padding-top:0}
.values--life .value+.value{border:0;margin-top:34px;padding-top:0}
.makers .section-heading h2{font-size:27px}
.makers .makers-lead{font-size:18px;line-height:2.1}
}
@media(max-width:360px){.header nav a{font-size:9px}.header nav a span{margin-left:4px}.makers .section-heading h2{font-size:24px}.makers .makers-lead{font-size:16px}}

#makers-title>span{display:block;white-space:nowrap}.makers .body-copy p{text-wrap:pretty}
@media(max-width:360px){.wisdom--statement .wisdom-copy>h2{font-size:25px;letter-spacing:.04em}}

/* Static TOP: no added image drift, zoom, parallax or text entrance. */
.hero--wisdom .hero-image,.hero--wisdom .hero-copy,.hero--wisdom .hero-scroll{animation:none!important;transform:none!important;opacity:1}
@media(max-width:800px){.hero--wisdom .hero-image img{animation:none!important;transform:translateY(-15%)!important}}

/* Paper, connecting birds, and the fan: three separate close views of one source. */
.wisdom--statement{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:center}
.wisdom--statement .wisdom-copy{display:block}
.wisdom--statement .wisdom-copy>h2{margin-bottom:37px}
.wisdom--statement .wisdom-details{display:flex;flex-direction:column;gap:22px;aspect-ratio:auto;margin:0;overflow:visible}
.wisdom--statement .wisdom-details .translation-detail{width:86%;height:auto;aspect-ratio:2.35;flex:none;overflow:hidden}
.wisdom--statement .wisdom-details .detail-bird{align-self:flex-end}
.wisdom--statement .wisdom-details img{width:260%;max-width:none;height:100%;object-fit:cover;object-position:center}
.wisdom--statement .detail-paper img{transform:translateX(0)}
.wisdom--statement .detail-bird img{transform:translateX(-30%)}
.wisdom--statement .detail-gold img{transform:translateX(-61.53846%)}
.values--life .values-photo{width:80%;margin-left:auto;aspect-ratio:1.15;overflow:hidden}
.values--life .values-photo img{width:100%;height:100%;object-fit:cover;object-position:48% center;opacity:.8}
.makers .makers-lead>span{display:block}
.makers .body-copy p{text-wrap:pretty;line-break:strict;overflow-wrap:normal}
@media(max-width:800px){
.wisdom--statement{display:block}
.wisdom--statement .wisdom-copy>h2{margin-bottom:32px}
.wisdom--statement .wisdom-details{width:100%;margin:44px 0 0;gap:18px}
.wisdom--statement .wisdom-details .translation-detail{width:88%;aspect-ratio:2.1}
.values--life .values-photo{width:76%;aspect-ratio:1.1}
.makers .makers-lead{font-size:17px;line-height:2.15}
}
@media(max-width:360px){.makers .makers-lead{font-size:16px;letter-spacing:0}}

.makers .contact-phrase{display:inline-block;max-width:100%}

/* Private editorial refinement: three sensations, given different scale and space. */
.values--life{padding-block:95px 110px}
.values--life .values-content{display:block;max-width:1120px;margin:auto}
.values--life .values-heading{max-width:680px;margin-bottom:70px}
.values--life .values-heading h2{font-size:clamp(28px,2.6vw,38px);line-height:1.9}
.values--life .value-list{display:block;margin:0;padding:0;border:0}
.values--life .value{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:center;margin:0;padding:0;border:0}
.values--life .value+.value{margin-top:95px;padding:0;border:0}
.life-detail{overflow:hidden;min-width:0;margin:0;background:transparent}
.life-detail img{display:block;width:260%;max-width:none;height:100%;object-fit:cover;object-position:center}
.value-paper .life-detail{grid-column:1/8;aspect-ratio:1.8}
.value-paper .value-copy{grid-column:9/13}
.life-paper img{transform:translateX(0)}
.value-bird .life-detail{grid-column:9/12;grid-row:1;aspect-ratio:.85}
.value-bird .value-copy{grid-column:3/7;grid-row:1}
.life-bird img{transform:translateX(-30%)}
.value-gold .life-detail{grid-column:2/7;aspect-ratio:1.4}
.value-gold .value-copy{grid-column:8/12}
.life-gold img{transform:translateX(-61.53846%)}
.values--life .value h3{font-size:23px;line-height:1.8;letter-spacing:.06em}
.values--life .value p{font-size:14px;line-height:2.3;margin-top:20px;text-wrap:pretty}
@media(max-width:800px){
.values--life{padding-block:65px 80px}
.values--life .values-heading{margin-bottom:44px}
.values--life .values-heading h2{font-size:clamp(23px,6.6vw,28px)}
.values--life .value{display:flex;flex-direction:column;align-items:stretch;gap:25px}
.values--life .value+.value{margin-top:65px}
.value-paper .life-detail{width:100%;aspect-ratio:1.65}
.value-bird .life-detail{width:65%;align-self:flex-end;aspect-ratio:.95}
.value-gold .life-detail{width:85%;aspect-ratio:1.35}
.values--life .value-copy{max-width:100%}
.values--life .value h3{font-size:21px}
.values--life .value p{margin-top:14px}
}
@media(max-width:360px){.values--life .value h3{font-size:20px}.values--life .value p{font-size:14px}}
@media(max-width:800px){.values--life .values-heading h2{font-size:clamp(20px,5.8vw,26px);letter-spacing:.025em}}

/* v32: a quiet sequence of material, pause, and inherited detail. Values only. */
.values--life{padding-block:100px 120px}
.values--life .values-heading{margin-bottom:64px}
.values--life .values-heading h2{font-size:clamp(28px,2.5vw,36px);line-height:1.8;letter-spacing:.04em}
.values--life .value+.value{margin-top:84px}
.values--life .value-copy{padding-block:12px}
.values--life .value h3{font-size:25px;letter-spacing:.055em;line-height:1.75}
.values--life .value p{font-size:14px;line-height:2.25;letter-spacing:.025em;color:#c9bfaf;margin-top:18px;text-wrap:pretty}
.value-paper .life-detail{grid-column:1/8;aspect-ratio:2.1}
.value-paper .value-copy{grid-column:9/13}
.life-paper img{width:310%;transform:translateX(-3%);object-position:center 42%}
.value-bird .life-detail{grid-column:8/13;aspect-ratio:1.45}
.value-bird .value-copy{grid-column:2/6;align-self:center}
.life-bird img{width:300%;transform:translateX(-32%);object-position:center 44%}
.value-gold .life-detail{grid-column:2/8;aspect-ratio:1.8}
.value-gold .value-copy{grid-column:9/13}
.life-gold img{width:340%;transform:translateX(-70.5%);object-position:center 32%}
@media(max-width:800px){
.values--life{padding-block:65px 80px}
.values--life .values-heading{margin-bottom:38px}
.values--life .values-heading h2{font-size:clamp(20px,5.8vw,26px);line-height:1.9;letter-spacing:.025em}
.values--life .value{gap:24px}
.values--life .value+.value{margin-top:56px}
.values--life .value-copy{padding:0;align-self:stretch}
.values--life .value h3{font-size:21px;letter-spacing:.045em}
.values--life .value p{font-size:14px;line-height:2.2;margin-top:12px}
.value-paper .life-detail{width:100%;aspect-ratio:1.7}
.value-bird .life-detail{width:82%;aspect-ratio:1.25;align-self:flex-end}
.value-bird .value-copy{padding-left:10%}
.value-gold .life-detail{width:92%;aspect-ratio:1.6;align-self:flex-start}
.value-gold .value-copy{padding-left:0}
}
@media(max-width:800px){.values--life .desktop-break{display:initial}.values--life .value p{text-wrap:balance}}

/* v33: equal visual height, retaining three distinct crops and the editorial placement. */
.values--life .life-detail{height:clamp(260px,23vw,320px);aspect-ratio:auto}
@media(max-width:800px){.values--life .life-detail{height:clamp(180px,52vw,250px);aspect-ratio:auto}}

/* v34: separate Japanese and English pages, with a compact language switch. */
.header{gap:22px}.header>nav:not(.language-switch){margin-left:auto;gap:26px}
.header .language-switch{gap:8px;flex:none}
.header .language-switch a{font-size:10px;letter-spacing:.03em;opacity:.55}
.header .language-switch a[aria-current]{opacity:.9;text-decoration:underline;text-underline-offset:5px}
.header .language-switch .language-separator{font-size:10px;opacity:.35}
.header nav a .nav-full,.header nav a .nav-short{margin-left:0}.nav-short{display:none}
html[lang="en"]{--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif}
html[lang="en"] .hero--wisdom .hero-copy h1{font-size:clamp(36px,4.5vw,64px);line-height:1.3;letter-spacing:.01em}
html[lang="en"] .wisdom-copy h2{letter-spacing:.015em}
html[lang="en"] .body-copy{line-height:1.95;letter-spacing:0}
html[lang="en"] .values-heading h2{font-size:clamp(28px,2.8vw,40px);line-height:1.5;letter-spacing:0}
html[lang="en"] .values--life .value h3{font-size:25px;line-height:1.4;letter-spacing:0}
html[lang="en"] .values--life .value p{font-size:15px;line-height:1.9;letter-spacing:0}
html[lang="en"] .makers h2{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:0}
html[lang="en"] .makers-lead{line-height:1.75;letter-spacing:0}
html[lang="en"] .contact-link{gap:18px;letter-spacing:.03em}
@media(max-width:1100px){.header{gap:16px}.header>nav:not(.language-switch){gap:18px}.header nav a{letter-spacing:.04em}}
@media(max-width:800px){
.header{gap:12px}.header>nav:not(.language-switch){gap:0}.header .language-switch{gap:8px}.header .language-switch a{font-size:10px}
.nav-full{display:none}.nav-short{display:inline}.header nav a{font-size:10px}
html[lang="en"] .hero--wisdom .hero-copy h1{font-size:clamp(30px,8vw,42px);line-height:1.35;letter-spacing:0}
html[lang="en"] .values--life .values-heading h2{font-size:clamp(24px,6.4vw,30px);line-height:1.5}
html[lang="en"] .values--life .value h3{font-size:22px}
html[lang="en"] .values--life .value p{font-size:14px}
html[lang="en"] .makers h2{font-size:30px}
html[lang="en"] .makers-lead{font-size:20px}
html[lang="en"] .footer-top p{font-size:14px;line-height:1.8}
}

/* v35: natural Japanese consultation paragraphs; preserve wording and English layout. */
html[lang="ja"] .makers .makers-detail{max-width:32em;line-height:2.05;letter-spacing:.025em;text-wrap:balance}
html[lang="ja"] .makers .makers-detail+.makers-detail{margin-top:1.5em}

/* ON. within About headings/navigation: reuse the corporate wordmark font and tracking. */
.on-wordmark{display:inline-block;font-family:ONDisplay,serif;font-weight:400;font-style:normal;font-kerning:auto;letter-spacing:.25em;white-space:nowrap;text-transform:none}.on-wordmark-dot{color:oklch(.68 .15 35)}

/* Official transparent Drive original; crop transparent margins by CSS only. */
.footer-top .logo{display:inline-flex;align-items:center;gap:10px}.footer-top .logo>.logo-mark{position:relative;display:block;width:28px;flex:0 0 28px;aspect-ratio:1574/1434;overflow:hidden;background:transparent}.footer-top .logo>.logo-mark>img{position:absolute;width:222.8717%;max-width:none;height:auto;left:-58.2592%;top:-38.2148%;background:transparent;padding:0;border:0;border-radius:0}

/* Public headline: retain two deliberate Japanese lines on narrow screens. */
@media(max-width:800px){html[lang="ja"] .hero--wisdom .hero-copy h1{font-size:clamp(24px,7.2vw,35px);letter-spacing:.08em}}
@media(max-width:800px){html[lang="en"] .hero--wisdom .hero-copy h1{font-size:clamp(24px,6.9vw,32px)}}