.demo-page{--demo-bg:#f4ecdf;--demo-text:#3e3024;--demo-accent:#9d492c;--demo-card:#e8ddcd;background:var(--demo-bg);color:var(--demo-text);min-height:100vh;font-family:Arial,Helvetica,sans-serif}.demo-page.kopi{--demo-bg:#201a15;--demo-text:#f6ead9;--demo-accent:#dfb47c;--demo-card:#30271f}.demo-page.nova{--demo-bg:#f8f5fa;--demo-text:#43334a;--demo-accent:#75567f;--demo-card:#eee6f0}.demo-skip{z-index:50;background:var(--demo-text);color:var(--demo-bg);padding:15px;position:absolute;top:-100px;left:20px}.demo-skip:focus{top:10px}.demo-notice{color:#f8f4ff;background:#18151e;justify-content:space-between;align-items:center;gap:16px;padding:14px 4vw;font-size:11px;line-height:1.5;display:flex}.demo-notice>span{color:#cbb4ff;letter-spacing:.1em;font-size:9px}.demo-notice a{padding:7px 0}.demo-header{border-bottom:1px solid color-mix(in srgb,var(--demo-text) 22%,transparent);justify-content:space-between;align-items:center;gap:25px;margin:0 6vw;padding:28px 0;display:flex}.demo-brand{letter-spacing:-.05em;align-items:center;gap:16px;font-size:25px;font-weight:800;display:flex}.demo-page.nara .demo-brand,.demo-page.nara h1,.demo-page.nara h2,.demo-page.nova h1,.demo-page.nova h2{font-family:Georgia,Times New Roman,serif;font-weight:400}.demo-brand span{color:var(--demo-accent);font-size:19px}.demo-header nav{gap:27px;font-size:12px;display:flex}.demo-header nav a{padding:12px 0}.demo-hero{grid-template-columns:1fr .95fr;align-items:center;gap:7vw;max-width:1600px;margin:auto;padding:70px 6vw 85px;display:grid}.demo-kicker{letter-spacing:.15em;color:var(--demo-accent);margin-bottom:27px;font-size:10px;font-weight:700}.demo-hero h1{letter-spacing:-.05em;max-width:750px;font-size:clamp(48px,5.9vw,88px);line-height:1.02}.demo-page.kopi h1{text-transform:uppercase;font-size:clamp(47px,5.5vw,83px);font-weight:900}.demo-hero-copy>p:not(.demo-kicker){opacity:.8;max-width:475px;margin:28px 0;font-size:16px}.demo-button{background:var(--demo-accent);color:var(--demo-bg);border-radius:3px;justify-content:space-between;align-items:center;gap:35px;min-height:52px;padding:18px 24px;font-size:13px;font-weight:700;display:inline-flex}.demo-button:hover{filter:brightness(1.12)}.demo-visual{max-width:620px;position:relative}.demo-visual img{object-fit:contain;border-radius:3px;width:100%;height:auto;max-height:650px;display:block}.demo-image-caption{letter-spacing:.14em;text-align:right;opacity:.7;margin-top:14px;font-size:9px;display:block}.demo-strip{border-block:1px solid color-mix(in srgb,var(--demo-text) 22%,transparent);letter-spacing:.14em;justify-content:space-between;gap:20px;padding:25px 6vw;font-size:10px;font-weight:700;display:flex}.demo-section{max-width:1600px;margin:auto;padding:85px 6vw;scroll-margin-top:20px}.demo-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px;display:flex}.demo-heading h2,.demo-story h2{letter-spacing:-.045em;font-size:clamp(37px,4.2vw,64px);line-height:1.08}.demo-heading>p{opacity:.65;max-width:270px;margin-bottom:0;font-size:12px}.demo-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.demo-products article{background:var(--demo-card);border-radius:4px;flex-direction:column;min-height:300px;padding:30px;display:flex}.demo-item-top{color:var(--demo-accent);justify-content:space-between;margin-bottom:45px;font-size:13px;display:flex}.demo-products h3{margin-bottom:18px;font-size:26px;line-height:1.1}.demo-products p{opacity:.75;font-size:14px}.demo-products strong{margin-top:auto;padding-top:15px;font-size:20px;display:block}.demo-price-label{opacity:.6;margin-top:7px;font-size:10px;display:block}.demo-story{border-top:1px solid color-mix(in srgb,var(--demo-text) 22%,transparent);grid-template-columns:1fr 1fr;gap:10vw;display:grid}.demo-story>div>p:not(.demo-kicker){opacity:.8;font-size:19px}.demo-story a{border-bottom:1px solid;padding:12px 0;font-size:13px;display:inline-block}.demo-contact{text-align:center;background:var(--demo-card);max-width:none;padding-block:85px}.demo-contact h2{letter-spacing:-.05em;margin-bottom:25px;font-size:clamp(44px,5.5vw,80px);line-height:1.04}.demo-contact>p:not(.demo-kicker){opacity:.75;max-width:560px;margin:0 auto 30px;font-size:15px}.demo-footer{justify-content:space-between;align-items:center;gap:30px;padding:40px 6vw;font-size:11px;display:flex}.demo-footer strong{white-space:nowrap;font-size:20px}.demo-footer p{opacity:.65;max-width:420px;margin:0}.demo-footer a{padding:12px 0}.demo-page a:focus-visible{outline:3px solid var(--demo-accent);outline-offset:5px}@media (max-width:800px){.demo-hero{grid-template-columns:1fr;gap:45px;padding-block:50px}.demo-visual{max-width:550px;margin:auto}.demo-hero h1,.demo-page.kopi h1{font-size:clamp(45px,9vw,70px)}.demo-section{padding-block:60px}.demo-heading{display:block}.demo-heading>p{max-width:400px;margin-top:22px}.demo-products{gap:12px}.demo-products article{padding:22px}.demo-products h3{font-size:22px}.demo-story{gap:35px}.demo-footer{flex-wrap:wrap}}@media (max-width:520px){.demo-notice{flex-wrap:wrap;gap:5px 15px;padding-inline:6vw}.demo-notice>span{flex-basis:100%;order:3;font-size:8px}.demo-header{flex-direction:column;align-items:flex-start;gap:12px;padding-block:22px}.demo-header nav{gap:25px}.demo-brand{font-size:25px}.demo-products,.demo-story{grid-template-columns:1fr}.demo-products article{min-height:260px}.demo-products h3{font-size:27px}.demo-strip{flex-wrap:wrap;justify-content:center;font-size:8px}.demo-strip>span:last-child{display:none}.demo-heading h2,.demo-story h2{font-size:40px}.demo-footer{display:block}.demo-footer p{margin:16px 0}.demo-footer a{display:inline-block}.demo-button{gap:15px;max-width:100%}.demo-contact h2{font-size:43px}}