/* V3 preserves the existing warm brown and cream visual system. */
.hero-content{gap:18px;max-width:1000px}

.hero-brand-subtitle{font-family:var(--font-sans);font-size:clamp(.74rem,1.25vw,1rem);font-weight:500;letter-spacing:.18em;line-height:1.5;white-space:nowrap;color:#fff;margin-top:-5px}
.hero-slogan-wrap{margin-top:10px;gap:6px}
.hero-slogan-line{white-space:nowrap;font-size:clamp(1rem,2.1vw,1.65rem);line-height:1.5;letter-spacing:.025em}

html[lang=en] .hero-slogan-line{letter-spacing:.015em}
.navbar-pill{max-width:1440px;gap:22px}
.nav-brand{flex-shrink:0}
.nav-brand-img{height:46px;width:auto;max-width:175px}
.nav-menu{gap:clamp(8px,1vw,16px)}
.nav-link{white-space:nowrap;font-size:.82rem;padding-inline:2px}
html[lang=en] .nav-link{font-size:.76rem}
.nav-actions{flex-shrink:0}
.footer-brand-img{height:72px;max-width:240px;background:#f8f3ec;padding:12px 18px;border-radius:10px;box-sizing:content-box}
.section--video{background:var(--color-bg-base)}
.section--video .lifestyle-video-wrapper{margin:0;padding:0;border:0}
.section--video .video-header{max-width:850px;margin-inline:auto;text-align:center}
.video-volume{width:72px;accent-color:#e5d8ca;cursor:pointer}
.cooperation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:38px}
.cooperation-card{min-width:0;background:var(--color-bg-base,#fff);border:1px solid var(--color-border-subtle);border-radius:16px;overflow:hidden}
.cooperation-photo{position:relative;display:block;width:100%;border:0;padding:0;cursor:zoom-in;background:#eae4dd;overflow:hidden}
.cooperation-photo img{width:100%;height:auto;aspect-ratio:4/3;display:block;transition:transform .35s ease}
.cooperation-photo:hover img{transform:scale(1.025)}
.cooperation-photo-count{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:6px;background:rgba(31,28,23,.8);color:#fff;font-size:.7rem;letter-spacing:.02em}
.cooperation-copy{padding:24px}
.cooperation-index{font-size:.72rem;color:var(--color-primary-warm);letter-spacing:.12em;display:block;margin-bottom:10px}
.cooperation-copy h3{font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:500;line-height:1.35;margin-bottom:10px;overflow-wrap:anywhere}
.cooperation-copy p{font-size:.9rem;line-height:1.7;color:var(--color-text-body)}
.cooperation-more{margin-top:40px}
.cooperation-more summary{cursor:pointer;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding:22px 4px;color:var(--color-text-main);font-size:1rem;list-style-position:inside}
.cooperation-dialog{position:fixed;inset:0;margin:auto;width:min(1040px,94vw);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:48px 24px 20px;background:#f8f3ec;border:0;border-radius:16px;color:#332b26;overflow:auto}
.cooperation-dialog::backdrop{background:rgba(20,16,13,.85)}
.cooperation-dialog figure{margin:0;text-align:center}
.cooperation-dialog figure img{display:block;max-width:100%;width:auto;height:auto;max-height:68dvh;object-fit:contain;margin:auto}
.cooperation-dialog figcaption{margin-top:14px;font-size:.9rem}
.cooperation-close{position:absolute;top:4px;right:10px;border:0;background:none;font-size:32px;min-width:44px;min-height:44px;cursor:pointer}
.cooperation-gallery-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px}
.cooperation-gallery-controls button{min-height:44px;padding:8px 16px;border:1px solid #d6c9bc;border-radius:30px;background:transparent;color:inherit;cursor:pointer}
.cooperation-photo:focus-visible,.cooperation-more summary:focus-visible,.cooperation-dialog button:focus-visible{outline:3px solid #98735b;outline-offset:3px}
@media(max-width:1279.98px){.nav-menu{display:none!important}.site-header .nav-actions .btn--primary{display:none!important}.mobile-toggle-btn{display:inline-flex!important}.navbar-pill{max-width:1100px}}
@media(max-width:991.98px){.cooperation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599.98px){.cooperation-grid{grid-template-columns:minmax(0,1fr);gap:24px}.cooperation-copy{padding:22px}.nav-brand-img{height:35px;max-width:142px}.hero-content{gap:14px}.hero-brand-subtitle{font-size:.72rem;letter-spacing:.12em}.hero-slogan-line{font-size:clamp(.95rem,4vw,1.2rem)}.hero-slogan-wrap{margin-top:6px}.video-volume{width:45px}.cooperation-dialog{padding-inline:12px}.cooperation-gallery-controls{gap:12px}}
@media(prefers-reduced-motion:reduce){.cooperation-photo img{transition:none}}

.cooperation-photo-count{display:inline-flex;align-items:center;gap:6px}
@media(max-width:599.98px){.hero-brand-subtitle{font-size:.75rem}}

/* Client chat reference: slogans sit side by side in one small line. */
.hero-slogan-wrap{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:24px;max-width:100%;margin-top:2px}
.hero-slogan-line{font-size:clamp(12px,1.15vw,17px);line-height:1.6;letter-spacing:.015em;flex:0 0 auto}

@media(max-width:599.98px){.hero-slogan-wrap{gap:12px;margin-top:2px}.hero-slogan-line{font-size:12px;letter-spacing:0}html[lang=en] .hero-slogan-line{letter-spacing:0}}

/* Exact bilingual brand lockup, with room for both scripts. */

@media(max-width:599.98px){}

/* Identical bilingual brand lockup in both UI language modes. */
.hero-brand-name{margin:0;font-family:var(--font-serif);font-size:clamp(24px,5vw,76px);font-weight:400;line-height:1.16;letter-spacing:-.015em;white-space:pre;text-wrap:nowrap;max-width:100%}
@media(max-width:599.98px){.hero-brand-name{font-size:clamp(24px,6.9vw,36px);line-height:1.25}}