/* Selvins 2in1 Shishinyama — responsive styles */
:root{--cream:#fbf7f0;--paper:#fffdf9;--orange:#e94b16;--orange-dark:#c93b0d;--ink:#171615;--muted:#625d58;--line:#e6dcd0;--max:1240px;--radius:7px;--shadow:0 12px 30px rgba(43,27,15,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.97);border-bottom:1px solid rgba(70,45,25,.07);backdrop-filter:blur(12px)}.header-inner{width:min(var(--max),calc(100% - 48px));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:150px;flex-shrink:0}.brand img{width:100%;height:78px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:34px}.site-nav a,.footer-nav a{font-size:14px;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--orange)}.site-nav a.active:after{content:"";display:block;width:22px;height:2px;background:var(--orange);margin:7px auto -9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 22px;border:1px solid var(--orange);border-radius:5px;background:var(--orange);color:#fff;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:var(--orange-dark);border-color:var(--orange-dark);transform:translateY(-2px)}.button-small{padding:12px 20px}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.eyebrow{margin:0 0 13px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}.hero{display:grid;grid-template-columns:.88fr 1.12fr;min-height:500px;background:var(--paper);overflow:hidden}.hero-copy{align-self:center;padding:56px 48px 56px max(48px,calc((100vw - var(--max))/2))}.hero h1,.page-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.3vw,72px);line-height:.96;letter-spacing:-2.7px;margin:0 0 22px;font-weight:700}.hero-copy>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:16px;margin:0 0 25px}.hero-image{min-height:500px;background:#5a2c15}.hero-image img{width:100%;height:100%;object-fit:cover}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:25px max(24px,calc((100vw - var(--max))/2));background:var(--paper);border-top:1px solid var(--line)}.benefit{display:flex;align-items:center;gap:15px;padding:0 22px;border-right:1px solid var(--line)}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit-icon{font-size:30px;color:var(--orange)}.benefit strong{display:block;font-size:14px}.benefit p{font-size:12px;color:var(--muted);margin:3px 0 0}
.section{padding:78px 0}.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.story-photo,.about-photo,.contact-photo{height:430px;border-radius:var(--radius);overflow:hidden}.story-photo img,.about-photo img,.contact-photo img{width:100%;height:100%;object-fit:cover}.story-copy h2,.about-copy h2,.teaser-inner h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.3vw,56px);line-height:1.04;letter-spacing:-1.7px;margin:0 0 18px}.story-copy p:not(.eyebrow),.about-copy p{color:var(--muted);margin:0 0 15px}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--orange);font-weight:700;font-size:14px;margin-top:6px}.text-link:hover{color:var(--orange-dark)}.menu-teaser{padding:42px 0;background:#f1e5d8}.teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.teaser-inner h2{font-size:38px;margin-bottom:8px}.teaser-inner p:not(.eyebrow){margin:0;color:var(--muted)}
.page-hero{padding:70px 0 55px;background:linear-gradient(110deg,#fffdf9 0%,#f6e9dc 100%)}.page-heading{max-width:900px}.page-heading h1{font-size:clamp(45px,5.5vw,68px);margin-bottom:14px}.page-heading p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.menu-card{background:var(--paper);border:1px solid rgba(70,45,25,.08);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.menu-card>img{width:100%;aspect-ratio:1.35;object-fit:cover;background:#e8d4c1}.menu-card-content{padding:20px;display:flex;flex-direction:column;flex:1}.menu-card h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.1;margin:0 0 8px}.menu-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.order-button{width:100%;margin-top:auto}.menu-note{text-align:center;color:var(--muted);font-size:13px;margin:25px auto 0;max-width:700px}.about-layout{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center}.about-copy h2{margin-bottom:20px}.values-strip{padding:36px 0;background:var(--paper);border-top:1px solid var(--line)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.values-grid>div{border-right:1px solid var(--line);padding-right:24px}.values-grid>div:last-child{border:0}.values-grid span{font-size:12px;letter-spacing:2px;color:var(--orange)}.values-grid h3{margin:7px 0;font-size:17px}.values-grid p{margin:0;color:var(--muted);font-size:14px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.contact-list{display:grid;gap:26px}.contact-item{display:grid;grid-template-columns:40px 1fr;gap:14px}.contact-icon{color:var(--orange);font-size:26px}.contact-item h3{margin:0 0 4px;font-size:16px}.contact-item p{margin:0 0 5px;color:var(--muted);font-size:14px}.contact-photo{height:440px}
.site-footer{background:#1d1c1b;color:#fff;padding:18px 0}.footer-inner{width:min(var(--max),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:130px 1fr 1.35fr;align-items:center;gap:28px}.footer-brand img{width:120px;height:62px;object-fit:contain}.footer-nav{display:flex;gap:22px;justify-content:center}.footer-nav a{color:#eee;font-size:12px}.footer-meta{text-align:right;color:#bdb8b3;font-size:11px}.footer-meta p{margin:3px 0}.footer-meta a{color:#fff}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:50;width:54px;height:54px;display:grid;place-items:center;background:#18b95b;border:3px solid white;border-radius:50%;box-shadow:0 5px 18px #0002}.whatsapp-float svg{width:29px;fill:#fff}:focus-visible{outline:3px solid #f2a17f;outline-offset:3px}
@media(max-width:900px){.header-inner{height:82px}.brand{width:128px}.site-nav{gap:18px}.hero{min-height:420px}.hero-copy{padding:38px 28px}.hero h1{font-size:clamp(42px,5.4vw,58px)}.hero-image{min-height:420px}.benefits{padding:22px}.benefit{padding:0 12px}.story-grid,.about-layout{gap:32px}.menu-grid{gap:14px}.menu-card-content{padding:16px}.menu-card h2{font-size:22px}.footer-inner{grid-template-columns:100px 1fr}.footer-meta{grid-column:1/-1;text-align:center}.footer-nav{justify-content:flex-end}}
@media(max-width:680px){.container,.header-inner,.footer-inner{width:calc(100% - 36px)}.header-inner{height:76px;gap:10px}.brand{width:112px}.brand img{height:64px}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:14px 22px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:12px 4px}.site-nav a.active:after{display:none}.hero{grid-template-columns:1fr}.hero-image{min-height:280px;height:280px;grid-row:1}.hero-copy{padding:36px 24px 40px}.hero h1{font-size:clamp(45px,12vw,62px)}.hero-copy>p:not(.eyebrow){font-size:15px}.benefits{grid-template-columns:1fr;padding:12px 22px}.benefit,.benefit:first-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.section{padding:54px 0}.story-grid,.about-layout,.contact-grid{grid-template-columns:1fr;gap:28px}.story-photo,.about-photo,.contact-photo{height:290px}.story-copy h2,.about-copy h2{font-size:42px}.teaser-inner{align-items:flex-start;flex-direction:column}.teaser-inner h2{font-size:34px}.page-hero{padding:48px 0 40px}.page-heading h1{font-size:clamp(42px,11vw,56px)}.menu-grid{grid-template-columns:1fr;gap:20px}.menu-card>img{aspect-ratio:1.45}.values-grid{grid-template-columns:1fr;gap:18px}.values-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}.values-grid>div:last-child{border:0}.footer-inner{grid-template-columns:1fr;gap:14px;text-align:center}.footer-brand img{margin:auto}.footer-nav{justify-content:center;flex-wrap:wrap;gap:16px}.footer-meta{text-align:center;grid-column:auto}.whatsapp-float{width:50px;height:50px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
