/*
Theme Name: KORVVA Showcase
Description: KORVVA 官網測試版；原生 WordPress 區塊編輯。
Version: 1.0.0
Text Domain: korvva-showcase
*/
:root{--red:#cc454b;--ink:#414141;--paper:#f5f5f3;--line:#ddd;--max:1100px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Hiragino Kaku Gothic ProN","Microsoft JhengHei",sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 1.3em}h1,h2,h3{line-height:1.45;letter-spacing:.025em}h1{font-size:clamp(30px,4vw,52px)}h2{font-size:clamp(26px,3vw,38px)}h3{font-size:24px}.site-header{background:#f1f1ef;border-bottom:1px solid #ddd;position:relative;z-index:5}.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 32px}.site-logo img{width:175px;height:auto}.main-menu{display:flex;align-items:center;gap:32px;list-style:none;padding:0;margin:0;font-weight:600;font-size:15px}.main-menu a{display:block;padding:8px 0;border-top:1px solid #b9b9b9}.language-switch{white-space:nowrap;font-size:13px;letter-spacing:.08em;border:1px solid #bbb;padding:7px 12px}.menu-toggle{display:none}.site-main{min-height:60vh}.brand-hero{padding:40px max(24px,calc((100vw - 1040px)/2)) 38px;background:#f2f3f1}.hero-images{height:360px;position:relative;margin-bottom:40px}.hero-images figure{position:absolute;overflow:hidden;box-shadow:12px 12px 0 #a9d5d5;border-radius:43% 57% 42% 58% / 48% 35% 65% 52%;width:28%}.hero-images img{width:100%;height:100%;object-fit:cover}.hero-chip{height:245px;left:2%;top:80px;transform:rotate(-5deg)}.hero-bottle{height:340px;left:33%;top:0;width:38%!important}.hero-cosmetic{height:225px;right:0;top:15px;transform:rotate(5deg)}.hero-heading{display:flex;align-items:center;gap:35px}.hero-logo{width:65%;flex-shrink:0}.hero-heading h1{color:var(--red);font-size:clamp(23px,2.7vw,35px);white-space:pre-line;margin:0}.brand-hero>p{font-size:14px;text-align:center;color:#666;margin:28px 0 0}.brand-intro{max-width:970px;margin:auto;padding:85px 32px;font-size:19px;text-align:center;line-height:2.1}.services-section{padding:58px 32px 90px;background:#f5f5f3}.services-section>h2{text-align:center;margin:0 0 45px;font-weight:500}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:var(--max);margin:auto}.service-card figure{aspect-ratio:1;overflow:hidden;border-radius:48% 52% 42% 58%;background:#c1dfe0}.service-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.service-card:hover img{transform:scale(1.04)}.service-card p{font-size:17px;font-weight:600;text-align:center;margin:25px 0 0}.brand-values{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.brand-values>figure img{width:100%;height:100%;object-fit:cover;min-height:370px}.value-copy{padding:70px 12%;align-self:center}.value-copy h2{color:var(--red)}.contact-section{padding:65px max(28px,calc((100vw - 1040px)/2));background:#f1f2f0}.contact-section h2{margin-top:0}.contact-section p{margin-bottom:12px}.site-footer{background:#424444;color:#eee}.footer-inner{max-width:var(--max);padding:30px 28px;margin:auto;display:flex;justify-content:space-between;gap:25px;font-size:13px}.footer-inner nav{display:flex;gap:25px}.scf-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--paper)}.scf-hero>figure img{width:100%;height:100%;object-fit:cover}.scf-copy{padding:60px 10%}.scf-copy h1{color:var(--red);font-size:36px}.prose-section{max-width:1000px;padding:65px 32px;margin:auto;font-size:17px}.prose-section h1{color:var(--red);margin-top:0}.prose-section h2{margin:55px 0 24px}.koba-content>.wp-block-image{max-width:850px;margin:35px auto}.koba-content>.wp-block-image img{max-height:650px;margin:auto;object-fit:contain}.koba-content>p{max-width:850px;margin-left:auto;margin-right:auto}.terms-content{font-size:16px}.archive-head{max-width:var(--max);margin:55px auto 35px;padding:0 28px}.archive-head h1{color:var(--red)}.post-grid{max-width:var(--max);margin:0 auto 90px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.post-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.post-card h2{font-size:21px;margin:18px 0 6px}.post-date{font-size:13px;color:#858585}.single-content{max-width:940px;padding:50px 30px 80px;margin:auto}.single-content h1{font-size:36px;color:var(--red)}.single-content .wp-block-image{margin:32px 0}.single-content .wp-block-image img{width:100%;height:auto}.back-link{display:inline-block;border-bottom:1px solid #bbb;padding-bottom:4px;font-size:14px}.share-links{border-top:1px solid #ddd;padding-top:25px;display:flex;gap:22px;margin-top:50px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:10px;background:#fff;z-index:100;padding:10px}.error-page{text-align:center;padding:100px 30px}.entry-content:after{content:"";display:block;clear:both}
@media(max-width:800px){.header-inner{padding:20px;flex-wrap:wrap;gap:15px}.site-logo img{width:145px}.menu-toggle{display:block;background:none;border:1px solid #aaa;padding:8px 12px;color:var(--ink);font:inherit}.header-nav{display:none;flex-basis:100%}.header-nav.is-open{display:block}.main-menu{flex-direction:column;align-items:stretch;gap:8px}.language-switch{margin-left:auto}.hero-images{height:260px;margin-bottom:30px}.hero-chip{height:170px;top:60px}.hero-bottle{height:245px}.hero-cosmetic{height:150px}.hero-heading{gap:20px}.hero-logo{width:57%}.hero-heading h1{font-size:21px}.brand-intro{padding:50px 26px;font-size:17px}.service-grid{grid-template-columns:repeat(2,1fr);gap:35px 24px}.brand-values,.scf-hero{grid-template-columns:1fr}.value-copy{padding:35px 28px}.brand-values>figure img{min-height:0;max-height:400px}.scf-hero>figure{order:-1;max-height:320px;overflow:hidden}.scf-copy{padding:35px 28px}.prose-section{padding:40px 24px}.post-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-wrap:wrap}.single-content h1{font-size:29px}}
@media(max-width:460px){.hero-images{height:195px}.hero-chip{height:130px;top:45px}.hero-bottle{height:180px}.hero-cosmetic{height:115px}.hero-heading{display:block}.hero-logo{width:90%;margin:0 auto 24px}.hero-heading h1{text-align:center;white-space:normal;font-size:24px}.brand-hero>p{font-size:12px}.post-grid{grid-template-columns:1fr}.service-card p{font-size:14px}.site-logo img{width:125px}.language-switch{font-size:11px;padding:6px}.menu-toggle{font-size:13px}.contact-section{overflow-wrap:anywhere}.footer-inner nav{flex-wrap:wrap}}

/* Original Wix homepage proportions, restored October 2026. */
body.home,body.korvva-ja-home{background:#f4f0ed;color:#111}
.home .header-inner,.korvva-ja-home .header-inner{max-width:1100px;height:69px;padding:5px 12px;gap:24px}
.home .site-logo img,.korvva-ja-home .site-logo img{width:42px;height:58px;object-fit:contain}
.home .header-nav,.korvva-ja-home .header-nav{margin-left:auto}
.home .main-menu,.korvva-ja-home .main-menu{gap:10px;font-size:14px}
.home .main-menu a,.korvva-ja-home .main-menu a{padding:16px 8px 4px;border-color:#333}
.brand-hero{height:965px;padding:0;position:relative;background-blend-mode:screen;background-color:rgba(255,255,255,.65)}
.hero-images{width:980px;height:503px;margin:0 auto;position:relative}
.hero-images figure{box-shadow:none;border-radius:0;overflow:visible;transform:none}
.hero-images figure:before,.service-card figure:before{content:"";position:absolute;inset:8px 5px -18px -20px;background:#90cdd0;mask:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='23.999 20.502 152 158.998' viewBox='23.999 20.502 152 158.998' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M33.758 60.174c-17.32 24.757-8.751 62.067 3.819 86.859 7.773 15.332 21.838 35.886 46.141 31.984 5.526-.887 10.586-3.167 16.054-4.271 16.952-3.424 36.019 4.667 51.766-1.53 6.229-2.451 11.013-6.889 14.686-11.707 11.588-15.202 12.988-35.352 3.585-51.58-6.596-11.383-18.021-20.815-22.417-32.896-4.313-11.851-1.286-24.74-4.481-36.828-3.886-14.703-20.471-25.243-37.541-16.56-6.449 3.28-11.975 7.686-19.005 10.185-7.319 2.602-15.435 3.282-22.862 5.674-13.94 4.488-23.516 11.767-29.745 20.67z'/%3E%3C/g%3E%3C/svg%3E%0A");mask-size:100% 100%}
.hero-images img,.service-card figure img{position:relative;mask:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='23.999 20.502 152 158.998' viewBox='23.999 20.502 152 158.998' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M33.758 60.174c-17.32 24.757-8.751 62.067 3.819 86.859 7.773 15.332 21.838 35.886 46.141 31.984 5.526-.887 10.586-3.167 16.054-4.271 16.952-3.424 36.019 4.667 51.766-1.53 6.229-2.451 11.013-6.889 14.686-11.707 11.588-15.202 12.988-35.352 3.585-51.58-6.596-11.383-18.021-20.815-22.417-32.896-4.313-11.851-1.286-24.74-4.481-36.828-3.886-14.703-20.471-25.243-37.541-16.56-6.449 3.28-11.975 7.686-19.005 10.185-7.319 2.602-15.435 3.282-22.862 5.674-13.94 4.488-23.516 11.767-29.745 20.67z'/%3E%3C/g%3E%3C/svg%3E%0A");mask-size:100% 100%}
.hero-chip{width:328px!important;height:339px;left:22px;top:129px}
.hero-bottle{width:412px!important;height:431px;left:380px;top:71px}
.hero-cosmetic{width:264px!important;height:276px;left:707px;right:auto;top:26px}
.hero-heading{width:850px;margin:auto;gap:6px;align-items:center}
.hero-logo{width:645px;flex-shrink:0}
.hero-heading h1{font-size:30px;line-height:1.55;color:#cc454b;letter-spacing:0}
.brand-hero>p{font-size:25px;color:#c7c7c7;margin:0;text-align:center;line-height:1.5}
.brand-intro{max-width:none;margin:0;min-height:580px;padding:95px max(24px,calc((100vw - 800px)/2));display:grid;grid-template-columns:300px 380px;gap:100px;text-align:left;font-size:20px;line-height:2;letter-spacing:2px;background:#f4f0ed}
.brand-intro:before{content:"";display:block;background:url('/wp-content/uploads/korvva/6fe97dd33ed3bae9.avif') center 65px/131px auto no-repeat}
.services-section{padding:50px 40px 0;background:#f4f0ed}
.services-section>h2{font-size:100px;font-weight:700;line-height:1.4;margin:0 0 50px;color:#000;letter-spacing:-3px}
.service-grid{max-width:none;min-height:438px;padding:70px max(25px,calc((100vw - 1320px)/2 - 40px)) 60px;gap:26px;background:linear-gradient(#ffffff77,#ffffff77),url('/wp-content/uploads/korvva/7d686e65bedd97a1.avif') center/cover}
.service-card figure{position:relative;overflow:visible;border-radius:0;background:none;width:232px;height:240px;margin:auto}
.service-card figure:before{inset:6px 0 -8px -10px}
.service-card p{position:relative;font-size:25px;font-weight:400;color:white;text-align:left;padding:19px 12px;background:#90c9cb;border-radius:20px;margin:-20px 0 0;line-height:1.8;z-index:2;white-space:nowrap}
.service-card figure{z-index:3}.service-card:hover img{transform:none}
.brand-values{display:block;position:relative;margin:150px auto 0;width:calc(100% - 270px);min-height:587px}
.brand-values>figure{width:69%;height:587px}.brand-values>figure img{min-height:0;height:100%;object-fit:cover}
.value-copy{position:absolute;top:47px;right:0;width:49%;min-height:492px;padding:65px 10%;background:#e33f40;color:white}
.value-copy h2{font-size:30px;white-space:nowrap;color:white;text-align:center;margin:0 0 42px;letter-spacing:0}
.value-copy p{font-size:17px;line-height:2.4;letter-spacing:1px}
.contact-section{background:#f4f0ed;text-align:center;padding:310px 24px 55px;font-size:17px}.contact-section h2{display:none}
.home .site-footer,.korvva-ja-home .site-footer{border-top:40px solid #e33f40;background:#f4f0ed;color:#111}.home .footer-inner,.korvva-ja-home .footer-inner{max-width:92%;margin-top:27px;border-top:1px solid #555;padding:8px 18%;font-size:14px}
@media(max-width:1100px){.hero-images{width:90vw;height:46.2vw}.hero-chip{width:30.1vw!important;height:31.1vw;left:2vw;top:11.8vw}.hero-bottle{width:37.8vw!important;height:39.6vw;left:34.9vw;top:6.5vw}.hero-cosmetic{width:24.2vw!important;height:25.3vw;left:64.9vw;top:2.4vw}.brand-hero{height:88.5vw;min-height:650px}.hero-heading{width:78vw}.hero-logo{width:59.2vw}.hero-heading h1{font-size:2.75vw}.brand-hero>p{font-size:2.3vw}.brand-intro{grid-template-columns:1fr 1.2fr;gap:55px;padding:80px 10%}.service-grid{padding:50px 25px;gap:20px;grid-template-columns:repeat(2,1fr)}.service-card p{text-align:center}.brand-values{width:90%}.value-copy{padding:40px 5%;width:52%}.value-copy h2{white-space:normal}}
@media(max-width:800px){.home .header-inner,.korvva-ja-home .header-inner{height:auto;min-height:69px;flex-wrap:wrap;padding:5px 20px}.home .header-nav,.korvva-ja-home .header-nav{order:4;margin:0}.brand-intro{font-size:17px}.services-section>h2{font-size:60px}.brand-values{margin-top:80px}.brand-values>figure{width:100%;height:380px}.value-copy{position:relative;width:90%;margin:-65px 0 0 auto;top:0;min-height:0;padding:45px 32px}.contact-section{padding-top:100px}.hero-heading{display:flex}.hero-logo{margin:0}.hero-heading h1{text-align:left;white-space:pre-line}.brand-hero{min-height:0;height:90vw}.hero-images{margin-bottom:0}.home .footer-inner{padding:15px}}
@media(max-width:460px){.brand-intro{display:block;padding:45px 25px;min-height:0}.brand-intro:before{height:135px;background-position:center;background-size:90px;margin-bottom:25px}.services-section{padding:35px 15px 0}.services-section>h2{font-size:45px;margin-bottom:25px}.service-grid{gap:25px 12px;padding:30px 15px}.service-card figure{width:125px;height:130px}.service-card p{font-size:12px;padding:18px 6px 8px;border-radius:12px;white-space:normal}.hero-images figure:before{inset:4px 0 -7px -7px}.brand-values>figure{height:260px}.value-copy h2{font-size:24px}.value-copy p{font-size:16px}.contact-section{font-size:14px}.hero-heading h1{font-size:3vw}.hero-logo{width:59.2vw}.brand-hero>p{font-size:2.3vw}}

/* Match Wix: 25% image over #F3F0EE, without screen blending. */
.brand-hero{background-color:#f3f0ee;background-blend-mode:normal}
.home .site-header,.korvva-ja-home .site-header{background:#ededed;border:0;box-shadow:none}

/* Navigation typography and hover values measured from Wix. */
.site-header .main-menu{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;color:#4d4d4d}
.site-header .main-menu a{color:#4d4d4d;border-top:1px solid #000;padding:16px 8px 4px}
.site-header .main-menu a:hover,.site-header .main-menu a:focus-visible{color:#919191;border-top:4px solid #d33403;padding-top:13px}

/* Homepage contact details. */
.home .contact-section,.korvva-ja-home .contact-section{padding:170px 24px 65px;font-family:Montserrat,Arial,"Noto Sans TC",sans-serif;font-size:17px;line-height:1.8;color:#222}
.home .contact-section h2,.korvva-ja-home .contact-section h2{display:block;font-family:Montserrat,Arial,sans-serif;font-size:38px;font-weight:500;letter-spacing:0;line-height:1.3;margin:0 0 38px}
.home .contact-section>p,.korvva-ja-home .contact-section>p{margin:0 auto 7px;font-weight:400}
.home .contact-section>p:nth-of-type(1),.home .contact-section>p:nth-of-type(2),.korvva-ja-home .contact-section>p:nth-of-type(1),.korvva-ja-home .contact-section>p:nth-of-type(2){display:inline-block;margin:0 40px 28px}
.contact-social{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:25px}.contact-social a{display:block}.contact-social img{width:32px;height:32px;object-fit:contain}.contact-social a:hover{opacity:.65}
@media(max-width:600px){.home .contact-section,.korvva-ja-home .contact-section{padding:85px 24px 45px;font-size:14px}.home .contact-section h2,.korvva-ja-home .contact-section h2{font-size:30px;margin-bottom:25px}.home .contact-section>p:nth-of-type(1),.home .contact-section>p:nth-of-type(2),.korvva-ja-home .contact-section>p:nth-of-type(1),.korvva-ja-home .contact-section>p:nth-of-type(2){display:block;margin:0 0 12px}}

@font-face{font-family:KorvvaPoppins;src:url('fonts/poppins-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.home .contact-section,.korvva-ja-home .contact-section{font-family:KorvvaPoppins,sans-serif;font-size:17px;line-height:30.6px;letter-spacing:normal;color:#000}
.home .contact-section h2,.korvva-ja-home .contact-section h2{font-family:KorvvaPoppins,sans-serif;font-size:100px;font-weight:700;line-height:1.4;letter-spacing:normal;margin-bottom:38px}
@media(max-width:800px){.home .contact-section h2,.korvva-ja-home .contact-section h2{font-size:clamp(40px,9vw,70px)}}
@media(max-width:600px){.home .contact-section,.korvva-ja-home .contact-section{font-size:14px;line-height:1.8}}

/* Larger homepage masthead mark. */
.home .header-inner,.korvva-ja-home .header-inner{height:88px}
.home .site-logo img,.korvva-ja-home .site-logo img{width:64px;height:78px;object-fit:contain}
@media(max-width:800px){.home .header-inner,.korvva-ja-home .header-inner{height:auto;min-height:80px}.home .site-logo img,.korvva-ja-home .site-logo img{width:56px;height:68px}}

/* Shared masthead for all pages and languages. */
body .site-header{background:#ededed;border:0;box-shadow:none}
body .site-header .header-inner{max-width:1100px;height:88px;padding:5px 12px;gap:24px}
body .site-header .site-logo img{width:64px;height:78px;object-fit:contain}
body .site-header .header-nav{margin-left:auto}
body .site-header .main-menu{gap:10px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;color:#4d4d4d}
.main-menu>li{position:relative}.shop-menu{padding-right:20px}
.shop-submenu-toggle{position:absolute;right:0;top:15px;padding:0 2px;border:0;background:transparent;color:#4d4d4d;font-size:17px;cursor:pointer}
.site-header .main-menu .shop-submenu{display:none;position:absolute;top:100%;left:0;min-width:150px;list-style:none;margin:0;padding:8px 0;background:#ededed;box-shadow:0 8px 16px #00000012;z-index:20}
.site-header .main-menu .shop-submenu a{border:0;padding:12px 18px;white-space:nowrap;font-size:15px;line-height:1.5}
.site-header .main-menu .shop-submenu a:hover{border:0;padding:12px 18px;color:#919191;background:#f5f2ef}
.shop-menu:hover>.shop-submenu,.shop-menu:focus-within>.shop-submenu,.shop-menu.is-open>.shop-submenu{display:block}
@media(max-width:800px){body .site-header .header-inner{height:auto;min-height:80px;padding:5px 20px;flex-wrap:wrap}body .site-header .site-logo img{width:56px;height:68px}body .site-header .header-nav{order:4;margin:0;flex-basis:100%}.site-header .main-menu .shop-submenu{position:static;box-shadow:none;margin:0 0 8px;padding-left:12px}.shop-submenu-toggle{right:8px;top:10px;padding:5px 12px}}

.shop-menu{padding-right:0}


/* KORVVA responsive layouts — Wix mobile reference, 2026-10-08. */
.site-header .main-menu .shop-menu:hover > .shop-submenu,
.site-header .main-menu .shop-menu:focus-within > .shop-submenu { display: block; }
@media (max-width: 1024px) {
  body .site-header .header-inner { height: auto; min-height: 76px; padding: 8px 24px; gap: 12px; flex-wrap: wrap; }
  body .site-header .site-logo img { width: 48px; height: 58px; }
  .menu-toggle { display: block; min-height: 44px; min-width: 44px; padding: 8px 10px; font-size: 14px; cursor: pointer; }
  .language-switch { margin-left: auto; font-size: 12px; padding: 0 8px; }
  .language-switch a { display: inline-flex; align-items: center; min-height: 44px; }
  body .site-header .header-nav { display: none; order: 4; flex-basis: 100%; margin: 0; }
  body .site-header .header-nav.is-open { display: block; }
  body .site-header .main-menu { flex-direction: column; align-items: stretch; gap: 0; }
  .site-header .main-menu > li > a,
  .site-header .main-menu > li > a:hover,
  .site-header .main-menu > li > a:focus-visible { border-top: 0; border-bottom: 1px solid #d5d5d5; padding: 14px 8px; line-height: 1.5; }
  .site-header .main-menu .shop-submenu { display: block; position: static; min-width: 0; margin: 0; padding: 0 0 8px 18px; box-shadow: none; }
  .site-header .main-menu .shop-submenu a { min-height: 44px; padding: 12px 8px; }
  .site-header .main-menu .shop-submenu a:hover { padding: 12px 8px; }
  .hero-heading { gap: 18px; }
  .brand-hero { height: auto; min-height: 0; padding-bottom: 64px; }
  .hero-heading h1 { font-size: clamp(20px, 2.75vw, 30px); }
  .brand-hero > p { font-size: 16px; max-width: 90%; margin: 22px auto 0; }
  .brand-intro { min-height: 0; grid-template-columns: 1fr 2fr; gap: 36px; padding: 64px 7%; font-size: 17px; letter-spacing: .5px; }
  .brand-intro:before { background-position: center; }
  .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); min-height: 0; gap: 40px 24px; padding: 40px 24px; }
  .service-card { min-width: 0; }
  .service-card figure { width: min(80%,232px); height: auto; aspect-ratio: 232 / 240; }
  .service-card p { white-space: normal; font-size: 20px; text-align: center; }
  .brand-values { width: 90%; min-height: 0; margin-top: 72px; }
  .brand-values > figure { width: 100%; height: 340px; }
  .value-copy { position: relative; top: auto; right: auto; width: 90%; min-height: 0; margin: -48px 0 0 auto; padding: 40px; }
  .value-copy h2 { white-space: normal; margin-bottom: 24px; }
  .value-copy p { line-height: 1.9; margin-bottom: 0; }
  .contact-section,
  .home .contact-section,
  .korvva-ja-home .contact-section { padding: 64px 24px 48px; overflow-wrap: anywhere; }
  .home .contact-section h2,
  .korvva-ja-home .contact-section h2 { font-size: clamp(36px,7vw,64px); }
  .scf-hero { grid-template-columns: 1fr; }
  .scf-hero > figure { order: -1; height: 280px; max-height: none; overflow: hidden; }
  .scf-hero > figure img { width: 100%; height: 100%; object-fit: cover; }
  .scf-copy { padding: 40px 7%; }
  .prose-section { padding: 48px 7%; }
  .post-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .post-card { min-width: 0; }
  .site-main h1,.site-main h2,.site-main h3 { overflow-wrap: anywhere; }
  .single-content { padding: 40px 7% 56px; }
  .share-links { flex-wrap: wrap; }
  .footer-inner,.home .footer-inner,.korvva-ja-home .footer-inner { padding: 20px 24px; gap: 16px; }
}
@media (max-width: 600px) {
  body .site-header .header-inner { padding: 8px 20px; gap: 8px; }
  .language-switch { font-size: 11px; padding: 0 6px; }
  .brand-hero { padding: 16px 24px 36px; }
  .hero-images { width: 100%; max-width: 360px; height: min(115vw,450px); margin: 0 auto; }
  .hero-images figure { height: auto; aspect-ratio: 1 / 1.04; }
  .hero-chip { width: 56% !important; left: 0; top: 0; }
  .hero-bottle { width: 56% !important; left: 43%; top: 22%; }
  .hero-cosmetic { width: 43% !important; left: 56%; top: 60%; }
  .hero-images figure:before { inset: 4px 0 -8px -8px; }
  .hero-heading { display: block; width: 100%; max-width: 360px; margin: 0 auto; }
  .hero-logo { width: 100%; margin: 12px 0 0; }
  .hero-heading h1 { position: absolute; left: max(24px,calc((100% - 360px)/2)); top: min(90vw,350px); width: 42%; max-width: 160px; margin: 0; font-size: clamp(17px,4.5vw,20px); line-height: 1.6; text-align: left; white-space: pre-line; }
  .brand-hero > p { max-width: 360px; margin: 18px auto 0; font-size: 14px; line-height: 1.7; color: #777; }
  .brand-intro { display: block; padding: 40px 24px 48px; font-size: 16px; line-height: 1.9; letter-spacing: 0; }
  .brand-intro:before { height: 110px; background-position: center; background-size: 90px auto; margin-bottom: 28px; }
  .brand-intro p { margin-bottom: 0; }
  .services-section { padding: 20px 0 0; }
  .services-section > h2 { font-size: 36px; line-height: 1.4; letter-spacing: -1px; margin: 0 0 28px; }
  .service-grid { grid-template-columns: minmax(0,1fr); gap: 40px; padding: 30px 24px 44px; }
  .service-card { width: 100%; max-width: 280px; margin: 0 auto; }
  .service-card figure { width: 180px; height: 188px; }
  .service-card p { font-size: 20px; line-height: 1.5; padding: 28px 12px 14px; margin-top: -20px; border-radius: 18px; }
  .brand-values { width: 100%; margin: 40px 0 0; }
  .brand-values > figure { height: auto; aspect-ratio: 1.84; }
  .brand-values > figure img { max-height: none; }
  .value-copy { width: 100%; margin: 0; padding: 36px 24px; }
  .value-copy h2 { font-size: 22px; line-height: 1.5; margin-bottom: 24px; }
  .value-copy p { font-size: 16px; line-height: 1.9; letter-spacing: 0; }
  .contact-section,
  .home .contact-section,
  .korvva-ja-home .contact-section { padding: 44px 24px 40px; font-size: 15px; line-height: 1.8; }
  .home .contact-section h2,
  .korvva-ja-home .contact-section h2 { font-size: 36px; line-height: 1.4; margin-bottom: 24px; }
  .home .contact-section > p:nth-of-type(1),.home .contact-section > p:nth-of-type(2),
  .korvva-ja-home .contact-section > p:nth-of-type(1),.korvva-ja-home .contact-section > p:nth-of-type(2) { display: block; margin: 0 0 12px; }
  .contact-social { gap: 20px; }
  .contact-social a { padding: 4px; }
  .contact-social img { width: 36px; height: 36px; }
  .scf-hero > figure { height: clamp(200px,62.5vw,280px); }
  .scf-copy { padding: 32px 24px; font-size: 16px; line-height: 1.85; }
  .scf-copy h1 { font-size: 26px; margin: 0 0 24px; }
  .prose-section { padding: 36px 24px; font-size: 16px; line-height: 1.85; }
  .prose-section h1,.prose-section h2 { font-size: 26px; line-height: 1.45; }
  .prose-section h2 { margin: 36px 0 20px; }
  .prose-section h3 { font-size: 21px; }
  .koba-content > .wp-block-image { margin: 24px auto; }
  .koba-content > .wp-block-image img { max-height: none; width: 100%; height: auto; }
  .archive-head { margin: 32px auto 24px; padding: 0 24px; }
  .archive-head h1 { font-size: 28px; }
  .post-grid { grid-template-columns: minmax(0,1fr); gap: 32px; margin-bottom: 44px; padding: 0 24px; }
  .post-card h2 { font-size: 22px; line-height: 1.5; }
  .single-content { padding: 28px 24px 44px; font-size: 16px; line-height: 1.85; }
  .single-content h1 { font-size: 28px; line-height: 1.45; }
  .single-content .wp-block-image { margin: 24px 0; }
  .share-links { gap: 16px; margin-top: 32px; }
  .share-links a,.share-links button,.back-link { min-height: 44px; display: inline-flex; align-items: center; }
  .site-footer .footer-inner { flex-direction: column; align-items: center; text-align: center; }
  .footer-inner nav { flex-wrap: wrap; justify-content: center; gap: 4px 20px; }
  .footer-inner nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .home .site-footer,.korvva-ja-home .site-footer { border-top-width: 24px; }
  .home .footer-inner,.korvva-ja-home .footer-inner { margin-top: 20px; }
}