@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14201d;--muted:#6d7872;--line:#e3e7e2;--off:#f4f5f0;--green:#243b35;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.7 var(--sans)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 88px));margin:auto}.eyebrow{letter-spacing:.22em;font-size:10px;font-weight:700;color:#8a988f;margin:0 0 19px}.eyebrow.light{color:#d8e4df}.site-header{height:92px;background:rgba(255,255,255,.95);position:sticky;top:0;z-index:30;transition:box-shadow .3s,background .3s}.site-header.scrolled{box-shadow:0 6px 35px #131d1710}.topbar{height:100%;display:flex;align-items:center;gap:48px}.brand-logo{flex-shrink:0;display:flex;align-items:center}.brand-canvas{display:flex;width:var(--logo-w);height:60px;align-items:center;justify-content:center;overflow:hidden}.brand-canvas img{height:100%;width:100%;object-fit:contain}.brand-canvas strong{font:800 34px var(--display);letter-spacing:.1em}.desktop-nav{display:flex;align-items:center;gap:42px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:600;transition:color .2s}.desktop-nav a:hover{color:#708e7a}.header-right{display:flex;align-items:center;gap:18px}.header-search{width:226px;border-bottom:1px solid #cbd4cc;display:flex;align-items:center}.header-search input{border:0;background:none;outline:0;width:100%;min-width:0;font-size:12px;padding:10px 5px}.header-search button{border:0;background:none;padding:6px}.header-search svg{height:16px;width:16px;stroke:var(--ink);stroke-width:1.7;fill:none}.menu-toggle{display:none;border:0;background:none;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{width:22px;height:2px;background:var(--ink)}.mobile-menu{display:none}.hero{height:min(750px,78vw);min-height:610px;background:linear-gradient(115deg,#142620 2%,#344c40 52%,#84938a 100%);position:relative;overflow:hidden;color:#fff}.hero-sheen{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0d1d19ad 0%,#19312740 60%,#10221a10 100%);pointer-events:none}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s}.hero-slide.is-active{opacity:1;visibility:visible}.hero-photo{position:absolute;inset:0;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.mobile-photo{display:none}.hero-content{position:relative;z-index:3;padding-top:145px;max-width:1240px}.hero-content h1{font:500 clamp(45px,5vw,82px)/1.13 var(--display);max-width:740px;letter-spacing:-.055em;margin:0 0 26px}.hero-content>p:not(.eyebrow){font-size:15px;color:#e3eae6;max-width:450px;line-height:1.9;margin:0 0 38px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:53px;padding:14px 24px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.025em;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-light{background:white;color:#18251e}.btn-dark{background:#192c25;color:white;border-color:#192c25}.btn-outline{background:transparent;color:var(--ink);border-color:#a5b0a8}.hero-foot{position:absolute;bottom:36px;left:0;right:0;z-index:4;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#e5ece7}.hero-controls{display:flex;gap:20px;align-items:center}.hero-controls button{font-size:18px;border:1px solid #ffffff60;border-radius:50%;width:34px;height:34px;background:none;color:#fff}.hero-decoration{position:absolute;inset:0;pointer-events:none}.arch-one,.arch-two{position:absolute;background:#c6c8ba24;border:1px solid #ffffff15;border-radius:280px 280px 0 0}.arch-one{width:470px;height:740px;right:9%;bottom:-130px}.arch-two{width:310px;height:470px;right:-5%;bottom:-60px}.ceramic-bowl{position:absolute;right:16%;bottom:7%;width:250px;height:90px;border-radius:0 0 140px 140px;background:linear-gradient(#e0e4db,#8dafa0);box-shadow:0 18px 50px #0e1e19aa}.section{padding:112px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:42px}.section h2,.story-copy h2,.contact-band h2{font:500 clamp(32px,3.35vw,48px)/1.2 var(--display);letter-spacing:-.045em;margin:0}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #83988c;padding-bottom:8px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-card{min-width:0}.category-photo{height:350px;overflow:hidden;background:#e9ede7}.category-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-card:hover img{transform:scale(1.05)}.category-title{display:flex;justify-content:space-between;align-items:center;padding:22px 1px;border-bottom:1px solid var(--line)}.category-title h3{font:600 18px var(--display);margin:0}.category-title span{font-size:20px}.section-muted{background:var(--off)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 19px}.product-card{display:block;min-width:0}.product-img{aspect-ratio:4/4.6;overflow:hidden;background:#e7ece6}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-img img{transform:scale(1.035)!important}.product-meta{padding:16px 3px}.product-meta>span:first-child{font-size:10px;color:#718077;letter-spacing:.12em;font-weight:700}.product-meta h3{font:600 16px/1.45 var(--display);margin:8px 0}.view-link{font-size:11px;border-bottom:1px solid #a5b5aa;padding-bottom:3px;color:#456050}.empty-state{text-align:center;padding:100px 30px;background:#fff;border:1px solid var(--line)}.empty-state p{font:500 27px var(--display);margin:0}.empty-state span{font-size:13px;color:var(--muted)}.story-section{display:grid;grid-template-columns:1fr 1fr;min-height:580px}.story-visual{background:#ccd4ca;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-arch{height:450px;width:330px;border-radius:190px 190px 0 0;background:linear-gradient(120deg,#eff0e6,#9daea4);position:relative;box-shadow:25px 20px 70px #81948760}.story-basin{position:absolute;top:54%;left:15%;width:70%;height:100px;border-radius:0 0 100px 100px;background:linear-gradient(#fff,#ccd7d1);box-shadow:0 28px 15px #485b5155}.story-copy{padding:110px min(13%,115px);display:flex;flex-direction:column;align-items:start;justify-content:center}.story-copy>p:not(.eyebrow){max-width:450px;color:var(--muted);line-height:1.9;margin:28px 0}.contact-band{padding:110px 0;display:flex;justify-content:space-between;align-items:center;gap:32px}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding-top:86px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:55px}.footer-column h3{font:600 18px var(--display);margin:0 0 25px}.footer-column p,.footer-column li,.footer-social a{font-size:13px;color:inherit;opacity:.73;line-height:2}.footer-column ul{padding:0;list-style:none;margin:0}.footer-column a:hover{opacity:1}.footer-image{max-width:190px;max-height:145px;object-fit:contain}.footer-social{display:flex;flex-direction:column}.footer-button{display:inline-block;padding:10px 17px;border:1px solid currentColor}.footer-bottom{border-top:1px solid #ffffff29;margin-top:80px;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;opacity:.65}.whatsapp-float{position:fixed;right:24px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#2c9b62;display:flex;justify-content:center;align-items:center;color:white;font-weight:800;z-index:40;box-shadow:0 8px 25px #0003}.page-hero{padding:105px 0 82px;border-bottom:1px solid var(--line)}.page-hero h1{font:500 clamp(44px,6vw,78px)/1.12 var(--display);letter-spacing:-.06em;max-width:950px;margin:0 0 20px}.page-hero>p:last-child{color:var(--muted)}.catalog-section{padding:45px 0 120px}.catalog-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.category-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid #cfd7d0;padding:9px 15px;font-size:12px}.chip.selected,.chip:hover{background:#1d342a;color:white}.catalog-search{display:flex;border-bottom:1px solid #abb8ae}.catalog-search input{border:0;outline:0;padding:12px;min-width:230px}.catalog-search button{border:0;background:transparent;font-size:20px}.results-count{font-size:11px;color:var(--muted);margin:28px 0}.product-breadcrumb{padding:42px 0;font-size:12px;color:var(--muted)}.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;padding-bottom:115px}.detail-main{background:#eef0ed;aspect-ratio:1/1.1;overflow:hidden}.detail-main img{width:100%;height:100%;object-fit:cover}.detail-thumbs{display:flex;gap:10px;margin-top:13px}.thumb-btn{width:80px;height:80px;padding:0;border:1px solid #e4e4e4;background:none}.thumb-btn img{width:100%;height:100%;object-fit:cover}.detail-copy{padding-top:30px}.detail-copy h1{font:500 clamp(32px,4vw,54px)/1.2 var(--display);letter-spacing:-.05em;margin:0 0 15px}.model{font-weight:700;letter-spacing:.16em;font-size:12px;color:#66786c}.detail-description,.spec-detail{color:var(--muted);margin:35px 0}.specs{margin:40px 0;border-top:1px solid var(--line)}.specs>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.specs span{color:var(--muted)}.specs strong{font-weight:600}.about-layout{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-art{aspect-ratio:1/1.05;background:linear-gradient(130deg,#d2ddd3,#879e93);display:flex;align-items:center;justify-content:center}.about-art-inner{font:700 clamp(100px,19vw,240px) var(--display);letter-spacing:-.1em;color:#ecf1e9}.about-layout h2,.contact-info h2{font:500 39px var(--display);letter-spacing:-.05em}.about-layout p,.contact-info>p{color:var(--muted);line-height:2}.contact-layout{padding:90px 0 130px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-item{margin-top:25px}.contact-item small{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.contact-item p{margin:5px 0}.contact-form-wrap{background:var(--off);padding:45px}.contact-form-wrap h3{font:500 25px var(--display);margin-top:0}.form-grid{display:flex;flex-direction:column;gap:17px}.form-grid label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px}.form-grid input,.form-grid textarea{border:1px solid #d6dfd7;padding:13px;background:#fff;outline:0;border-radius:0;width:100%}.form-grid input:focus,.form-grid textarea:focus{border-color:#769d87}.honeypot{position:absolute!important;left:-9999px!important}.notice{background:#e6f7eb;color:#225837;padding:14px;margin:17px 0;font-size:13px}.error{background:#ffe6e3;color:#8b2828;padding:14px;margin:17px 0}.install-shell,.login-page{background:#e9efea;min-height:100vh;display:grid;place-items:center;padding:30px}.install-card,.login-card{background:white;padding:50px;width:min(510px,100%);box-shadow:0 25px 90px #18261c12}.install-card h1,.login-card h1{font:600 36px var(--display);letter-spacing:-.05em}.install-card>p,.login-card>p{color:var(--muted)}.login-brand{font:800 30px var(--display);letter-spacing:.1em}.login-brand span{color:#82a48f}.small-note{font-size:12px;color:var(--muted);margin-top:22px;display:block}
@media(max-width:1050px){.topbar{gap:23px}.header-search{width:170px}.desktop-nav{gap:23px}.hero-content{padding-top:120px}.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.container{width:calc(100% - 36px)}.site-header{height:73px}.brand-canvas{width:var(--mobile-logo-w);height:52px}.brand-canvas strong{font-size:26px}.desktop-nav,.header-search{display:none}.header-right{margin-left:auto}.menu-toggle{display:flex}.mobile-menu{display:none;position:absolute;background:white;width:100%;padding:25px 18px;box-shadow:0 18px 30px #1220181a;flex-direction:column;gap:16px}.mobile-menu.open{display:flex}.mobile-menu>a{font-weight:600;font-size:16px}.mobile-menu form{display:flex}.mobile-menu input{flex:1;min-width:0;padding:11px;border:1px solid var(--line)}.mobile-menu button{padding:11px;border:0;background:var(--green);color:white}.hero{height:650px;min-height:0}.hero-content{padding-top:138px}.hero-content h1{font-size:clamp(40px,9vw,65px);max-width:520px}.hero-photo.desktop-photo:has(+.mobile-photo){display:none}.hero-photo.mobile-photo{display:block}.hero-foot{bottom:24px}.hero-decoration{opacity:.45}.arch-one{right:-30%}.section{padding:75px 0}.section h2{font-size:34px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-photo{height:245px}.category-title h3{font-size:15px}.products-grid{grid-template-columns:repeat(2,1fr);gap:19px 12px}.story-section{grid-template-columns:1fr}.story-visual{height:340px}.story-arch{height:320px;width:240px}.story-copy{padding:70px 25px}.contact-band{padding:80px 0;align-items:start;flex-direction:column}.footer-grid{grid-template-columns:repeat(2,1fr);gap:34px 19px}.site-footer{padding-top:60px}.footer-bottom{margin-top:50px}.page-hero{padding:75px 0 50px}.catalog-head{flex-direction:column;align-items:stretch}.catalog-search input{flex:1}.product-detail,.about-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.product-detail{padding-bottom:60px}.about-layout,.contact-layout{padding:65px 0}.contact-form-wrap{padding:28px}.contact-info h2{font-size:32px}}@media(max-width:430px){.category-grid{grid-template-columns:1fr 1fr}.category-photo{height:190px}.section-top{align-items:start;flex-direction:column;gap:14px}.hero-content h1{font-size:42px}.hero-content>p:not(.eyebrow){font-size:13px}.footer-grid{gap:30px 12px}.footer-column h3{font-size:15px}.footer-column p,.footer-column li{font-size:12px}.footer-bottom{flex-direction:column}.product-meta h3{font-size:14px}.contact-form-wrap{padding:20px}}


/* YOKO fullscreen hero + transparent overlay navigation (v1.8).
   Scope: homepage only. Interior pages retain their original white header. */
.site-header.home-overlay {
  position: fixed;
  inset: 0 0 auto 0;
  width: 100%;
  background: transparent;
  color: #fff;
  box-shadow: none;
  z-index: 80;
  transition: background .32s ease, box-shadow .32s ease, color .32s ease, backdrop-filter .32s ease;
}
.site-header.home-overlay:not(.scrolled)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(6,16,14,.43), rgba(6,16,14,0));
  pointer-events: none;
}
.site-header.home-overlay:not(.scrolled) .brand-canvas img {
  filter: brightness(0) invert(1);
  transition: filter .32s ease;
}
.site-header.home-overlay:not(.scrolled) .desktop-nav a,
.site-header.home-overlay:not(.scrolled) .header-search input,
.site-header.home-overlay:not(.scrolled) .header-search input::placeholder { color: #fff; }
.site-header.home-overlay:not(.scrolled) .desktop-nav a:hover { color: #e4ebe6; }
.site-header.home-overlay:not(.scrolled) .header-search { border-bottom-color: rgba(255,255,255,.68); }
.site-header.home-overlay:not(.scrolled) .header-search svg { stroke: #fff; }
.site-header.home-overlay:not(.scrolled) .menu-toggle span { background: #fff; }
.site-header.home-overlay.scrolled {
  background: rgba(255,255,255,.97);
  color: var(--ink);
  box-shadow: 0 9px 30px rgba(18,33,26,.1);
  backdrop-filter: blur(14px);
}
.site-header.home-overlay.scrolled .brand-canvas img { filter: none; }
.site-header.home-overlay.scrolled .header-search input { color: var(--ink); }
.site-header.home-overlay.scrolled .header-search input::placeholder { color: var(--muted); }
.site-header.home-overlay.scrolled .header-search svg { stroke: var(--ink); }
.site-header.home-overlay.scrolled .menu-toggle span { background: var(--ink); }
/* Full first-screen hero: no independent white band above or below the image. */
.hero {
  height: 100vh;
  height: 100svh;
  min-height: 560px;
  width: 100%;
}
.hero .hero-photo img { width:100%; height:100%; object-fit:cover; }
.hero .hero-content { padding-top: clamp(170px, 26vh, 310px); }
.hero .hero-sheen {
  background: linear-gradient(90deg, rgba(10,24,20,.64) 0%, rgba(10,24,20,.28) 47%, rgba(10,24,20,.05) 100%);
}
@media(max-width:760px) {
  .site-header.home-overlay { height:73px; }
  .site-header.home-overlay .mobile-menu { top:100%; color:var(--ink); }
  .hero { height:100vh; height:100svh; min-height:550px; }
  .hero .hero-content { padding-top: clamp(152px, 23svh, 240px); }
  .hero .hero-sheen { background:linear-gradient(180deg, rgba(7,21,17,.36),rgba(7,21,17,.45) 60%,rgba(7,21,17,.18)); }
}
@media (prefers-reduced-motion:reduce) {
  .site-header.home-overlay { transition:none; }
}

/* v2.0 About dropdown and mobile accordion */
.desktop-nav .nav-about{position:relative;display:flex;align-items:center;height:92px}
.desktop-nav .nav-about-link{display:flex;align-items:center;gap:7px}
.nav-chevron{font-size:15px;line-height:1;transition:transform .2s}
.about-dropdown{position:absolute;top:calc(100% - 3px);left:50%;transform:translate(-50%,8px);width:192px;background:#232526;color:#fff;box-shadow:0 15px 40px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:100}
.about-dropdown a{display:block;text-align:center;font-size:12px;color:white!important;padding:13px 10px;border-bottom:1px solid #ffffff15;line-height:1.3}
.about-dropdown a:hover,.about-dropdown a:focus-visible{background:#334d43;color:#fff!important}
.nav-about:hover .about-dropdown,.nav-about:focus-within .about-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-about:hover .nav-chevron,.nav-about:focus-within .nav-chevron{transform:rotate(180deg)}
.mobile-about-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mobile-about-head>a{font-weight:600;font-size:16px;flex:1}
.mobile-about-head button{min-width:38px;min-height:38px;border:1px solid #d7ddd8;background:transparent;font-size:20px;color:#1b2922}
.mobile-about-items:not([hidden]){display:flex;flex-direction:column;margin:8px 0 5px 12px;border-left:2px solid #dce5dd}
.mobile-about-items a{padding:9px 16px;font-size:14px;color:#33463a}
.mobile-about-items a:focus-visible,.mobile-about-items a:hover{background:#eff4ef}
.about-content-page{padding:65px 0 110px;min-height:42vh}
.about-section-content{font-size:16px;line-height:2;max-width:810px;white-space:normal;margin-bottom:35px}
.about-section-content p{margin:0 0 25px}.about-empty{color:#69776e}
@media(max-width:760px){.desktop-nav .nav-about{display:none}.mobile-menu .mobile-about{display:block}}

/* v2.2 dropdown display guard: prevents inline links under desktop nav */
@media (min-width:761px) {
  .desktop-nav > .nav-about { position:relative; display:flex; align-items:center; height:100%; flex:0 0 auto; }
  .desktop-nav > .nav-about > .about-dropdown {
    display:flex; flex-direction:column; position:absolute; top:100%; left:50%;
    width:210px; height:auto; min-width:210px; margin:0; padding:5px 0;
    transform:translate(-50%,8px); background:#242424; color:#fff;
    opacity:0; visibility:hidden; pointer-events:none; z-index:999;
    box-shadow:0 15px 32px rgba(0,0,0,.24);
  }
  .desktop-nav > .nav-about > .about-dropdown > a {
    display:block; width:100%; text-align:center; white-space:normal;
    font-size:12px; line-height:1.45; color:#fff !important; padding:13px 12px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .desktop-nav > .nav-about > .about-dropdown > a:hover { background:#3b3b3b; }
  .desktop-nav > .nav-about:hover > .about-dropdown,
  .desktop-nav > .nav-about:focus-within > .about-dropdown {
    opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0);
  }
}

/* YOKO 2.3 | Right-side floating quick contact buttons */
.floating-contact{position:fixed;right:24px;top:auto;bottom:80px;transform:none;z-index:95;display:flex;flex-direction:column;gap:12px;align-items:center}
.floating-contact__link{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--float-color,#003f79);color:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation}
.floating-contact__link:hover,.floating-contact__link:focus-visible{transform:translateX(-4px) scale(1.07);box-shadow:0 8px 24px rgba(0,0,0,.29);outline:2px solid #fff;outline-offset:2px}
.floating-contact__link svg{width:26px;height:26px;display:block;flex:none}
@media(max-width:760px){.floating-contact{right:12px;top:auto;bottom:calc(80px + env(safe-area-inset-bottom));transform:none;gap:10px}.floating-contact__link{width:45px;height:45px}.floating-contact__link svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.floating-contact__link{transition:none}}


/* YOKO v2.6 — three immersive collection tiles immediately below homepage hero */
.yoko-feature-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px max(20px,calc((100vw - 1660px)/2));background:#faf7f2}
.yoko-feature-tile{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:420px;aspect-ratio:1.02/0.92;overflow:hidden;text-decoration:none;color:#fff;background:#555a56;isolation:isolate}
.yoko-feature-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.yoko-feature-tile:hover img{transform:scale(1.045)}
.yoko-feature-shade{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.39)}
.yoko-feature-copy{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:24px;gap:11px}
.yoko-feature-copy strong{font-family:var(--display,Arial,sans-serif);font-size:clamp(28px,3.2vw,58px);font-weight:300;line-height:1.2;letter-spacing:.065em}
.yoko-feature-copy small{font-size:15px;font-weight:400;letter-spacing:.24em}
.yoko-feature-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#9e9588,#4e5552 47%,#272a28)}
.yoko-feature-tile-2 .yoko-feature-placeholder{background:linear-gradient(140deg,#6f7775,#303c40 68%,#848787)}
.yoko-feature-tile-3 .yoko-feature-placeholder{background:linear-gradient(135deg,#343a39,#191919 55%,#74716b)}
.yoko-feature-tile:focus-visible{outline:3px solid #1c7c76;outline-offset:3px}
@media(max-width:960px){.yoko-feature-tiles{gap:12px;padding:12px}.yoko-feature-tile{min-height:300px}.yoko-feature-copy strong{font-size:clamp(23px,3.8vw,38px)}}
@media(max-width:640px){.yoko-feature-tiles{grid-template-columns:1fr;gap:12px;padding:12px}.yoko-feature-tile{min-height:320px;aspect-ratio:4/3}.yoko-feature-copy strong{font-size:clamp(32px,8vw,48px)}}

/* YOKO recovery: refined brand / social icons without replacing existing styles */
.yoko-classic-footer .footer-grid{gap:clamp(22px,3vw,48px)}
.yoko-classic-footer .footer-column h3{letter-spacing:.14em}
.yoko-classic-footer .footer-social-icons{display:flex;gap:11px;flex-wrap:wrap;margin-top:19px}
.yoko-classic-footer .footer-social-icons a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(215,181,123,.5);border-radius:50%;color:#d7b57b;transition:transform .2s ease,background .2s ease}
.yoko-classic-footer .footer-social-icons a:hover{transform:translateY(-2px);background:rgba(215,181,123,.12)}
.yoko-classic-footer .footer-social-icons svg{display:block;width:19px;height:19px}
.yoko-classic-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.15)}