
:root {
 --brand:#294d3e; --accent:#edd8c5; --page-bg:#f8f5ee; --card-bg:#fff;
 --text:#26392f; --muted:#60695f; --line:#d8ddd0; --soft-green:#eaf0e7;
 --font-body:"DM Sans",Arial,sans-serif; --font-heading:Fraunces,Georgia,serif;
 --font-button:"DM Sans",Arial,sans-serif; --font-size-base:16px; --font-size-small:13px;
 --font-size-h1:92px; --font-size-h2:55px; --header-height:90px;
 --container:1180px; --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body {margin:0;color:var(--text);background:var(--page-bg);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.7;-webkit-font-smoothing:antialiased}
body.menu-is-open,body.gallery-is-open {overflow:hidden}
::selection {color:var(--brand);background:var(--accent)}
a {color:inherit;text-decoration:none}
button,input,textarea,select {font:inherit}
button {cursor:pointer;color:inherit}
button:disabled {cursor:wait;opacity:.65}
img {max-width:100%;display:block}
svg {flex-shrink:0;display:block;width:24px;height:24px}
figure,p {margin:0}
h1,h2,h3,h4,h5,h6 {font-family:var(--font-heading);font-weight:400;line-height:1.09;margin:0;text-wrap:balance}
h1 {font-size:clamp(46px,6.9vw,var(--font-size-h1));letter-spacing:-.055em}
h2 {font-size:clamp(35px,4.4vw,var(--font-size-h2));letter-spacing:-.044em}
h3 {font-size:24px;letter-spacing:-.025em;line-height:1.3}
em {font-weight:400}
p {text-wrap:pretty}
[hidden],template {display:none!important}
:focus-visible {outline:3px solid #a46b37;outline-offset:5px}
.container {width:calc(100% - 96px);max-width:var(--container);margin-inline:auto}
.section-space {padding-block:100px}
.eyebrow {font-family:var(--font-body);font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.14em;margin-bottom:24px;text-transform:uppercase}
.lead {font-size:19px;line-height:1.65}
.small-note {color:var(--muted);font-size:12px;line-height:1.7}
.skip-link {position:fixed;z-index:9999;top:12px;left:16px;padding:12px 18px;background:var(--brand);color:white;transform:translateY(-180%);transition:transform .2s}
.skip-link:focus {transform:translateY(0)}
.button {display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:15px 23px;border:1px solid var(--brand);border-radius:4px;background:var(--brand);color:#fff;font-family:var(--font-button);font-size:13px;font-weight:500;line-height:1.5;text-align:center;transition:background .25s,color .25s,box-shadow .25s,transform .25s var(--ease)}
.button svg {width:19px;height:19px;transition:transform .3s var(--ease)}
.button:hover {background:#1c382d;box-shadow:0 6px 15px #26392f12;transform:translateY(-2px)}
.button:hover svg,.text-link:hover svg {transform:translateX(4px)}
.button-small {padding:11px 16px;min-height:43px;gap:18px;font-size:12px}
.button-light {background:var(--page-bg);border-color:var(--page-bg);color:var(--brand)}
.button-light:hover {background:var(--accent);border-color:var(--accent);color:var(--brand)}
.text-link {display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:600;line-height:1.6;min-height:44px;padding:8px 0;border-bottom:1px solid currentColor;transition:opacity .2s}
.text-link svg {height:18px;width:18px;transition:transform .3s var(--ease)}
.site-header {position:sticky;top:0;z-index:100;background:var(--page-bg);border-bottom:1px solid #26392f16;transition:box-shadow .25s}
.site-header.is-scrolled {box-shadow:0 3px 16px #26392f08}
.header-inner {min-height:var(--header-height);display:flex;align-items:center;gap:36px}
.wordmark {display:inline-flex;flex-direction:column;flex-shrink:0;line-height:1;text-align:left}
.brand-title {font-family:var(--font-heading);font-size:29px;letter-spacing:-.055em;line-height:1.12}
.brand-signature {margin-top:8px;font-size:8px;font-weight:500;letter-spacing:.23em;line-height:1.2;text-transform:uppercase}
.navigation {margin-left:auto}
.navigation ul {display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
.navigation li {font-size:12px;line-height:1.5}
.navigation a:not(.mobile-nav-phone) {position:relative;display:block;padding:12px 0;white-space:nowrap}
.navigation a:not(.mobile-nav-phone)::after {content:"";height:1px;position:absolute;left:0;right:0;bottom:8px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.navigation a:hover::after,.navigation a[aria-current]::after {transform:scaleX(1)}
.header-cta {flex-shrink:0}
.menu-toggle,.mobile-nav-phone {display:none}
.hero {padding:44px 0 0;overflow:hidden}
.hero-inner {text-align:center}
.hero-eyebrow {margin-bottom:17px;font-size:10px;letter-spacing:.16em}
.hero-title {line-height:.99;font-weight:400}
.hero-title em {color:var(--brand)}
.hero-lead {max-width:490px;margin:24px auto 0;font-size:14px;line-height:1.75;color:var(--muted)}
.hero-actions {display:flex;justify-content:center;align-items:center;gap:30px;margin-top:25px}
.hero-actions .text-link {font-weight:500}
.hero-composition {position:relative;display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:45px;align-items:end;max-width:1000px;min-height:293px;margin:0 auto 0;padding:0 40px 14px}
.hero-photo {position:relative;width:100%;max-width:205px;justify-self:center}
.hero-photo img {width:100%;height:227px;object-fit:cover;object-position:50% 61%;border-radius:80px 80px 3px 3px}
.hero-photo-left {transform:translateY(-7px) rotate(-6deg)}
.hero-photo-left img {height:233px}
.hero-photo-right {max-width:188px;transform:translateY(4px) rotate(6deg)}
.hero-photo-right img {object-position:50% 48%;border-radius:3px 3px 70px 3px}
.photo-caption {font-size:10px;line-height:1.4;margin-top:12px;font-weight:500;white-space:nowrap}
.hero-product {position:relative;isolation:isolate;background:var(--page-bg);align-self:end;max-width:365px;justify-self:center;padding-top:18px}
.product-disc {position:absolute;background:var(--accent);width:275px;height:225px;left:50%;top:31px;transform:translateX(-50%);border-radius:48% 48% 40% 40%;z-index:-1}
.hero-product img {width:100%;height:auto;mix-blend-mode:multiply;object-fit:contain}
.product-note {display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;font-weight:500;margin-top:0}
.product-note svg {width:16px;height:16px;transform:rotate(-40deg)}
.hero-bottom {display:flex;align-items:center;justify-content:center;gap:25px;border-top:1px solid var(--line);padding:23px 0;margin-top:31px;font-size:10px;line-height:1.5}
.hero-bottom p {display:flex;align-items:center;gap:7px;color:var(--muted)}
.hero-bottom svg {width:15px;height:15px}
.explore-link {display:flex;align-items:center;gap:32px;margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.hero-bottom p:first-child {margin-left:auto}
.explore-link span {font-size:22px;line-height:1}
.benefits-section {background:var(--soft-green);padding:38px 0}
.benefits-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:benefit}
.benefit {padding:7px 36px;min-width:0;border-right:1px solid #294d3e2e;counter-increment:benefit}
.benefit:first-of-type {padding-left:0}
.benefit:last-of-type {padding-right:0;border-right:0}
.item-number {display:block;font:11px/1.4 var(--font-body);margin-bottom:11px;letter-spacing:.05em}
.benefit .item-number::before {content:"0" counter(benefit)}
.benefit h3 {font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:-.02em;line-height:1.35;margin-bottom:10px}
.benefit p {font-size:12px;line-height:1.85;color:var(--muted);max-width:310px}
.section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:46px}
.section-intro {max-width:310px;font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:5px}
.product-layout {display:grid;grid-template-columns: .95fr 1.2fr;gap:78px;align-items:center}
.product-kitchen {position:relative;padding:20px 20px 18px;background:#e9e9de;border-radius:4px}
.product-kitchen img {width:100%;height:365px;object-fit:cover;object-position:50% 52%;border-radius:2px}
.product-kitchen figcaption {font-size:11px;line-height:1.6;text-align:center;padding-top:15px}
.functions-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 35px}
.function-item {position:relative;padding-top:33px;min-width:0}
.function-mark {font-family:var(--font-heading);font-size:26px;line-height:1;position:absolute;top:0;left:0;color:var(--brand)}
.function-item h3 {font-family:var(--font-body);font-size:16px;font-weight:500;margin-bottom:10px}
.function-item p {font-size:13px;line-height:1.85;color:var(--muted)}
.product-content>.small-note {margin-top:29px;padding-top:20px;border-top:1px solid var(--line)}
.product-content>.text-link {margin-top:15px}
.presentation-section {background:var(--brand);color:var(--page-bg);position:relative;overflow:hidden}
.presentation-layout {display:grid;grid-template-columns:1.12fr .8fr;gap:100px;align-items:center}
.presentation-section .eyebrow {color:#d4dbcb}
.presentation-section h2 em {color:#e8cbb2}
.presentation-lead {font-size:14px;line-height:1.85;max-width:425px;margin-top:23px;color:#d5dfd5}
.steps-list {margin:34px 0 32px;counter-reset:step}
.step {counter-increment:step;display:flex;gap:22px;padding:19px 0;border-top:1px solid #ffffff29}
.step-number {flex-shrink:0;width:24px;font-size:11px;letter-spacing:.05em;margin-top:3px;color:#e8cbb2}
.step-number::before {content:"0" counter(step)}
.step h3 {font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:0;margin-bottom:7px}
.step p {font-size:12px;line-height:1.8;color:#d5dfd5;max-width:395px}
.presentation-photo {position:relative;border-radius:160px 160px 4px 4px;background:#fafaf5;padding:12px 12px 0;color:var(--text)}
.presentation-photo img {width:100%;height:460px;border-radius:150px 150px 2px 2px;object-fit:cover;object-position:50% 50%}
.presentation-photo figcaption {padding:24px 15px;text-align:center}
.presentation-photo figcaption span:first-child {display:block;font-family:var(--font-heading);font-size:25px;letter-spacing:-.02em;line-height:1.25}
.presentation-photo figcaption span:last-child {display:block;font-size:11px;margin-top:8px;color:var(--muted)}
.about-layout {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:start;gap:112px;max-width:1070px}
.about-visual {position:relative;padding:17px 0 35px 18px}
.about-visual::before {content:"";position:absolute;top:0;left:0;width:88%;height:85%;background:var(--accent);z-index:-1;border-radius:3px}
.about-visual figure {transform:rotate(-3deg);border:7px solid var(--card-bg);box-shadow:0 12px 30px #26392f0b}
.about-visual img {width:100%;height:415px;object-fit:cover;object-position:center 60%}
.about-signature {position:absolute;right:-28px;bottom:1px;font-family:var(--font-heading);font-style:italic;font-size:49px;line-height:1.2;letter-spacing:-.055em;transform:rotate(-7deg)}
.about-copy h2 {margin-bottom:27px}
.about-copy .lead {font-size:17px;color:var(--text)}
.about-copy > p:not(.eyebrow):not(.lead):not(.about-motto):not(.about-signoff) {font-size:13px;line-height:1.85;color:var(--muted);margin-top:17px}
.about-copy .text-link {margin-top:26px}
.offer-section {background:var(--accent)}
.offer-layout {display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}
.offer-lead {font-size:14px;max-width:380px;line-height:1.85;margin:25px 0 27px}
.offer-list {counter-reset:offer}
.offer-row {counter-increment:offer;display:flex;gap:25px;padding:27px 0;border-bottom:1px solid #294d3e35}
.offer-row:first-of-type {border-top:1px solid #294d3e35}
.offer-row .item-number {margin-top:7px;margin-bottom:0;font-size:11px;min-width:23px}
.offer-row .item-number::before {content:"0" counter(offer)}
.offer-row h3 {font-size:25px;margin-bottom:10px}
.offer-row p {font-size:13px;line-height:1.8;max-width:320px}
.offer-list+.small-note {margin-top:22px;color:#4b5c4f}
.gallery-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
.gallery-item {min-width:0;margin:0}
.gallery-link {display:block;position:relative;overflow:hidden;border-radius:3px;background:var(--accent)}
.gallery-link img {width:100%;height:307px;object-fit:cover;object-position:50% 60%;transition:transform .65s var(--ease)}
.gallery-item:nth-of-type(even) {padding-top:28px}
.gallery-item:nth-of-type(2) img {object-position:50% 70%}
.gallery-item:nth-of-type(4) img {object-position:50% 65%}
.gallery-link:hover img {transform:scale(1.045)}
.gallery-zoom {position:absolute;right:13px;bottom:13px;background:var(--page-bg);color:var(--text);border-radius:3px;width:35px;height:35px;display:grid;place-items:center;transition:transform .25s}
.gallery-zoom svg {width:16px;height:16px}
.gallery-link:hover .gallery-zoom {transform:translate(2px,-2px)}
.gallery-item figcaption {padding:14px 2px 0;font-size:11px;line-height:1.7}
.faq-section {border-top:1px solid var(--line);padding-top:80px}
.faq-layout {display:grid;grid-template-columns: .85fr 1.15fr;gap:90px;align-items:start}
.faq-layout>div:first-child>p:not(.eyebrow) {max-width:300px;font-size:14px;line-height:1.85;color:var(--muted);margin-top:26px}
.faq-layout .text-link {margin-top:25px}
.faq-list {border-top:1px solid var(--line)}
.faq-item {border-bottom:1px solid var(--line)}
.faq-item summary {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 2px;cursor:pointer;font-size:14px;line-height:1.55;font-weight:500;list-style:none;transition:color .2s}
.faq-item summary:hover {color:#52734b}
.faq-item summary::-webkit-details-marker {display:none}
.faq-item summary::marker {content:""}
.faq-icon {width:17px;height:17px;position:relative;flex-shrink:0}
.faq-icon::before,.faq-icon::after {content:"";position:absolute;left:1px;top:8px;width:15px;height:1px;background:currentColor;transition:transform .25s}
.faq-icon::after {transform:rotate(90deg)}
.faq-item[open] .faq-icon::after {transform:rotate(0)}
.faq-answer {padding:0 33px 24px 2px}
.faq-answer p {font-size:13px;line-height:1.85;color:var(--muted)}
.faq-item[open] .faq-answer {animation:answer-in .25s ease}
@keyframes answer-in {from {opacity:0;transform:translateY(-4px)}to {opacity:1;transform:translateY(0)}}
.contact-section {background:var(--soft-green)}
.contact-layout {display:grid;grid-template-columns: .82fr 1.18fr;gap:88px;align-items:center}
.contact-section h2 {font-size:clamp(44px,5.1vw,66px)}
.contact-lead {font-size:14px;line-height:1.85;max-width:335px;margin-top:26px;color:var(--muted)}
.contact-details {margin-top:32px}
.contact-name {font-size:12px;font-weight:600;margin-bottom:13px}
.contact-details>a {display:flex;align-items:center;gap:13px;min-height:42px;font-size:14px;overflow-wrap:anywhere}
.contact-details>a svg {height:18px;width:18px}
.contact-details>a:hover {text-decoration:underline;text-underline-offset:5px}
.contact-note {font-family:var(--font-heading);font-size:24px;font-style:italic;line-height:1.4;margin-top:33px}
.contact-form-wrap {padding:37px 39px;background:var(--card-bg);border-radius:4px;border:1px solid #d8ddd080;box-shadow:0 12px 34px #294d3e04}
.contact-form-wrap h3 {font-size:29px}
.form-intro {font-size:11px;color:var(--muted);margin:7px 0 25px}
.form-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.form-field {margin-bottom:20px;min-width:0}
.form-field label {display:block;font-size:11px;line-height:1.5;font-weight:600;margin-bottom:8px}
.form-field label span {font-weight:400;color:var(--muted)}
input:not([type="checkbox"]),select,textarea {width:100%;padding:12px 13px;border:1px solid #d5dbd1;border-radius:2px;background:#fff;color:var(--text);font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}
input:not([type="checkbox"]),select {height:45px}
select {padding-right:24px;cursor:pointer}
textarea {min-height:117px;resize:vertical}
input:focus,textarea:focus,select:focus {outline:0;border-color:var(--brand);box-shadow:0 0 0 3px #294d3e13}
.field-hint {font-size:10px;color:var(--muted);margin-top:4px}
.privacy-note {font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.privacy-note a {text-decoration:underline;text-underline-offset:2px}
.form-submit {width:100%;justify-content:space-between;padding-inline:20px}
.form-status {font-size:12px;line-height:1.8;margin-top:13px}
.form-status:empty {display:none}
.form-status.is-error {color:#9b2d20;background:#fff0ea;padding:12px}
.form-status.is-success {color:#294d3e;background:var(--soft-green);padding:12px}
.form-trap {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;pointer-events:none!important}
.site-footer {padding:43px 0 23px}
.footer-main {display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px;border-bottom:1px solid var(--line)}
.footer-tagline {font-size:13px;color:var(--muted)}
.back-top {border:1px solid var(--line);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:20px;transition:background .2s}
.back-top:hover {background:var(--soft-green)}
.footer-bottom {display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;font-size:10px;line-height:1.75}
.footer-bottom>div {display:flex;gap:17px;align-items:center}
.footer-bottom a:hover,.privacy-settings:hover {text-decoration:underline;text-underline-offset:3px}
.privacy-settings {border:0;background:none;padding:0;font-size:inherit;font-family:inherit;line-height:inherit}
.trademark-note {margin-top:22px;max-width:760px;font-size:9px;line-height:1.8;color:var(--muted)}
.consent-banner {position:fixed;z-index:2000;left:22px;bottom:22px;max-width:480px;width:calc(100% - 44px);padding:21px 24px;background:#fff;color:var(--text);border:1px solid #d5dbd1;border-radius:5px;box-shadow:0 10px 60px #16261e23}
.consent-copy h2 {font-family:var(--font-body);font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;margin-bottom:7px}
.consent-copy p {font-size:11px;line-height:1.75}
.consent-copy a {text-decoration:underline;text-underline-offset:3px}
.consent-actions {display:flex;gap:10px;margin-top:15px}
.consent-button {flex:1;min-height:42px;padding:10px 9px;background:var(--page-bg);border:1px solid var(--brand);color:var(--brand);border-radius:3px;font-size:10px;font-weight:500;line-height:1.5;transition:background .2s}
.consent-button:hover {background:var(--soft-green)}
.lightbox {border:0;padding:0;background:transparent;color:white;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:hidden}
.lightbox[open] {display:flex;align-items:center;justify-content:center}
.lightbox::backdrop {background:#112018f5}
.lightbox figure {max-width:80vw;max-height:87dvh;display:flex;align-items:center;flex-direction:column;gap:18px}
.lightbox img {max-width:76vw;max-height:76dvh;width:auto;height:auto;object-fit:contain;border-radius:2px}
.lightbox figcaption {font-size:13px;text-align:center;padding:0 15px}
.lightbox button {position:absolute;background:transparent;border:1px solid #ffffff50;color:#fff;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1;transition:background .2s}
.lightbox button:hover {background:#ffffff25}
.lightbox-close {top:23px;right:25px}
.lightbox-prev {left:25px;top:calc(50% - 23px)}
.lightbox-next {right:25px;top:calc(50% - 23px)}
.lightbox-counter {position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px}
.error-page {text-align:center;max-width:900px;margin:12vh auto;padding:40px 24px}
.error-page h1 {font-size:clamp(36px,6vw,65px);margin-bottom:28px}
.error-page p:not(.eyebrow) {margin:0 auto 30px;max-width:480px;color:var(--muted)}
/* A revealed section always has visible static content without JavaScript. */
.reveal.is-reveal-pending {opacity:0;transform:translateY(22px)}
.reveal {transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-revealed {opacity:1;transform:none}
[data-sos-list] {min-width:0}
[data-sos-list]>[data-sos-generated] {min-width:0}
/* Keep preview-only controls and inserted sections owned by SOS Builder. */
@media (min-width:1500px) {
 .hero {padding-top:57px}
 .hero-composition {margin-top:15px}
}
@media (max-width:1150px) {
 .container {width:calc(100% - 64px)}
 .header-inner {gap:25px}
 .navigation ul {gap:20px}
 .navigation li {font-size:11px}
 .brand-title {font-size:26px}
 .header-cta {font-size:11px;gap:10px;padding-inline:12px}
 .section-space {padding-block:82px}
 .product-layout {gap:50px}
 .presentation-layout {gap:60px}
 .about-layout {gap:76px}
 .offer-layout,.faq-layout,.contact-layout {gap:55px}
 .gallery-grid {gap:18px}
 .gallery-link img {height:268px}
 .contact-form-wrap {padding:30px}
}
@media (max-width:900px) {
 :root {--header-height:77px}
 .container {width:calc(100% - 48px)}
 html {scroll-padding-top:94px}
 .header-inner {gap:20px}
 .header-cta {margin-left:auto;font-size:11px;padding:10px 15px}
 .menu-toggle {display:flex;flex-direction:column;justify-content:center;gap:6px;flex-shrink:0;width:44px;height:44px;margin-left:0;margin-right:-9px;border:0;background:transparent;padding:11px;position:relative;z-index:103}
 .menu-toggle span {display:block;width:24px;height:1.5px;background:var(--brand);transition:transform .25s var(--ease)}
 .menu-toggle[aria-expanded="true"] span:first-child {transform:translateY(3.75px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:last-child {transform:translateY(-3.75px) rotate(-45deg)}
 .navigation {display:none;position:absolute;top:100%;left:0;right:0;width:100%;height:calc(100dvh - var(--header-height));padding:28px 32px 45px;margin:0;background:#f8f5ee;overflow-y:auto;border-top:1px solid var(--line);z-index:102}
 .navigation.is-open {display:block}
 .navigation ul {display:block;margin:0;padding:0;max-width:none}
 .navigation li {font-size:27px;font-family:var(--font-heading);line-height:1.3}
 .navigation a:not(.mobile-nav-phone) {padding:20px 0;border-bottom:1px solid var(--line);white-space:normal}
 .navigation a::after {display:none}
 .navigation .mobile-nav-phone {display:flex;align-items:center;gap:15px;font-size:15px;margin-top:34px;padding:12px 0;font-family:var(--font-body)}
 .hero {padding-top:38px}
 .hero-lead {max-width:440px}
 .hero-composition {gap:30px;padding:0 8px 10px;min-height:272px}
 .hero-photo img {height:190px}
 .hero-photo-left img {height:197px}
 .photo-caption {font-size:8px}
 .hero-product {max-width:310px}
 .product-disc {width:225px;height:180px;top:39px}
 .hero-bottom {gap:20px;font-size:9px}
 .explore-link {gap:14px;font-size:9px}
 .benefit {padding:5px 24px}
 .benefit h3 {font-size:13px}
 .benefit p {font-size:11px}
 .section-space {padding-block:73px}
 .section-heading {gap:30px}
 .section-intro {max-width:245px;font-size:12px}
 .product-layout {gap:33px;grid-template-columns:.85fr 1fr}
 .product-kitchen {padding:13px}
 .product-kitchen img {height:360px}
 .product-kitchen figcaption {font-size:9px}
 .functions-grid {gap:25px 19px}
 .function-item h3 {font-size:14px}
 .function-item p {font-size:12px}
 .presentation-layout {gap:43px;grid-template-columns:1fr .8fr}
 .presentation-photo {padding:9px 9px 0}
 .presentation-photo img {height:396px}
 .presentation-photo figcaption span:first-child {font-size:20px}
 .step {gap:16px}
 .about-layout {gap:50px}
 .about-visual img {height:376px}
 .about-signature {font-size:43px;right:-10px}
 .about-copy .lead {font-size:15px}
 .about-copy > p:not(.eyebrow):not(.lead):not(.about-motto):not(.about-signoff) {font-size:12px}
 .offer-layout {gap:45px}
 .offer-row {gap:18px}
 .offer-row h3 {font-size:22px}
 .gallery-grid {gap:14px}
 .gallery-link img {height:225px}
 .gallery-item figcaption {font-size:10px}
 .faq-layout {gap:42px;grid-template-columns:.8fr 1.2fr}
 .faq-item summary {font-size:13px}
 .contact-layout {gap:35px;grid-template-columns:.77fr 1.23fr}
 .contact-form-wrap {padding:27px 25px}
 .form-row {gap:13px}
 .form-field label {font-size:10px}
 .contact-details>a {font-size:12px}
 .footer-bottom {flex-wrap:wrap;gap:15px 20px;font-size:9px}
}
@media (max-width:680px) {
 :root {--header-height:72px}
 .container {width:calc(100% - 40px)}
 h1 {font-size:clamp(48px,10vw,68px)}
 h2 {font-size:clamp(35px,8vw,48px)}
 .brand-title {font-size:25px}
 .brand-signature {font-size:7px;margin-top:6px;letter-spacing:.19em}
 .header-inner {gap:10px}
 .header-cta {font-size:10px;min-height:37px;padding:9px 11px;gap:9px}
 .header-cta svg {width:15px;height:15px}
 .menu-toggle {margin-right:-8px}
 .navigation {padding:24px 24px 40px}
 .section-space {padding-block:63px}
 .eyebrow {font-size:9px;letter-spacing:.12em;margin-bottom:18px}
 .hero {padding-top:34px}
 .hero-eyebrow {font-size:8px;letter-spacing:.105em;margin-bottom:17px}
 .hero-title {line-height:1.05;letter-spacing:-.054em}
 .hero-lead {font-size:12px;margin-top:19px;max-width:365px;line-height:1.8}
 .hero-actions {flex-direction:column;gap:8px;margin-top:23px}
 .hero-actions .button {min-height:49px;font-size:12px;padding:13px 19px;gap:24px}
 .hero-actions .text-link {font-size:11px;min-height:36px;padding:6px 0}
 .hero-composition {min-height:215px;grid-template-columns:.8fr 1.3fr .7fr;gap:7px;align-items:end;padding:0 1px 4px;margin-top:12px}
 .hero-photo-left {transform:translateY(-5px) rotate(-6deg)}
 .hero-photo-right {transform:translateY(-1px) rotate(6deg)}
 .hero-photo img,.hero-photo-left img {height:134px;border-radius:50px 50px 2px 2px}
 .hero-photo-right img {height:124px;border-radius:2px 2px 38px 2px;object-position:50% 46%}
 .photo-caption {white-space:normal;font-size:7px;line-height:1.5;margin-top:8px;padding-inline:3px;min-height:22px}
 .hero-product {width:100%;padding-top:10px;align-self:center;margin-top:19px}
 .hero-product img {width:100%;height:auto;min-width:0}
 .product-disc {width:90%;height:78%;top:12px;max-height:165px;border-radius:48%}
 .product-note {font-size:7px;gap:3px;margin-top:6px;line-height:1.4}
 .product-note svg {width:11px;height:11px}
 .hero-bottom {margin-top:19px;padding:18px 0;gap:13px 18px;flex-wrap:wrap;justify-content:center;font-size:8px}
 .hero-bottom p:first-child {margin-left:0}
 .hero-bottom p {gap:4px}
 .hero-bottom svg {height:12px;width:12px}
 .explore-link {display:none}
 .benefits-section {padding:13px 0}
 .benefits-grid {grid-template-columns:1fr}
 .benefit,.benefit:first-of-type,.benefit:last-of-type {display:grid;grid-template-columns:25px 1fr;gap:0 12px;border-right:0;border-bottom:1px solid #294d3e24;padding:21px 0}
 .benefit:last-of-type {border-bottom:0}
 .benefit .item-number {grid-column:1;grid-row:1 / 3;margin:1px 0 0;font-size:9px}
 .benefit h3 {grid-column:2;font-size:13px;margin-bottom:5px}
 .benefit p {grid-column:2;max-width:none;font-size:11px;line-height:1.8}
 .section-heading {display:block;margin-bottom:32px}
 .section-intro {margin-top:21px;max-width:360px;font-size:12px}
 .product-layout {grid-template-columns:1fr;gap:32px}
 .product-kitchen {padding:14px;max-width:460px;width:100%;margin:auto}
 .product-kitchen img {height:300px;object-position:50% 65%}
 .product-kitchen figcaption {font-size:10px;padding-top:12px}
 .functions-grid {gap:29px 27px}
 .function-item {padding-top:28px}
 .function-item h3 {font-size:14px;margin-bottom:8px}
 .function-item p {font-size:12px;line-height:1.8}
 .product-content>.small-note {font-size:10px;margin-top:27px;padding-top:16px}
 .product-content>.text-link {font-size:12px;margin-top:13px}
 .presentation-layout {grid-template-columns:1fr;gap:42px}
 .presentation-lead {font-size:13px;max-width:100%;margin-top:21px}
 .steps-list {margin:28px 0}
 .step {gap:17px;padding:18px 0}
 .step h3 {font-size:14px}
 .step p {font-size:12px;max-width:none}
 .presentation-copy .button {min-height:49px;font-size:12px}
 .presentation-photo {width:100%;max-width:340px;margin:auto;padding:10px 10px 0;border-radius:155px 155px 3px 3px}
 .presentation-photo img {height:333px;object-position:50% 63%;border-radius:145px 145px 2px 2px}
 .presentation-photo figcaption {padding:20px 12px}
 .presentation-photo figcaption span:first-child {font-size:24px}
 .about-layout {display:flex;flex-direction:column;gap:44px}
 .about-visual {width:100%;max-width:340px;padding-left:13px}
 .about-visual img {height:340px}
 .about-signature {font-size:43px;bottom:0;right:-7px}
 .about-copy {width:100%}
 .about-copy h2 {margin-bottom:23px}
 .about-copy .lead {font-size:16px}
 .about-copy > p:not(.eyebrow):not(.lead):not(.about-motto):not(.about-signoff) {font-size:13px}
 .about-copy .text-link {font-size:12px;margin-top:21px}
 .offer-layout {grid-template-columns:1fr;gap:36px}
 .offer-section h2 br:last-child {display:none}
 .offer-lead {font-size:13px;max-width:none;margin:21px 0 24px}
 .offer-row {padding:23px 0;gap:20px}
 .offer-row h3 {font-size:23px}
 .offer-row p {font-size:12px;max-width:none}
 .offer-list+.small-note {font-size:10px;margin-top:18px}
 .gallery-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .gallery-link img {height:226px}
 .gallery-item:nth-of-type(even) {padding-top:23px}
 .gallery-item figcaption {font-size:10px;padding-top:11px}
 .gallery-zoom {width:29px;height:29px;right:9px;bottom:9px}
 .faq-layout {grid-template-columns:1fr;gap:32px}
 .faq-layout>div:first-child>p:not(.eyebrow) {font-size:12px;max-width:320px;margin-top:20px}
 .faq-layout .text-link {font-size:12px;margin-top:17px}
 .faq-item summary {font-size:13px;padding-block:21px;gap:19px}
 .faq-answer {padding-right:25px}
 .faq-answer p {font-size:12px}
 .contact-layout {grid-template-columns:1fr;gap:32px}
 .contact-section h2 {font-size:48px}
 .contact-lead {font-size:13px;max-width:340px;margin-top:22px}
 .contact-details {margin-top:24px}
 .contact-details>a {font-size:14px}
 .contact-note {font-size:23px;margin-top:24px}
 .contact-form-wrap {padding:26px 24px}
 .contact-form-wrap h3 {font-size:27px}
 .form-intro {margin-bottom:23px}
 .form-row {gap:16px}
 .form-field label {font-size:10px}
 .form-field {margin-bottom:18px}
 input:not([type="checkbox"]),select,textarea {font-size:16px;padding:10px}
 .form-row {grid-template-columns:1fr}
 .privacy-note {font-size:10px;margin-top:0}
 .form-submit {min-height:49px;font-size:12px}
 .site-footer {padding:35px 0 25px}
 .footer-main {gap:20px;flex-wrap:wrap;padding-bottom:27px}
 .footer-tagline {order:3;font-size:11px;flex:1 0 100%}
 .back-top {margin-left:auto;width:38px;height:38px}
 .footer-bottom {display:block;font-size:9px;padding-top:22px}
 .footer-bottom>div {flex-wrap:wrap;margin:12px 0;gap:15px}
 .trademark-note {font-size:8px;margin-top:18px}
 .consent-banner {left:12px;bottom:12px;width:calc(100% - 24px);padding:17px 18px;max-width:440px}
 .consent-copy h2 {font-size:13px}
 .consent-copy p {font-size:10px}
 .consent-actions {gap:9px;margin-top:13px}
 .consent-button {font-size:9px;min-height:40px;padding:9px 6px}
 .lightbox img {max-width:88vw;max-height:70dvh}
 .lightbox figure {max-width:94vw;gap:18px}
 .lightbox figcaption {font-size:11px}
 .lightbox-close {right:15px;top:16px}
 .lightbox button {width:40px;height:40px;font-size:21px}
 .lightbox-prev {left:calc(50% - 62px);top:auto;bottom:45px}
 .lightbox-next {right:calc(50% - 62px);top:auto;bottom:45px}
 .lightbox-counter {font-size:9px;bottom:14px}
}
@media (max-width:370px) {
 .container {width:calc(100% - 32px)}
 .brand-title {font-size:23px}
 .header-cta {display:none}
 .menu-toggle {margin-left:auto}
 .hero-eyebrow {font-size:7px}
 h1 {font-size:46px}
 .hero-lead {font-size:11px}
 .hero-composition {gap:5px;min-height:183px}
 .hero-photo img,.hero-photo-left img {height:114px}
 .hero-photo-right img {height:108px}
 .gallery-link img {height:191px}
 .contact-form-wrap {padding:24px 19px}
 .hero-bottom {font-size:7px;gap:11px}
}
@media (prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto}
 *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .reveal.is-reveal-pending {opacity:1;transform:none}
}
@media print {
 .site-header,.consent-banner,.lightbox,.contact-form-wrap,.hero-actions,.button {display:none!important}
 body {background:#fff;color:#000;font-size:12pt}
 .container {width:100%}
 .section-space {padding:22px 0}
 .presentation-section {color:#000;background:#fff}
 .presentation-section p,.presentation-section .eyebrow {color:#000}
 .reveal {opacity:1!important;transform:none!important}
}

/* Comfortable reading size for supporting content across small and large screens. */
.navigation li {font-size:13px}
.hero-lead,.section-intro,.presentation-lead {font-size:15px}
.benefit p,.function-item p,.step p,.offer-item p {font-size:14px;line-height:1.8}
.benefit h3,.step h3 {font-size:16px}
@media (max-width:900px) {.navigation li {font-size:26px}}

.small-note,.field-hint {font-size:var(--font-size-small)}
.contact-lead,.about-copy>.lead {font-size:calc(var(--font-size-base) * .9375)}
.benefit p,.function-item p,.step p,.offer-item p {font-size:calc(var(--font-size-base) * .875)}

/* Long-form personal introduction: readable paragraphs and a bounded portrait. */
.about-copy {min-width:0}
.about-copy>.lead {font-size:17px;line-height:1.75}
.about-story {margin-top:24px}
.about-copy .about-story p {font-size:var(--font-size-base);line-height:1.85;margin:0;color:var(--muted);overflow-wrap:break-word}
.about-copy .about-story p+p {margin-top:20px}
.about-copy .about-motto {font-size:var(--font-size-base);line-height:1.75;color:var(--brand);padding-top:22px;margin-top:26px;border-top:1px solid var(--line)}
.about-copy .about-motto strong {font-weight:600}
.about-copy .about-signoff {font-size:22px;font-family:var(--font-heading);font-style:italic;line-height:1.5;color:var(--brand);margin-top:18px}
@media (min-width:681px) and (min-height:640px) {
 .about-visual {position:sticky;top:calc(var(--header-height) + 26px)}
}
@media (max-width:680px) {
 .about-layout {align-items:center}
 .about-copy>.lead {font-size:16px}
 .about-story {margin-top:23px}
 .about-copy .about-story p {font-size:var(--font-size-base);line-height:1.85}
 .about-copy .about-signoff {font-size:22px}
}
@media print {
 .about-visual {position:relative;top:auto}
}

/* PRJ-0143 / 2026-10-22: existing visual identity, clearer contact and local offer. */
:root {--header-height:104px}
html {scroll-padding-top:calc(var(--header-height) + 20px)}
.header-inner {gap:28px}
.header-brand {display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;padding-block:12px;gap:8px}
.header-phone {display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:1.5;min-height:24px;white-space:nowrap}
.header-phone svg {width:14px;height:14px}
.header-phone:hover {text-decoration:underline;text-underline-offset:4px}
.navigation ul {gap:24px}
.header-cta {font-size:12px;gap:12px}
h1 {letter-spacing:-.035em}
h2 {letter-spacing:-.025em}
.hero {padding-top:34px}
.hero-title {letter-spacing:-.035em}
.hero-location {display:block;font:500 16px/1.5 var(--font-body);letter-spacing:.015em;margin-top:18px;color:var(--brand)}
.hero-lead {max-width:630px;margin-top:15px;font-size:15px;line-height:1.8}
.hero-actions {margin-top:22px}
.hero-composition {grid-template-columns:1fr 1.3fr 1fr;gap:42px;align-items:center;max-width:950px;min-height:0;margin-top:32px;padding:0 26px 10px}
.hero-photo-right {max-width:190px;transform:rotate(-6deg);align-self:center}
.hero-photo-right img {height:230px;border-radius:3px 3px 70px 3px}
.hero-portrait {max-width:270px;transform:none;align-self:center}
.hero-portrait img {height:305px;width:100%;object-fit:cover;object-position:50% 40%;border-radius:130px 130px 4px 4px;border:7px solid var(--page-bg);box-shadow:0 0 0 1px var(--line)}
.hero-portrait .photo-caption {font-size:11px;line-height:1.5;font-weight:600;white-space:normal;margin-top:12px}
.hero-product {align-self:center;max-width:280px;padding-top:12px}
.hero-product .product-disc {width:90%;height:78%;top:12px;border-radius:48%}
.hero-bottom {margin-top:24px}
.photo-caption {white-space:normal;text-wrap:balance}
.about-visual {position:relative;top:auto}
.about-copy .about-story p {font-size:16px;line-height:1.8}
.about-copy .about-story p+p {margin-top:17px}
.about-copy .about-motto {margin-top:22px;padding-top:19px}
.about-copy .about-signoff {margin-top:10px}
.social-links {display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px}
.social-links a {display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:13px;font-weight:500;line-height:1.4;border-bottom:1px solid transparent;transition:border-color .2s}
.social-links a:hover {border-bottom-color:currentColor}
.social-links svg {width:19px;height:19px}
.contact-details .social-links {margin-top:15px}
.footer-tagline {max-width:420px}
.footer-tagline .social-links {margin-top:10px}
.gallery-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.gallery-link img {height:auto;aspect-ratio:4/5;object-position:50% 42%}
.gallery-item:nth-of-type(even) {padding-top:0}
.gallery-item figcaption {font-size:12px}
.form-trap {display:none!important;visibility:hidden!important;position:absolute!important;clip-path:inset(50%)!important}
.form-field input[type="date"] {min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}
.form-field:focus-within label {color:var(--brand)}
.form-row .field-hint {font-size:11px;line-height:1.65}
.contact-form-wrap {scroll-margin-top:calc(var(--header-height) + 24px)}
.mobile-contact-bar {display:none}
@media (min-width:901px) and (max-width:1150px) {
 .header-inner {gap:18px}
 .navigation ul {gap:15px}
 .navigation li {font-size:12px}
 .header-cta {font-size:11px;padding-inline:12px;gap:8px}
 .brand-title {font-size:26px}
}
@media (max-width:900px) {
 :root {--header-height:99px}
 .header-cta {display:none}
 .menu-toggle {margin-left:auto;margin-right:-8px}
 .navigation {height:calc(100dvh - var(--header-height));padding-bottom:calc(36px + env(safe-area-inset-bottom, 0px))}
 .hero-composition {gap:28px;max-width:730px}
 .hero-portrait img {height:280px}
 .hero-photo-right img {height:190px}
 .gallery-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .menu-is-open .mobile-contact-bar,.menu-is-open .consent-banner {display:none}
}
@media (max-width:680px) {
 :root {--header-height:94px;--mobile-contact-height:82px}
 body {padding-bottom:calc(var(--mobile-contact-height) + env(safe-area-inset-bottom, 0px))}
 .header-brand {gap:5px;padding-block:10px}
 .header-phone {font-size:12px;min-height:24px;gap:6px}
 .brand-title {font-size:25px}
 .brand-signature {font-size:8px;letter-spacing:.16em;margin-top:5px}
 .header-inner {gap:12px}
 .hero {padding-top:29px}
 .hero-eyebrow {font-size:8px;line-height:1.6;letter-spacing:.1em;margin-bottom:17px}
 .hero-title {font-size:clamp(43px,11.4vw,67px);letter-spacing:-.035em;line-height:1.06}
 .hero-location {font-size:13px;line-height:1.6;margin-top:17px;letter-spacing:0}
 .hero-lead {font-size:14px;line-height:1.75;margin-top:13px;max-width:460px}
 .hero-actions {margin-top:19px;gap:7px}
 .hero-actions .text-link {font-size:12px;min-height:42px}
 .hero-composition {grid-template-columns:.64fr 1.32fr .74fr;gap:9px;margin-top:25px;padding:0 0 6px;align-items:center}
 .hero-portrait {max-width:100%}
 .hero-portrait img {height:clamp(188px,56vw,290px);border-width:4px;border-radius:100px 100px 3px 3px}
 .hero-portrait .photo-caption {font-size:10px;margin-top:10px;line-height:1.5;padding-inline:0;min-height:0}
 .hero-photo-right img {height:clamp(115px,32vw,180px);border-radius:3px 3px 40px 3px}
 .hero-photo-right .photo-caption {font-size:8px;line-height:1.5;padding-inline:0}
 .hero-product {margin-top:0;width:100%;padding-top:0}
 .product-note {font-size:8px;line-height:1.5;margin-top:6px;gap:4px}
 .product-note svg {display:none}
 .hero-bottom {margin-top:20px;font-size:9px;gap:10px 16px;padding:17px 0}
 .about-copy>.lead {font-size:16px}
 .about-copy .about-story p {font-size:15px;line-height:1.8}
 .social-links {margin-top:18px;gap:10px 20px}
 .social-links a {font-size:13px}
 .gallery-grid {gap:25px 16px}
 .gallery-link img {height:auto;aspect-ratio:3/4}
 .gallery-item:nth-of-type(even) {padding-top:0}
 .gallery-item figcaption {font-size:11px}
 .contact-details>a {font-size:15px;min-height:46px}
 .contact-form-wrap {padding:26px 24px}
 .form-field label {font-size:12px}
 .form-row .field-hint {font-size:11px}
 .form-intro,.privacy-note {font-size:11px}
 .form-submit {font-size:13px;min-height:52px}
 .mobile-contact-bar {display:block;position:fixed;z-index:90;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));background:var(--page-bg);border-top:1px solid var(--line);box-shadow:0 -4px 22px #26392f0b}
 .mobile-call {display:flex;align-items:center;gap:13px;min-height:60px;padding:10px 17px;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:4px;font:400 12px/1.45 var(--font-button)}
 .mobile-call>span:not(.mobile-call-arrow) {display:flex;flex-direction:column;gap:2px}
 .mobile-call strong {font-size:13px;font-weight:500}
 .mobile-call-arrow {margin-left:auto;font-size:25px;line-height:1}
 .mobile-call>svg {width:23px;height:23px}
 .consent-banner {bottom:calc(var(--mobile-contact-height) + 12px + env(safe-area-inset-bottom, 0px))}
 body.is-form-editing .mobile-contact-bar {visibility:hidden;pointer-events:none}
 body.gallery-is-open .mobile-contact-bar {visibility:hidden}
 .footer-tagline {max-width:none}
}
@media (max-width:370px) {
 .hero-eyebrow {font-size:7px}
 .hero-title {font-size:41px}
 .hero-location {font-size:12px}
 .hero-lead {font-size:13px}
 .hero-composition {gap:7px}
 .hero-portrait img {height:180px}
 .hero-photo-right img {height:112px}
 .hero-portrait .photo-caption {font-size:9px}
 .product-note {font-size:7px}
 .header-phone {font-size:11px}
 .gallery-item figcaption {font-size:10px}
 .contact-form-wrap {padding:24px 19px}
}
@media print {
 body {padding-bottom:0}
 .mobile-contact-bar {display:none!important}
}


/* PRJ-0143 / 2026-10-27: presentation photos and secondary hero CTA. */
.button-outline {background:transparent;color:var(--brand);border-color:var(--brand)}
.button-outline:hover {background:var(--accent);border-color:var(--accent);color:var(--brand)}
.hero-actions {flex-wrap:wrap;gap:12px 14px}
.hero-actions .button {min-width:236px}
.presentation-visual {display:grid;gap:18px;align-self:center}
.presentation-gallery {display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:stretch}
.presentation-gallery-item {margin:0;background:#fafaf5;border-radius:24px;padding:8px;color:var(--text);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.presentation-gallery-item.featured {grid-row:span 2}
.presentation-gallery-link {display:block;border-radius:18px;overflow:hidden}
.presentation-gallery-item img {width:100%;height:100%;min-height:205px;max-height:245px;object-fit:cover;object-position:50% 42%;border-radius:18px}
.presentation-gallery-item.featured img {min-height:100%;height:100%;max-height:none}
.presentation-gallery-item figcaption {padding:11px 6px 5px;font-size:12px;line-height:1.5;text-align:center;color:var(--muted)}
.presentation-visual-note {display:grid;gap:6px;text-align:center;padding:0 10px}
.presentation-visual-title {font-family:var(--font-heading);font-size:26px;line-height:1.2;letter-spacing:-.02em;color:var(--page-bg)}
.presentation-visual-subtitle {font-size:12px;line-height:1.7;color:#d5dfd5}
@media (max-width:900px) {
 .hero-actions .button {min-width:210px}
 .presentation-gallery {gap:12px}
 .presentation-gallery-item {border-radius:22px;padding:7px}
 .presentation-gallery-link,.presentation-gallery-item img {border-radius:16px}
 .presentation-gallery-item img {min-height:180px;max-height:220px}
 .presentation-visual-title {font-size:22px}
}
@media (max-width:680px) {
 .hero-actions {flex-direction:column;align-items:stretch;gap:10px}
 .hero-actions .button {width:100%;min-width:0}
 .presentation-visual {gap:16px;max-width:420px;margin:0 auto}
 .presentation-gallery {grid-template-columns:1fr;gap:14px}
 .presentation-gallery-item,.presentation-gallery-item.featured {grid-row:auto}
 .presentation-gallery-item img,.presentation-gallery-item.featured img {height:auto;max-height:none;min-height:0;aspect-ratio:4 / 5}
 .presentation-gallery-item figcaption {font-size:11px;padding:10px 6px 4px}
 .presentation-visual-note {padding:0}
 .presentation-visual-title {font-size:24px}
 .presentation-visual-subtitle {font-size:12px}
}
@media print {
 .presentation-gallery {grid-template-columns:repeat(3,1fr)}
 .presentation-gallery-item,.presentation-gallery-item.featured {grid-row:auto;box-shadow:none;background:#fff;border:1px solid #ccc}
 .presentation-visual-title,.presentation-visual-subtitle {color:#000}
}
