/* Aspekta variable font is bundled with its SIL Open Font License in assets/fonts/. */
@font-face{font-family:'Aspekta';font-style:normal;font-weight:50 1000;font-display:swap;src:url('./assets/fonts/AspektaVF.woff2') format('woff2');}
/* Aspekta variable is self-hosted; the supplied wordmark remains an image. */
.product-reference{margin:0;width:100%;min-width:0}.product-reference svg{display:block;width:100%;height:auto;overflow:hidden}.product-reference figcaption{padding:10px 13px;font-size:.75rem;line-height:1.45;background:#f4f5f2;color:#4f5c4d}.card-image:has(.product-reference){display:block}.card-image:has(.product-reference) .card-code{background:#fff;padding:3px 7px;border-radius:2px}.viewer-fallback .product-reference{max-width:250px;margin:0 auto}.viewer-fallback .product-reference svg{width:165px;height:150px;max-width:100%;margin-inline:auto}.viewer-fallback .product-reference figcaption{padding:4px 8px}.viewer-fallback:has(.product-reference){gap:6px;padding:12px}.viewer-fallback:has(.product-reference)>p{margin:0}.viewer-fallback:has(.product-reference) .retry-3d{min-height:40px;padding:7px 12px}.home-products .product-card:last-child{display:block!important}
:root{font-family:'Aspekta',Arial,sans-serif;font-size:100%;font-synthesis:none;color:#202820;background:#fff;--ink:#202820;--muted:#646e64;--line:#dfe4dd;--surface:#f4f5f2;--accent:#ff9e25;--radius:4px}*{box-sizing:border-box}body{margin:0;line-height:1.6}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.25em}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}img,svg{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Aspekta',Arial,sans-serif;font-weight:700;line-height:1.05;letter-spacing:-.015em}h1{font-size:clamp(3.3rem,5.1vw,4.65rem)}h2{font-size:2.8rem}h3{font-size:1.8rem}p{line-height:1.7}ul{padding-left:1.3rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #385b72;outline-offset:4px}h1:focus{outline:none}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;padding:0;border:0;margin:-1px}.skip-link{position:fixed;top:-100px;left:12px;background:#fff;z-index:100;padding:14px 20px}.skip-link:focus{top:8px}.wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.top-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px max(56px,calc((100% - 1280px)/2));font-size:.75rem;color:#eef2ec;background:#29352c;letter-spacing:.03em}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{width:calc(100% - 112px);max-width:1280px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:89px}.brand{display:flex;align-items:center;gap:17px;text-decoration:none;flex-shrink:0}.brand-wordmark{display:block;width:118px;aspect-ratio:953/266;filter:grayscale(1) contrast(30);mix-blend-mode:multiply}.brand-wordmark svg{display:block;width:100%;height:auto}.brand-region{border-left:1px solid #b5c0b3;padding-left:17px;font-size:.75rem;letter-spacing:.15em}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{font-size:.875rem;text-decoration:none;white-space:nowrap;padding:28px 0 26px;border-bottom:2px solid transparent;transition:border-color .15s}.site-header nav a:hover,.site-header nav a[aria-current=page]{border-color:var(--ink)}.icon-button{border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:3px}.icon-button:hover{background:#e6eae2}.menu-toggle{display:none;border:0}.eyebrow{font-size:.75rem;line-height:1.5;letter-spacing:.12em;font-weight:600;margin-bottom:17px}.small-line{display:inline-block;width:24px;height:2px;background:var(--ink);vertical-align:middle;margin-right:7px}.home-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:66px;align-items:center;padding-block:60px 40px}.hero-copy h1{line-height:1.01;max-width:620px}.hero-copy h1 span{font-weight:500}.lead{font-size:1.05rem;color:#596558;max-width:490px;margin-top:27px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 21px;font-size:.875rem;font-weight:500;border:1px solid var(--ink);background:transparent;text-decoration:none;border-radius:var(--radius);transition:background .15s,color .15s}.primary{color:#fff;background:var(--ink)}.primary:hover{background:#3e4d3f}.secondary:hover,.card-button:hover{background:#e9ede5}.text-link,.text-button{font-size:.875rem;text-decoration:underline;text-underline-offset:.25em;line-height:1.6}.text-button{background:transparent;border:0;padding:8px 0;min-height:44px}.hero-facts{display:flex;gap:37px;margin-top:39px;padding-top:22px;border-top:1px solid var(--line)}.hero-facts>div{display:flex;align-items:center;gap:13px;flex:1}.hero-facts strong{font-family:'Aspekta',Arial,sans-serif;font-size:2rem;font-weight:500}.hero-facts span{font-size:.75rem;line-height:1.5;color:var(--muted);max-width:150px}.tag{display:inline-block;font-size:.75rem;line-height:1.5;color:#566152;background:#edf0e9;border:1px solid #d8dfd3;padding:5px 9px;border-radius:3px}.viewer{background:#e9ece8;border:1px solid #dce2d8;border-radius:5px;overflow:hidden;min-width:0}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #d5ddd1}.viewer-label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.07em}.model-tag{background:#f9faf6;font-size:.75rem;white-space:nowrap}.viewer-stage{position:relative;min-height:350px;height:350px;isolation:isolate}.viewer-compact .viewer-stage{height:285px;min-height:285px}.model-canvas{display:block;width:100%;height:100%;touch-action:none}.viewer-placeholder,.viewer-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;gap:13px}.viewer-placeholder p{font-size:.875rem}.viewer-placeholder small{font-size:.75rem;color:var(--muted)}.loading-ring{width:27px;height:27px;border:2px solid #c6d0bf;border-top-color:#57664f;border-radius:50%;animation:spin .7s linear infinite}.viewer-toolbar{display:flex;align-items:center;gap:10px;padding:0 17px}.view-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:2px;padding:3px;background:#f7f8f4;border:1px solid #d0d8c9;border-radius:4px;min-width:0}.view-presets button{border:0;background:transparent;font-size:.875rem;padding:8px 5px;min-height:42px;border-radius:2px;line-height:1.3}.view-presets button[aria-pressed=true]{background:#fff;color:#1f2b1e;box-shadow:0 1px 5px #18250d16;font-weight:600}.reset-view{flex:0 0 44px;border-color:#cbd5c4}.viewer-bottom{padding:10px 19px 1px;display:flex;align-items:center;gap:15px;justify-content:space-between}.zoom-control{display:flex;align-items:center;gap:11px;font-size:.75rem;min-width:0;flex:1}.zoom-control input{width:100%;max-width:145px;min-width:35px;accent-color:#35442f;min-height:44px;margin:0}.mode-button{font-size:.8125rem;white-space:nowrap}.viewer-help{padding:5px 19px 13px;font-size:.75rem;color:#5d6a57;line-height:1.55}.viewer-caption{background:#f4f6f0;padding:13px 19px;border-top:1px solid #d5ded0}.viewer-current{display:block;font-size:.875rem;font-weight:500}.viewer-caption p{font-size:.75rem;color:#61705a;margin-top:3px;line-height:1.5}.viewer-fallback{gap:12px}.fallback-title{display:flex;align-items:center;gap:7px;font-size:.875rem}.viewer-fallback .photo-empty{padding:10px;min-height:115px;gap:8px;background:transparent}.viewer-fallback .photo-empty small{display:none}.viewer-fallback p{font-size:.75rem;color:var(--muted)}.retry-3d{font-size:.8125rem;min-height:40px;padding:7px 15px}.official-photo{display:block;width:100%;height:200px;object-fit:contain}.information-band{display:flex;align-items:flex-start;gap:14px;background:#f3f5ef;border:1px solid var(--line);padding:21px 24px;border-radius:4px}.information-band>svg{flex:0 0 21px;margin-top:3px}.information-band p{font-size:.875rem;line-height:1.7;flex:1}.information-band strong{font-weight:600}.information-band>a{font-size:.8125rem;white-space:nowrap;margin-top:3px}.section{padding-block:72px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:28px}.section-title .text-link{margin-bottom:7px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;min-width:0}.card-image{position:relative;background:#f0f2ed;min-height:213px;border-bottom:1px solid var(--line)}.card-image>img{height:213px;object-fit:contain;display:block;width:100%}.photo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;padding:35px 15px;min-height:213px;color:#788171}.photo-empty-icon{width:47px;height:47px;border:1px solid #c9d1c2;border-radius:50%;display:grid;place-items:center}.photo-empty>span:not(.photo-empty-icon){font-size:.8125rem}.photo-empty small{font-size:.75rem}.card-code{position:absolute;top:16px;left:18px;font-size:.75rem;letter-spacing:.1em;color:#6a7562}.card-body{padding:25px}.card-body .eyebrow{margin-bottom:10px;font-size:.75rem}.card-body h2,.card-body h3{font-size:2rem}.card-specs{margin:22px 0;font-size:.8125rem}.card-specs>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-top:1px solid var(--line)}.card-specs dt{color:var(--muted)}.card-specs dd{margin:0;text-align:right;color:#718069;font-size:.75rem}.card-button{width:100%}.knowledge-strip{background:#edf1e8;padding:55px 0;border-block:1px solid #dbe4d4}.knowledge-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:55px}.knowledge-grid h2{font-size:2.7rem}.knowledge-grid h3{font-size:1.8rem;margin-bottom:16px}.knowledge-grid p{font-size:.94rem;color:#596651;margin-bottom:17px}.document-teaser{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.document-teaser>div:last-child p{color:var(--muted);margin-bottom:22px;max-width:540px}.site-footer{background:#f5f6f2;padding:40px 0 25px;border-top:1px solid var(--line);margin-top:40px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-main p{font-size:.8125rem;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #dae2d4;padding-top:21px;font-size:.75rem;color:#65715d}.page-heading{padding-top:62px;margin-bottom:40px;max-width:850px}.page-description{font-size:1rem;color:var(--muted);max-width:720px;margin-top:22px}.catalog-tools{display:flex;gap:18px;align-items:flex-end;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.catalog-tools label,.detail-picker label,.instruction-selector label{font-size:.8125rem;font-weight:500;display:block;margin-bottom:8px}.search-field{flex:1}.search-field>div{position:relative}.search-field svg{position:absolute;left:14px;top:15px;pointer-events:none;color:#69785e}.search-field input{padding-left:43px}.search-field input,input[type=search],select{height:50px;border:1px solid #bdc9b4;border-radius:3px;background:#fff;font-size:.875rem;width:100%;min-width:0}.search-field input{padding-right:12px}.filter-field{width:225px}select{padding:0 36px 0 13px}.reset-filters{min-height:50px;white-space:nowrap}.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px;gap:20px}.catalog-meta p{font-size:.875rem;color:var(--muted)}.source-note{font-size:.75rem;line-height:1.7;color:var(--muted);margin-top:24px}.source-note>span{margin-left:12px}.source-link{font-size:inherit;text-decoration-thickness:1px}.has-no-results{display:block}.empty-results{padding:66px 24px;text-align:center;border:1px dashed #c6d1bf;background:#f8f9f5;border-radius:5px}.empty-results>svg{margin-bottom:20px}.empty-results h2{font-size:2.2rem}.empty-results p{max-width:500px;margin:18px auto 22px;font-size:.94rem;color:var(--muted)}.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);padding-top:29px}.breadcrumbs a{text-decoration:none}.detail-heading{padding-block:32px;display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.detail-heading h1{font-size:4.3rem}.detail-heading p:not(.eyebrow){max-width:600px;font-size:.94rem;color:var(--muted);margin-top:16px}.detail-picker{width:245px;flex-shrink:0}.detail-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:35px;align-items:start}.detail-visual{position:sticky;top:112px}.detail-visual .viewer-stage{height:420px;min-height:420px}.asset-note{display:flex;align-items:flex-start;gap:11px;margin-top:19px;color:var(--muted)}.asset-note>svg{flex-shrink:0;margin-top:3px}.asset-note p{font-size:.75rem;line-height:1.65}.specification-panel{border:1px solid var(--line);padding:25px 27px;border-radius:4px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-heading h2{font-size:2.2rem}.spec-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.spec-table th,.spec-table td{text-align:left;border-top:1px solid var(--line);padding:15px 0;vertical-align:top;overflow-wrap:anywhere}.spec-table th{font-weight:500;width:42%;padding-right:18px}.spec-table td{font-weight:400}.unknown-value{color:#69775f}.spec-table td small{display:block;font-size:.75rem;line-height:1.5;color:#6c7962;margin-top:5px}.unit-note{font-size:.75rem;color:var(--muted);margin-top:14px}.warning-card{padding:17px 19px;background:#f0f3eb;border-left:2px solid #7b8d6d;margin-top:24px}.warning-card strong{font-size:.875rem;font-weight:600}.warning-card p{font-size:.8125rem;margin:7px 0;color:#59674f}.warning-card a{font-size:.75rem}.print-button{margin-top:22px;width:100%}.detail-notes{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-block:60px}.detail-notes h2{font-size:2.3rem;max-width:450px}.detail-notes p:not(.eyebrow){margin-top:19px;color:var(--muted)}.instruction-card{padding:30px;border:1px solid var(--line);border-radius:4px;background:#f6f7f3}.instruction-card h2{margin-top:20px}.instruction-card .text-link{display:inline-block;margin-top:20px}.editorial{max-width:1180px}.editorial-split{display:grid;grid-template-columns:.9fr 1.2fr;gap:90px;padding:48px 0;border-top:1px solid var(--line)}.editorial-split h2{font-size:2.55rem;max-width:360px}.editorial-split>div>p+p{margin-top:19px}.editorial-split p{font-size:1rem;color:#596552}.editorial-split .source-note{font-size:.75rem}.risk-section{background:#2c382c;color:#f6f8f3;padding:44px 42px;margin:15px 0 55px;border-radius:4px;scroll-margin-top:110px}.risk-section .eyebrow{color:#c8d6be}.risk-section h2{font-size:3rem;line-height:1.07}.risk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:37px}.risk-cards span{display:block;font-size:.75rem;color:#bdcbb5;margin-bottom:16px}.risk-cards h3{font-size:1.7rem}.risk-cards p{font-size:.875rem;color:#d3decb;margin-top:13px}.risk-section .source-note{color:#cad6c2}.unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.unit-grid>div{padding:22px;background:#f2f5ec;border:1px solid #dce4d3;border-radius:4px}.unit-grid strong{font-family:'Aspekta',Arial,sans-serif;font-size:2.3rem;font-weight:600}.unit-grid p{font-size:.875rem;margin-top:10px}.unit-grid-note{grid-column:1/-1}.instruction-selector{max-width:355px;margin-bottom:25px}.instruction-status{padding:45px 35px;text-align:center;border:1px solid var(--line);background:#f4f6ef;border-radius:4px}.empty-document{width:66px;height:66px;border:1px solid #cbd6c1;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px}.instruction-status h2{font-size:2.5rem;max-width:700px;margin-inline:auto}.instruction-status>p:not(.eyebrow){max-width:670px;margin:18px auto 24px;color:var(--muted);font-size:.94rem}.compact{padding-top:52px}.narrow{max-width:700px}.muted{color:var(--muted)}.handling-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;border:1px solid var(--line);border-radius:4px}.handling-grid article{border-right:1px solid var(--line);padding:25px}.handling-grid article:last-child{border:0}.handling-grid span{font-size:.75rem;color:var(--muted)}.handling-grid h3{font-size:1.65rem;margin-top:22px}.handling-grid p{font-size:.875rem;color:var(--muted);margin-top:15px}.evidence-summary{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:38px}.evidence-summary>div{display:flex;align-items:center;gap:18px;padding:28px;border:1px solid var(--line);border-radius:4px;background:#f3f5ef}.evidence-summary strong{font-size:.94rem;font-weight:500;flex:1}.evidence-summary span{font-size:.8125rem;color:var(--muted)}.evidence-labels,.evidence-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px;align-items:center;padding:23px 25px}.evidence-labels{font-size:.75rem;background:#29372b;color:#e3ebdf;border-radius:4px 4px 0 0}.evidence-row{border-bottom:1px solid var(--line)}.evidence-row h2{font-family:'Aspekta',Arial,sans-serif;font-size:.94rem;font-weight:500;line-height:1.5;letter-spacing:0}.evidence-row p{font-size:.875rem;color:var(--muted)}.mobile-label{display:none}.evidence-list{margin-bottom:60px}.status-legend{margin:0}.status-legend>div{display:grid;grid-template-columns:165px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:19px 0}.status-legend>div:first-child{padding-top:0}.status-legend dd{margin:0;font-size:.875rem;color:var(--muted)}.faq-page{max-width:1080px}.faq-list{border-top:1px solid var(--line);margin-bottom:60px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:26px 0;font-size:1rem;font-weight:500;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-number{font-family:'Aspekta',Arial,sans-serif;font-weight:500;font-size:1.35rem;color:#7d8974}.faq-toggle{margin-left:auto;font-size:1.6rem;transition:transform .15s}.faq-list details[open] .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 50px 29px;color:#596650;font-size:.94rem}.faq-answer .source-link{font-size:.75rem;display:inline-block;margin-top:14px}.source-list>article{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:34px 0;border-top:1px solid var(--line)}.source-index{font-family:'Aspekta',Arial,sans-serif;font-size:2rem;color:var(--muted)}.source-list h2{font-size:2rem;margin-top:15px}.source-list p{color:var(--muted);margin:16px 0;max-width:800px}.source-list dl{display:flex;gap:48px;font-size:.8125rem;margin:20px 0}.source-list dt{color:var(--muted)}.source-list dd{margin:5px 0}.small{font-size:.75rem}.not-found{padding-bottom:85px}.no-script{padding:40px;max-width:900px}.no-script p{margin-top:25px} @keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.home-hero{gap:75px;padding-top:75px}.viewer-compact .viewer-stage{height:330px;min-height:330px}}
@media(max-width:1200px){.wrap,.header-inner{width:calc(100% - 80px)}.top-notice{padding-inline:40px}.site-header nav{gap:21px}.site-header nav a{font-size:.8125rem}.header-inner{gap:25px}.brand-region{font-size:.75rem}.home-hero{gap:37px}.hero-copy h1{font-size:3.8rem}.button-row .button{padding-inline:16px;font-size:.8125rem}.hero-facts{gap:20px}.viewer-top{padding-inline:14px}.viewer-label{font-size:.75rem}.model-tag{font-size:.75rem}.viewer-toolbar{padding-inline:13px}.view-presets button{font-size:.8125rem}.knowledge-grid{gap:35px}.product-grid{gap:20px}.card-body{padding:22px}.card-specs>div{display:block}.card-specs dd{margin-top:3px;text-align:left}.detail-layout{gap:25px}.specification-panel{padding:25px 22px}.detail-visual .viewer-stage{height:360px;min-height:360px}.editorial-split{gap:55px}.handling-grid article{padding:22px}.evidence-summary>div{flex-wrap:wrap}.evidence-summary span{margin-left:44px;width:100%}}
@media(max-width:1100px){.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;align-items:stretch;gap:0;flex-direction:column;background:#fff;padding:13px 40px 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #1020080d}.site-header nav.open{display:flex}.site-header nav a{font-size:.94rem;padding:13px 0}.menu-toggle{display:inline-flex}.header-inner{min-height:77px}.home-hero{gap:28px}.hero-copy h1{font-size:3.55rem}.lead{font-size:1rem}.hero-facts{margin-top:29px}.hero-facts>div{gap:9px}.viewer-help{font-size:.75rem}.information-band{flex-wrap:wrap}.information-band>a{margin-left:35px}.viewer-compact .viewer-stage{height:260px;min-height:260px}.viewer-current{font-size:.8125rem}.viewer-bottom{padding-inline:14px}.viewer-caption{padding-inline:14px}.viewer-compact .viewer-toolbar{flex-wrap:wrap}.viewer-compact .view-presets{min-width:200px}.knowledge-grid{gap:28px}.document-teaser{gap:55px}.footer-main{flex-wrap:wrap}.footer-main .text-link{margin-left:auto}.detail-visual{top:100px}.detail-notes{gap:45px}}
@media(max-width:900px){.home-hero{grid-template-columns:1fr;gap:36px;padding-top:43px}.hero-copy h1{font-size:4.2rem;max-width:690px}.lead{max-width:640px}.hero-facts{max-width:550px}.hero-viewer{max-width:680px;width:100%;margin-inline:auto}.viewer-compact .viewer-stage{height:335px;min-height:335px}.viewer-top{padding:17px 20px}.viewer-label,.model-tag{font-size:.75rem}.viewer-compact .viewer-toolbar{flex-wrap:nowrap}.view-presets button{font-size:.875rem}.viewer-current{font-size:.875rem}.viewer-help{font-size:.75rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-products .product-card:last-child{display:none}.knowledge-grid{grid-template-columns:1fr 1fr;gap:35px}.knowledge-grid>div:first-child{grid-column:1/-1}.knowledge-grid h2 br{display:none}.document-teaser{gap:35px}.section{padding-block:55px}.detail-layout{grid-template-columns:1fr}.detail-visual{position:static}.detail-visual .viewer-stage{height:390px;min-height:390px}.detail-heading{gap:30px}.detail-heading h1{font-size:3.8rem}.detail-picker{width:210px}.detail-notes{gap:30px}.specification-panel{padding:28px}.spec-table th{width:40%}.editorial-split{gap:35px}.risk-cards{gap:25px}.risk-section{padding:35px 30px}.handling-grid{grid-template-columns:1fr 1fr}.handling-grid article:nth-child(2){border-right:0}.handling-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.evidence-row,.evidence-labels{gap:20px;padding:22px 18px}.status-legend>div{grid-template-columns:1fr;gap:10px}.catalog-tools{padding:20px;gap:14px}.filter-field{width:185px}.reset-filters{padding-inline:15px;font-size:.8125rem}}
@media(max-width:620px){.wrap,.header-inner{width:calc(100% - 40px)}.top-notice{padding:9px 20px;justify-content:center;font-size:.75rem;text-align:center}.top-notice>span:first-child{display:none}.header-inner{min-height:70px;gap:12px}.brand-wordmark{width:103px}.brand{gap:13px}.brand-region{font-size:.75rem;padding-left:13px}.site-header nav{padding:10px 20px 22px}.home-hero{padding-top:35px;gap:30px;padding-bottom:29px}.eyebrow{font-size:.75rem;letter-spacing:.1em}.hero-copy h1{font-size:clamp(2.8rem,10.6vw,3.9rem)}h1{font-size:3.1rem}h2{font-size:2.35rem}.lead{font-size:1rem;margin-top:20px}.button-row{gap:10px;margin-top:24px}.button-row .button{font-size:.875rem;padding:12px 16px;flex:1;text-align:center;line-height:1.5}.hero-facts{gap:20px;padding-top:18px;margin-top:25px}.hero-facts strong{font-size:1.8rem}.hero-facts span{font-size:.75rem}.viewer-top{padding:13px 12px;gap:8px;align-items:flex-start}.viewer-label{font-size:.75rem;gap:5px}.viewer-label>svg{width:14px;height:14px;flex-shrink:0}.model-tag{font-size:.75rem;padding:4px 6px}.viewer-compact .viewer-stage{height:265px;min-height:265px}.viewer-toolbar{padding:0 11px;gap:8px;flex-wrap:wrap}.view-presets{flex-basis:100%}.viewer-compact .viewer-toolbar{flex-wrap:wrap}.view-presets button{font-size:.875rem;padding:7px 3px}.reset-view{margin-left:auto;min-width:40px;min-height:40px}.viewer-bottom{padding:7px 13px;gap:15px}.viewer-help{padding:1px 13px 12px;font-size:.75rem}.viewer-caption{padding:13px}.viewer-current{font-size:.875rem}.viewer-caption p{font-size:.75rem}.viewer-fallback{padding:20px}.viewer-fallback .photo-empty{min-height:90px}.fallback-title{font-size:.8125rem}.information-band{padding:18px;gap:10px}.information-band p{font-size:.875rem}.information-band>a{margin-left:31px}.section{padding-block:43px}.section-title{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}.section-title .text-link{margin-bottom:0}.product-grid{grid-template-columns:1fr;gap:20px}.home-products .product-card:last-child{display:block}.card-image,.photo-empty{min-height:182px}.card-image>img{height:182px}.card-body{padding:23px}.card-body h2,.card-body h3{font-size:2rem}.card-specs>div{display:flex}.card-specs dd{margin-top:0;text-align:right}.card-specs{font-size:.875rem}.card-specs dd{font-size:.8125rem}.knowledge-strip{padding-block:36px}.knowledge-grid{grid-template-columns:1fr;gap:30px}.knowledge-grid>div:first-child{grid-column:auto}.knowledge-grid h2{font-size:2.5rem}.knowledge-grid p{font-size:1rem}.document-teaser{grid-template-columns:1fr;gap:24px}.document-teaser>div:last-child p{font-size:1rem}.site-footer{padding-top:30px;margin-top:25px}.footer-main{display:block;padding-bottom:25px}.footer-main p{margin:24px 0 18px;font-size:.8125rem}.footer-main .text-link{font-size:.875rem}.footer-bottom{flex-direction:column;gap:10px;font-size:.75rem;line-height:1.6}.page-heading{padding-top:36px;margin-bottom:28px}.page-description{font-size:1rem;margin-top:18px}.catalog-tools{flex-wrap:wrap;padding:17px;gap:15px}.search-field{flex-basis:100%}.filter-field{width:auto;flex:1}.reset-filters{padding-inline:12px}.catalog-meta{align-items:flex-start;flex-direction:column;gap:12px;margin:22px 0}.catalog-meta .tag{font-size:.75rem}.source-note{font-size:.75rem}.source-note>span{display:block;margin-left:0}.breadcrumbs{padding-top:22px;font-size:.75rem;gap:10px}.detail-heading{display:block;padding-block:25px}.detail-heading h1{font-size:3.5rem}.detail-heading p:not(.eyebrow){font-size:1rem}.detail-picker{width:100%;margin-top:24px}.detail-visual .viewer-stage{height:290px;min-height:290px}.asset-note p{font-size:.8125rem}.detail-layout{gap:25px}.specification-panel{padding:23px 18px}.panel-heading{gap:10px}.panel-heading h2{font-size:2.1rem}.panel-heading .tag{font-size:.75rem}.spec-table th,.spec-table td{font-size:.8125rem;padding:14px 0}.spec-table th{padding-right:13px;width:44%}.spec-table td small{font-size:.75rem}.warning-card{padding:16px}.warning-card p{font-size:.875rem}.detail-notes{grid-template-columns:1fr;gap:30px;padding-block:38px}.detail-notes h2{font-size:2.3rem}.detail-notes p:not(.eyebrow){font-size:1rem}.detail-notes .source-note{font-size:.75rem!important}.instruction-card{padding:25px}.instruction-card p{font-size:1rem}.editorial-split{grid-template-columns:1fr;gap:23px;padding:34px 0}.editorial-split h2{font-size:2.4rem}.risk-section{padding:29px 22px;margin-bottom:35px}.risk-section h2{font-size:2.6rem}.risk-cards{grid-template-columns:1fr;gap:28px;margin-top:30px}.risk-cards article{border-top:1px solid #5a6c51;padding-top:20px}.risk-cards span{margin-bottom:9px}.risk-cards p{font-size:.94rem}.unit-grid{gap:14px}.unit-grid>div{padding:18px 15px}.unit-grid strong{font-size:2rem}.unit-grid p{font-size:.875rem}.instruction-status{padding:31px 20px}.instruction-status h2{font-size:2.2rem}.instruction-status>p:not(.eyebrow){font-size:1rem}.handling-grid{grid-template-columns:1fr}.handling-grid article{border-right:0;border-bottom:1px solid var(--line)!important;padding:25px}.handling-grid article:last-child{border:0!important}.handling-grid h3{font-size:1.85rem;margin-top:13px}.handling-grid p{font-size:1rem;margin-top:13px}.evidence-summary{grid-template-columns:1fr;gap:16px}.evidence-summary>div{padding:22px}.evidence-summary span{margin-top:-8px}.evidence-labels{display:none}.evidence-row{display:block;border:1px solid var(--line);border-radius:4px;margin-bottom:16px;padding:23px}.evidence-row h2{font-size:1rem;margin-bottom:20px}.evidence-row>div{margin-top:15px}.mobile-label{display:block;font-size:.75rem;color:#5c7051;margin-bottom:5px}.evidence-row p{font-size:.875rem}.evidence-list{margin-bottom:38px}.faq-list summary{gap:14px;align-items:flex-start;padding:23px 0;font-size:.94rem}.faq-number{font-size:1.1rem;margin-top:1px}.faq-toggle{flex:0 0 17px;font-size:1.4rem;margin-top:1px}.faq-answer{padding:0 12px 24px 29px;font-size:1rem}.source-list>article{grid-template-columns:28px 1fr;gap:18px;padding:27px 0}.source-index{font-size:1.5rem}.source-list h2{font-size:1.9rem}.source-list p{font-size:1rem}.source-list dl{gap:25px;flex-wrap:wrap;font-size:.8125rem}.small{font-size:.75rem!important}.empty-results{padding:40px 20px}.empty-results h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-ring{border-top-color:#57664f}}
@media print{@page{size:A4;margin:15mm}.top-notice,.site-header,.site-footer,.detail-visual,.detail-picker,.breadcrumbs,.print-button,.skip-link{display:none!important}.wrap{width:100%;max-width:none}.detail-heading{padding:10px 0 24px}.detail-heading h1{font-size:30pt}.detail-layout{display:block}.specification-panel{padding:0;border:0}.spec-table th,.spec-table td{font-size:10pt;padding:10px 0}.spec-table small,.spec-table .source-link{font-size:8pt}.detail-notes{display:block;padding:20px 0}.instruction-card{margin-top:20px;padding:20px}.warning-card{break-inside:avoid}.tag{font-size:8pt}.detail-notes h2{font-size:18pt}.detail-notes p{font-size:10pt}.detail-notes .source-note{font-size:8pt}}

/* Homepage layout follows the supplied global reference; content stays informational. */
.home-region,.menu-label{display:none}
.is-home .site-header{background:#cce6e2;border-color:transparent;position:relative}
.is-home .header-inner{display:grid;grid-template-columns:1fr auto 1fr;min-height:112px;max-width:1600px}
.is-home .site-header .brand{grid-column:2;grid-row:1;justify-self:center}
.is-home .site-header .brand-wordmark{width:240px}
.is-home .site-header .brand-region{display:none}
.is-home .menu-toggle{display:flex;grid-column:1;grid-row:1;justify-self:start;gap:10px;padding:10px 0;min-width:80px}
.is-home .menu-label{display:inline;font-size:.875rem}
.is-home .home-region{display:flex;grid-column:3;grid-row:1;justify-self:end;gap:10px;align-items:center;font-size:.8rem;font-weight:600;letter-spacing:.06em;border:1px solid #91bdb7;border-radius:30px;padding:10px 17px}
.indonesia-flag{display:block;width:24px;height:16px;background:linear-gradient(#d32d32 50%,#fff 50%);box-shadow:0 0 0 1px #0001}
.is-home .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:18px max(28px,calc((100% - 1280px)/2));background:#f5fcfa;box-shadow:0 15px 30px #07241e20;border-bottom:1px solid #9cbfb8;gap:26px}
.is-home .site-header nav.open{display:flex}
.is-home .site-header nav a{padding:12px 0}
.reference-hero{position:relative;isolation:isolate;overflow:hidden;min-height:580px;background:#267e76;color:#fff;display:flex;align-items:flex-end;justify-content:center;text-align:center}
.reference-hero-art{position:absolute;z-index:-2;inset:-122px 0 0;pointer-events:none}
.reference-hero-art svg{display:block;width:100%;height:100%;max-width:none}
.reference-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 25%,#267e7600 34%,#267e76 66%,#267e76 100%)}
.reference-hero-copy{width:calc(100% - 40px);max-width:900px;padding:205px 0 27px}
.reference-hero-copy .eyebrow{font-size:.75rem;letter-spacing:.16em;margin-bottom:12px}
.reference-hero-copy h1{font-family:'Aspekta',Arial,sans-serif;font-size:clamp(2.1rem,3.8vw,3.5rem);line-height:1.13;letter-spacing:-.035em}
.reference-hero-copy h1 strong,.reference-hero-copy h1 span{display:block}
.reference-hero-copy h1 strong{font-weight:750}
.reference-hero-copy h1 span{font-weight:400;letter-spacing:-.025em}
.reference-hero-copy>p:not(.eyebrow):not(.hero-reference-note){font-size:1rem;margin-top:17px}
.reference-hero-copy .button-row{justify-content:center;margin-top:23px;gap:12px}
.reference-hero-copy .button{min-height:48px;border-radius:0;padding:12px 24px;font-weight:600}
.hero-catalog{background:#fff;color:#143c36;border-color:#fff}.hero-catalog:hover{background:#e2f2ef}
.hero-about{border-color:#d1e9e5;color:#fff}.hero-about:hover{background:#ffffff18}
.reference-hero-copy .hero-reference-note{font-size:.7rem;color:#e3f1ee;margin-top:22px;line-height:1.5}
.reference-hero :focus-visible{outline-color:#fff}
.home-information-links{display:grid;grid-template-columns:repeat(3,1fr);background:#080b0b;color:#fff;padding:34px max(24px,calc((100% - 1350px)/2))}
.home-information-links>a{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:5px 28px;text-decoration:none;min-height:155px;border-right:1px solid #ffffff48}
.home-information-links>a:last-child{border-right:0}.home-information-links>a:hover{background:#ffffff0a}
.home-information-icon{display:grid;place-items:center;width:65px;height:65px;border:2px solid #fff;border-radius:50%;margin-bottom:18px}
.home-information-icon svg{width:35px;height:35px}
.home-information-links h2{font-family:'Aspekta',Arial,sans-serif;font-size:1rem;font-weight:500;letter-spacing:0;line-height:1.5}
.home-information-links p{font-size:.8rem;color:#c2ccca;margin-top:4px;line-height:1.5}
.home-source-space{height:35px}
@media(min-width:1700px){.reference-hero{min-height:760px}.reference-hero-copy{padding-bottom:44px}.reference-hero:after{background:linear-gradient(180deg,transparent 30%,#267e7600 38%,#267e76 67%)}}
@media(max-width:1100px){.is-home .site-header nav{flex-direction:column;gap:0;padding:18px 40px}.reference-hero{min-height:640px}.home-information-links>a{padding-inline:16px}.home-information-links p{max-width:240px}}
@media(max-width:620px){.is-home .header-inner{min-height:90px;gap:8px;width:calc(100% - 32px)}.is-home .site-header .brand-wordmark{width:130px}.is-home .menu-toggle{min-width:44px;justify-content:flex-start}.is-home .menu-label{display:none}.is-home .home-region{font-size:.58rem;letter-spacing:.02em;gap:5px;padding:7px 8px}.indonesia-flag{width:16px;height:11px}.is-home .site-header nav{padding:14px 20px}.reference-hero{min-height:610px}.reference-hero-art{inset:-90px 0 0}.reference-hero-art svg{width:175%;margin-left:-37.5%;height:410px}.reference-hero:after{background:linear-gradient(180deg,transparent 12%,#267e7600 18%,#267e76 34%)}.reference-hero-copy{padding:230px 0 25px;width:calc(100% - 36px)}.reference-hero-copy h1{font-size:clamp(1.65rem,7.3vw,2.65rem);line-height:1.17}.reference-hero-copy .eyebrow{font-size:.63rem;letter-spacing:.11em}.reference-hero-copy>p:not(.eyebrow):not(.hero-reference-note){font-size:.9rem;max-width:310px;margin-inline:auto}.reference-hero-copy .button-row{gap:10px;flex-direction:column}.reference-hero-copy .button{width:100%;max-width:310px;font-size:.875rem;padding:12px}.reference-hero-copy .hero-reference-note{font-size:.68rem;max-width:295px;margin:18px auto 0}.home-information-links{grid-template-columns:1fr;padding:12px 24px}.home-information-links>a{align-items:flex-start;text-align:left;position:relative;padding:24px 0 24px 68px;min-height:112px;border-right:0;border-bottom:1px solid #ffffff38}.home-information-links>a:last-child{border-bottom:0}.home-information-icon{position:absolute;left:0;top:28px;width:46px;height:46px;margin:0}.home-information-icon svg{width:25px;height:25px}.home-information-links h2{font-size:.9rem}.home-information-links p{font-size:.75rem}.home-source-space{height:25px}}

/* Five-product carousel. Motion is user-initiated and respects reduced motion. */
.product-carousel{--slide-surface:#f2e9ec;--slide-accent:#7c2746;--slide-direction:1;background:var(--slide-surface);color:#162d2a;overflow:hidden;transition:background-color .35s ease}
.product-carousel[data-product="bali-tropical"]{--slide-surface:#f6ecdb;--slide-accent:#835018}
.product-carousel[data-product="mint"]{--slide-surface:#e1eeea;--slide-accent:#266b5e}
.product-carousel[data-product="polar-mint"]{--slide-surface:#dfedef;--slide-accent:#185c6b}
.product-carousel[data-product="artic-mint"]{--slide-surface:#e0eaf4;--slide-accent:#235981}
.carousel-heading,.carousel-controls,.carousel-variants{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}
.carousel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px}
.carousel-heading h1{font-family:'Aspekta',Arial,sans-serif;font-size:.9rem;line-height:1.5;letter-spacing:0;font-weight:500}
.carousel-heading>span{font-size:.65rem;letter-spacing:.14em;color:#54655f;white-space:nowrap}
.carousel-stage{max-width:1280px;width:calc(100% - 112px);margin-inline:auto;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.carousel-stage.is-dragging{cursor:grabbing}
.carousel-stage:focus-visible{outline-offset:-2px}
.product-slide{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:455px;padding:26px 24px 16px}
.product-slide[hidden]{display:none}
.slide-visual{max-width:425px;width:100%;position:relative;justify-self:center;animation:product-slide-in .48s cubic-bezier(.2,.7,.2,1) both}
.slide-visual .product-reference{border-radius:9px;overflow:hidden;box-shadow:0 18px 40px #20383314}
.slide-visual .product-reference svg{width:100%;aspect-ratio:1.1;height:auto;pointer-events:none}
.slide-visual .product-reference figcaption{background:#ffffffa8;color:#34453e;font-size:.68rem;padding:8px 14px;text-align:center;line-height:1.4}
.slide-image-note{position:absolute;top:14px;left:14px;font-size:.55rem;letter-spacing:.13em;color:#172f29;background:#fffc;padding:5px 8px;border-radius:2px}
.slide-copy{padding:10px 0;animation:product-copy-in .4s ease both}
.slide-copy .eyebrow{font-size:.7rem;letter-spacing:.16em;color:#4b655d;margin-bottom:16px}
.slide-copy .eyebrow span{color:var(--slide-accent)}
.slide-copy h2{font-size:clamp(3.6rem,6.5vw,6rem);font-weight:600;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;max-width:570px}
.slide-nicotine{display:flex;gap:19px;align-items:center;margin-top:25px}
.slide-nicotine strong{display:flex;align-items:baseline;gap:7px;border:1px solid #8c9f943e;background:#ffffff60;padding:8px 15px;font-size:1.75rem;font-weight:500;line-height:1.2;color:var(--slide-accent)}
.slide-nicotine small{font-size:.75rem;font-weight:500}
.slide-nicotine>span{font-size:.8rem;line-height:1.5;max-width:90px;color:#506459}
.slide-description{font-size:.93rem;max-width:365px;margin-top:20px;color:#455b50;line-height:1.65}
.slide-detail{background:#163c34;border-color:#163c34;color:white;border-radius:0;font-size:.85rem;margin-top:20px;padding:12px 23px;gap:30px;min-width:210px;cursor:pointer;user-select:auto}
.slide-detail:hover{background:#245447}.slide-detail svg{width:20px}
.slide-source{font-size:.68rem;color:#52685d;line-height:1.6;max-width:330px;margin-top:15px}
.carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:17px 0 21px;gap:18px}
.carousel-hint{font-size:.75rem;color:#52685d;display:flex;align-items:center;gap:15px}
.carousel-hint>span{font-size:1.5rem;line-height:1}
.carousel-arrows{display:flex;align-items:center;gap:22px}
.carousel-arrow{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:50%;border:1px solid #64887b6b;background:#ffffff55;color:#173d32;transition:background .18s,transform .18s}
.carousel-arrow:hover{background:#173d32;color:#fff;transform:translateY(-2px)}
.carousel-counter{font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;min-width:59px;text-align:center}
.carousel-counter strong{font-weight:600}.carousel-counter>span{color:#63766b}
.carousel-variants{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:20px}
.carousel-variants button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-top:2px solid #91a39955;background:transparent;color:#52685d;min-height:60px;font-size:.8rem;line-height:1.3;padding:16px 8px;transition:color .2s,background .2s,border-color .2s}
.carousel-variants button[aria-pressed="true"]{border-color:var(--slide-accent);background:#ffffff72;color:#193b2e;font-weight:600}
.carousel-variants button:hover{background:#ffffff60}
.variant-number{font-size:.62rem;color:#718375;font-variant-numeric:tabular-nums}.variant-dot{height:5px;width:5px;background:currentColor;border-radius:50%;opacity:0;flex-shrink:0}
.carousel-variants button[aria-pressed="true"] .variant-dot{opacity:1}
@keyframes product-slide-in{from{opacity:0;transform:translateX(calc(var(--slide-direction)*60px)) rotate(calc(var(--slide-direction)*2deg))}to{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes product-copy-in{from{opacity:0;transform:translateX(calc(var(--slide-direction)*25px))}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.carousel-heading,.carousel-stage,.carousel-controls,.carousel-variants{width:calc(100% - 80px)}.product-slide{padding-inline:0;gap:6%;min-height:425px}.slide-copy h2{font-size:4.4rem}.slide-visual{max-width:360px}.slide-nicotine{margin-top:20px}.slide-description{font-size:.875rem}.slide-detail{margin-top:16px}.carousel-variants button{font-size:.75rem;gap:6px}.variant-number{display:none}}
@media(max-width:767px){.carousel-heading,.carousel-stage,.carousel-controls,.carousel-variants{width:calc(100% - 40px)}.carousel-heading{padding-top:19px}.carousel-heading h1{font-size:.76rem}.carousel-heading>span{display:none}.product-slide{grid-template-columns:1fr;gap:22px;min-height:0;padding:23px 0 9px}.slide-visual{max-width:280px}.slide-visual .product-reference figcaption{font-size:.61rem;padding:6px 9px}.slide-image-note{font-size:.5rem;top:10px;left:10px}.slide-copy{width:100%;padding:0;display:grid;grid-template-columns:1fr auto;column-gap:10px}.slide-copy .eyebrow{grid-column:1/-1;margin-bottom:10px;font-size:.61rem}.slide-copy h2{font-size:clamp(2.5rem,9.5vw,4rem);max-width:240px;align-self:center}.slide-nicotine{margin:0;display:block;align-self:center;text-align:right}.slide-nicotine strong{font-size:1.3rem;gap:4px;padding:8px 9px;justify-content:center}.slide-nicotine small{font-size:.6rem}.slide-nicotine>span{display:block;font-size:.6rem;margin-top:4px;max-width:none}.slide-description{display:none}.slide-detail{grid-column:1/-1;justify-self:stretch;min-width:0;margin-top:19px;min-height:46px;padding:10px 18px;justify-content:space-between;font-size:.8rem}.slide-source{grid-column:1/-1;font-size:.61rem;max-width:none;margin-top:10px}.carousel-controls{padding:15px 0 18px;gap:10px}.carousel-arrows{gap:11px}.carousel-arrow{width:44px;height:44px;min-width:44px}.carousel-counter{font-size:.75rem;min-width:49px}.carousel-hint{font-size:.61rem;max-width:145px;gap:8px;line-height:1.5}.carousel-hint>span{font-size:1.2rem}.carousel-variants{padding-bottom:13px}.carousel-variants button{font-size:.65rem;padding:12px 4px;min-height:58px;gap:0;line-height:1.35}.variant-dot{display:none}.carousel-variants button>span:not(.variant-number):not(.variant-dot){max-width:64px}}
@media(prefers-reduced-motion:reduce){.product-carousel,.product-slide *,.carousel-arrow{animation:none!important;transition:none!important}}

/* Inspectable studio display and two editorial slides. */
.model-visual{max-width:520px;animation:none}
.hero-model{width:100%;padding:18px 16px 14px;border:1px solid #7691812c;border-radius:18px;background:linear-gradient(155deg,#ffffffb5,#ffffff38);box-shadow:0 22px 50px #2946380a}
.hero-model-top{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#527067;font-size:.62rem;letter-spacing:.12em}
.hero-model-top>span:first-child{display:flex;align-items:center;gap:8px}.hero-model-top>span:last-child{font-size:.9rem;letter-spacing:0}
.hero-model-stage{height:330px;position:relative;overflow:hidden;isolation:isolate;border-radius:10px;touch-action:none;cursor:grab;margin-block:8px}
.hero-model-stage:active{cursor:grabbing}.hero-model-stage:focus-visible{outline-offset:-3px}.hero-model-stage canvas{width:100%;height:100%;display:block}
.hero-model-stage>.product-reference{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;max-width:80%;box-shadow:none}
.hero-model-stage>.product-reference svg{height:auto;width:100%;aspect-ratio:auto}
.css-model-space{width:100%;height:100%;position:relative;perspective:900px;background:radial-gradient(ellipse at 50% 45%,#fff9,transparent 65%)}
.model-ground{position:absolute;width:210px;height:40px;left:50%;top:79%;transform:translateX(-50%);background:radial-gradient(ellipse,#19352b35,transparent 68%);filter:blur(8px)}
.css-can{position:absolute;width:260px;height:260px;top:43%;left:50%;margin-left:-130px;margin-top:-130px;transform-style:preserve-3d;transform:rotateX(52deg) rotateY(-20deg) rotateZ(-18deg)}
.can-lid,.can-base{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden}
.can-lid{transform:translateZ(25px);border:4px solid #e2e5e3;background:linear-gradient(145deg,#ffffff,#fafbf9 45%,#d7ded9);box-shadow:inset 0 0 0 2px #fff,inset -6px -8px 15px #91a1953b,0 0 0 1px #afbeb5}
.can-recess{position:absolute;inset:17px;border-radius:50%;border:1px solid #bac7bf66;box-shadow:inset 0 1px 3px #81948a10,0 1px 1px #fff}
.can-base{transform:translateZ(-25px) rotateY(180deg);background:linear-gradient(120deg,#eef1ee,#ced6d0);border:5px solid #c8d1cb;box-shadow:inset 0 0 0 18px #e8ede9,inset 0 0 0 20px #bec9c1}
.can-wall{position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-25px;width:12px;height:50px;transform:rotateZ(var(--angle)) translateY(-129px) rotateX(90deg);background:linear-gradient(180deg,#ced7d0 0 7%,#969f99 7% 10%,rgb(var(--shade) var(--shade) var(--shade)) 12% 86%,#b5c2b9);backface-visibility:hidden}
.hero-model-toolbar{display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid #b2c1b630;padding-top:11px}
.hero-model-toolbar button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:40px;padding:8px 9px;border:0;background:#ffffff77;border-radius:5px;font-size:.68rem;color:#365b4e}
.hero-model-toolbar button:hover{background:#fff}.hero-model-toolbar [data-model-turn="1"] svg{transform:scaleX(-1)}
.hero-model-toolbar [data-model-mode]{border:1px solid #8ca79777;margin-left:6px;min-width:108px}
.hero-model-status,.hero-model-disclaimer{text-align:center;font-size:.59rem;color:#627a6e;line-height:1.5;margin-top:9px}
.hero-model-disclaimer{max-width:350px;margin:4px auto 0;color:#728478}
.product-carousel .carousel-variants{grid-template-columns:repeat(7,minmax(0,1fr))}
.product-carousel .carousel-variants button{font-size:.71rem;gap:5px}.product-carousel .variant-number{display:none}
.product-carousel .product-slide:not(.story-slide):not(.guide-slide){min-height:505px;gap:6%;padding-top:25px}
.product-carousel .slide-copy h2{font-size:clamp(3.7rem,5.8vw,5.7rem);line-height:.97}
.product-carousel[data-product="profil-klint"]{--slide-surface:#252d2c;--slide-accent:#a7d9cf;color:#eff6f2}
.product-carousel[data-product="profil-klint"] .carousel-heading>span,.product-carousel[data-product="profil-klint"] .carousel-hint,.product-carousel[data-product="profil-klint"] .carousel-counter>span{color:#b3c8c0}
.product-carousel[data-product="profil-klint"] .carousel-variants button{color:#bbd0c7;border-color:#6f877d66}.product-carousel[data-product="profil-klint"] .carousel-variants button[aria-pressed="true"]{background:#ffffff0c;border-color:#a7d9cf;color:#f0fbf6}.product-carousel[data-product="profil-klint"] .carousel-arrow{color:#e4f3ed;background:#ffffff0c;border-color:#9ab9ad88}
.product-carousel[data-product="petunjuk-produk"]{--slide-surface:#b9ded7;--slide-accent:#184c41}
.story-slide{grid-template-columns:1.18fr .82fr;gap:7%;min-height:540px;padding:35px 15px 25px}
.story-copy .eyebrow{font-size:.65rem;letter-spacing:.13em;color:#a0c4b7;margin-bottom:15px}
.story-copy h2{font-family:'Aspekta',Arial,sans-serif;font-size:2.25rem;line-height:1.1;letter-spacing:-.035em;margin-bottom:19px;font-weight:600}
.story-copy h3{font-family:'Aspekta',Arial,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.55;margin-bottom:16px;letter-spacing:0}
.story-copy>p:not(.eyebrow){font-size:.83rem;line-height:1.8;color:#c4d1cb;margin-top:11px}
.story-copy .story-risk{border-left:2px solid #a7d9cf;padding-left:14px}
.story-links{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:20px}.story-links .button{color:#ecf8f2;border-color:#7eaa99;border-radius:0;font-size:.78rem}.story-links>a:not(.button){font-size:.75rem;color:#bdd9cf}
.story-copy .story-source{font-size:.62rem!important;margin-top:17px!important}.story-source .source-link{font-size:inherit;color:inherit}
.story-image{position:relative;transform:rotate(-7deg);max-width:385px;justify-self:center}.story-image .product-reference{border-radius:50%;overflow:hidden;box-shadow:0 25px 55px #0005}.story-image .product-reference figcaption{display:none}.story-image>.product-reference svg{aspect-ratio:1.1}.story-image>span{display:block;transform:rotate(7deg);text-align:center;font-size:.62rem;color:#a8c3b7;letter-spacing:.06em;margin-top:30px}
.guide-slide{display:block;min-height:540px;padding:30px 5px 20px}
.guide-slide[hidden]{display:none}
.guide-heading{text-align:center}.guide-heading .eyebrow{font-size:.65rem;letter-spacing:.15em;margin-bottom:13px;color:#365f53}
.guide-heading h2{font-family:'Aspekta',Arial,sans-serif;font-weight:500;font-size:2.25rem;letter-spacing:-.04em;line-height:1.12}
.guide-heading>p:last-child{font-size:.8rem;color:#3f655a;margin-top:15px}
.guide-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;padding-top:38px;text-align:center}
.guide-icon{height:70px;display:flex;align-items:center;justify-content:center;color:#244e42}.guide-icon svg{width:48px;height:48px;stroke-width:1.2}
.guide-index{display:block;font-size:.62rem;letter-spacing:.12em;color:#466e61;margin:6px 0 9px}
.guide-step h3{font-family:'Aspekta',Arial,sans-serif;font-size:.82rem;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.guide-step p{font-size:.72rem;color:#42675b;line-height:1.6;margin-top:9px}
.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #51867744;padding-top:20px;margin-top:35px}
.guide-footer>p{font-size:.65rem;line-height:1.6;color:#486f62;max-width:650px}.guide-footer .source-link{font-size:inherit;color:inherit}.guide-footer .button{font-size:.73rem;white-space:nowrap;border-radius:0;padding:10px 16px;border-color:#305e50;min-height:44px}
@media(max-width:1100px){.hero-model{padding-inline:11px}.hero-model-stage{height:300px}.css-can{scale:.9}.hero-model-toolbar{flex-wrap:wrap}.hero-model-toolbar button{font-size:.63rem;padding-inline:7px}.product-carousel .slide-copy h2{font-size:3.8rem}.story-copy h2,.guide-heading h2{font-size:2rem}.story-slide{gap:5%;padding-inline:0}.guide-steps{gap:18px}.guide-step h3{font-size:.73rem}.guide-step p{font-size:.67rem}.guide-footer{gap:20px}}
@media(max-width:767px){.product-carousel .product-slide:not(.story-slide):not(.guide-slide){min-height:0;gap:19px;padding-top:20px}.model-visual{max-width:100%}.hero-model{padding:13px 11px 12px;border-radius:13px}.hero-model-stage{height:240px;margin-block:1px}.css-can{scale:.73;top:45%}.model-ground{width:150px;top:79%}.hero-model-top{font-size:.53rem}.hero-model-top>span:last-child{font-size:.8rem}.hero-model-toolbar{gap:3px;flex-wrap:nowrap;padding-top:8px}.hero-model-toolbar button{font-size:.58rem;min-width:35px;min-height:40px;padding:7px 5px}.hero-model-toolbar [data-model-mode]{min-width:93px;margin-left:3px}.hero-model-disclaimer{font-size:.54rem;max-width:260px}.hero-model-status{font-size:.55rem;margin-top:7px}.product-carousel .slide-copy h2{font-size:clamp(2.3rem,8.4vw,3.7rem);max-width:205px}.hero-model-stage>.product-reference{width:190px;max-width:75%}.product-carousel .carousel-variants{grid-template-columns:repeat(10,minmax(0,1fr));row-gap:2px}.product-carousel .carousel-variants button{grid-column:span 2;font-size:.62rem;min-height:54px;padding:9px 4px}.product-carousel .carousel-variants button:nth-child(n+6){grid-column:span 5;min-height:44px}.product-carousel .carousel-variants button:nth-child(n+6)>span{max-width:none}.carousel-hint{max-width:124px}.story-slide{grid-template-columns:1fr;gap:29px;padding:26px 0 23px;min-height:0}.story-copy h2{font-size:2rem}.story-copy h3{font-size:.92rem}.story-copy>p:not(.eyebrow){font-size:.79rem;line-height:1.75}.story-copy .story-source{font-size:.58rem!important}.story-links{gap:16px}.story-links .button{font-size:.72rem;padding-inline:15px}.story-links>a:not(.button){font-size:.68rem}.story-image{max-width:205px}.story-image>span{font-size:.58rem;margin-top:19px}.guide-slide{padding-top:26px;min-height:0}.guide-heading h2{font-size:1.75rem}.guide-heading>p:last-child{font-size:.73rem}.guide-steps{grid-template-columns:1fr;text-align:left;gap:0;padding-top:24px}.guide-step{position:relative;display:grid;grid-template-columns:55px 1fr;column-gap:12px;border-top:1px solid #63978944;padding:16px 0}.guide-icon{grid-column:1;grid-row:1/4;height:auto}.guide-icon svg{width:33px;height:33px}.guide-index{margin:0 0 5px;font-size:.56rem;grid-column:2}.guide-step h3{font-size:.77rem;grid-column:2}.guide-step p{font-size:.7rem;margin-top:5px;grid-column:2;line-height:1.55}.guide-footer{flex-direction:column;align-items:stretch;gap:16px;margin-top:8px;padding-top:20px}.guide-footer>p{font-size:.6rem}.guide-footer .button{font-size:.75rem}}

.hero-model-toolbar button{min-height:44px;min-width:44px}.hero-model [hidden]{display:none!important}

/* Full-bleed reference composition: five image assets, no homepage 3D renderer. */
.is-home .site-header{position:absolute;top:36px;left:0;right:0;background:transparent;border:0;color:#fff;z-index:20}
.is-home .header-inner{min-height:122px;width:calc(100% - 96px)}
.is-home .site-header .brand-wordmark{width:250px;filter:invert(1)}
.is-home .menu-toggle{color:#fff}.is-home .home-region{border-color:#ffffff60;background:#276b6626;backdrop-filter:blur(8px);font-size:13px}
.is-home .site-header nav{color:#183c35;background:#f2f8f5;z-index:25}
.is-home .site-header nav a{color:#183c35}
.showcase{position:relative;isolation:isolate;overflow:hidden;min-height:800px;height:calc(100svh - 36px);max-height:1100px;background:radial-gradient(ellipse at 50% 22%,#76c2b855 0,transparent 66%),linear-gradient(170deg,#5eaca7 0%,#51a49d 48%,#318d82 100%);color:#fff}
.showcase-background{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ambient-pack{position:absolute;width:350px;opacity:.48;filter:blur(2.3px) brightness(.73);transform:rotate(var(--angle));will-change:transform}
.ambient-pack img{width:100%;display:block;animation:ambient-float 12s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.ambient-0{left:-10%;top:11%;width:34%;--angle:-25deg;--delay:-4s}
.ambient-1{right:3%;top:-22%;width:33%;--angle:27deg;--delay:-7s}
.ambient-2{right:-11%;bottom:-21%;width:39%;--angle:-17deg;--delay:-3s}
.ambient-3{left:37%;top:-24%;width:25%;--angle:16deg;--delay:-5s;opacity:.38}
.ambient-4{left:-2%;bottom:-24%;width:36%;--angle:27deg;--delay:-9s}
.showcase-stage{position:absolute;top:135px;left:4%;right:4%;height:calc(100% - 415px);min-height:365px;max-height:600px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-4px;cursor:grab}
.showcase-stage:active{cursor:grabbing}
.showcase-shadow{position:absolute;left:15%;right:15%;top:87%;height:34px;border-radius:50%;background:#0c4f473b;filter:blur(15px);pointer-events:none}
.showcase-pack{position:absolute;top:48%;left:50%;padding:0;border:0;background:none;width:clamp(270px,34vw,490px);aspect-ratio:1;transform:translate(-50%,-50%) translateX(var(--x)) translateY(var(--y)) rotate(var(--turn)) scale(var(--scale));transition:transform .7s cubic-bezier(.22,.7,.24,1),filter .7s,opacity .7s;z-index:var(--z);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:brightness(var(--brightness));will-change:transform}
.showcase-pack[data-slot="0"]{--x:0%;--y:0%;--turn:0deg;--scale:1.05;--z:5;--brightness:1}
.showcase-pack[data-slot="-1"]{--x:-55%;--y:1%;--turn:-13deg;--scale:.83;--z:4;--brightness:.93}
.showcase-pack[data-slot="1"]{--x:55%;--y:1%;--turn:13deg;--scale:.83;--z:4;--brightness:.93}
.showcase-pack[data-slot="-2"]{--x:-97%;--y:-8%;--turn:-23deg;--scale:.64;--z:3;--brightness:.83}
.showcase-pack[data-slot="2"]{--x:97%;--y:-8%;--turn:23deg;--scale:.64;--z:3;--brightness:.83}
.pack-float{display:block;animation:pack-float 7s ease-in-out infinite alternate;animation-delay:calc(var(--slot-delay,0)*1s)}
.showcase-pack:nth-of-type(2n) .pack-float{animation-delay:-3s}.showcase-pack:nth-of-type(3n) .pack-float{animation-delay:-5s}
.showcase-pack img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 22px 14px #114f493f)}
.showcase-pack:focus-visible{outline:3px solid #fff;outline-offset:-35px}.showcase-pack:hover{filter:brightness(1.05)}
.showcase-nav{position:absolute;left:3.5%;right:3.5%;top:44%;display:flex;justify-content:space-between;pointer-events:none;z-index:6}
.showcase-arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff85;border-radius:50%;background:#1a675e33;backdrop-filter:blur(8px);color:#fff;pointer-events:auto;transition:background .2s}
.showcase-arrow:hover{background:#164f48b3}
.showcase-dots{position:absolute;top:43%;right:1%;display:flex;flex-direction:column;z-index:6;transform:translateY(-50%)}
.showcase-dots button{width:28px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#fff}
.showcase-dots span{display:block;width:7px;height:7px;border-radius:50%;background:#173f4580;transition:transform .25s,background .25s}
.showcase-dots button[aria-pressed="true"] span{background:#fff;transform:scale(1.35)}
.showcase-copy{position:absolute;left:22%;right:22%;bottom:90px;text-align:center;z-index:7;text-shadow:0 2px 15px #1149412e}
.showcase-kicker{font-size:12px;font-weight:500;letter-spacing:.19em;margin-bottom:12px}
.showcase-copy h1{font-family:'Aspekta',Arial,sans-serif;font-size:clamp(32px,4.3vw,58px);font-weight:650;letter-spacing:-.035em;line-height:1.03;color:#fff}
.showcase-current{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:17px;font-size:17px;line-height:1.4}
.showcase-separator{height:15px;width:1px;background:#ffffff73}.showcase-current [data-product-name]{font-weight:600}
.showcase-links{display:flex;gap:25px;justify-content:center;margin-top:17px;font-size:14px}
.showcase-links a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px;color:white}
.showcase-links a:hover{color:#d6f7e8}
.showcase-bottom{position:absolute;left:40px;right:40px;bottom:20px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;z-index:7}
.showcase-bottom>p{font-size:12px;text-align:center;line-height:1.5;color:#eefaf4}
.motion-toggle{justify-self:start;display:flex;align-items:center;gap:8px;background:#185c5033;border:1px solid #ffffff50;border-radius:30px;padding:8px 14px;min-height:44px;font-size:12px;color:#fff}
.motion-toggle [data-motion-icon]{font-size:15px}.motion-toggle:hover{background:#185c5070}.motion-toggle:disabled{opacity:.8;cursor:default}
.showcase-count{justify-self:end;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.15em}.showcase-count strong{font-weight:600}
.showcase[data-motion="paused"] .pack-float,.showcase[data-motion="paused"] .ambient-pack img{animation-play-state:paused}
.information-carousel{padding-top:35px}.information-tabs{display:flex;justify-content:center;gap:10px}.information-tabs button{font-size:14px;min-height:44px;padding:10px 20px;background:transparent;border:1px solid currentColor;border-radius:30px;color:inherit;opacity:.65}.information-tabs button[aria-pressed="true"]{opacity:1;background:#ffffff16}.information-carousel .story-copy>p:not(.eyebrow){font-size:16px}.information-carousel .story-source{font-size:12px!important}.information-carousel .guide-step p{font-size:14px}.information-carousel .guide-step h3{font-size:14px}.information-carousel .guide-heading>p:last-child{font-size:16px}.information-carousel .guide-footer>p{font-size:12px}.information-carousel .story-links>a{font-size:14px}.information-carousel .guide-footer .button{font-size:14px}
@keyframes pack-float{from{transform:translateY(-5px) rotate(-1deg)}to{transform:translateY(7px) rotate(1deg)}}
@keyframes ambient-float{from{transform:translateY(-12px)}to{transform:translateY(14px)}}
@media(min-width:1600px){.showcase-stage{left:8%;right:8%;top:155px}.showcase-copy{bottom:105px}}
@media(max-width:1024px){.showcase{min-height:740px}.showcase-stage{left:0;right:0;top:140px;height:calc(100% - 415px);min-height:330px}.showcase-pack{width:36vw}.showcase-copy{left:17%;right:17%;bottom:90px}.showcase-dots{right:0}.showcase-nav{left:3%;right:3%}.showcase-bottom{left:24px;right:24px;gap:10px}.showcase-bottom>p{max-width:270px}.ambient-0{left:-15%;width:42%;top:12%}.ambient-2{right:-16%;width:49%;bottom:-15%}.ambient-4{left:-10%;width:44%;bottom:-14%}.showcase-kicker{font-size:12px;letter-spacing:.13em}}
@media(max-width:767px){.is-home .site-header{top:36px}.is-home .header-inner{width:calc(100% - 32px);min-height:100px}.is-home .site-header .brand-wordmark{width:155px}.is-home .home-region{font-size:10px;padding:8px;gap:5px}.is-home .menu-label{display:none}.is-home .menu-toggle{min-width:44px}.showcase{min-height:750px;height:calc(100svh - 36px);max-height:950px}.showcase-stage{top:170px;left:-4%;right:-4%;height:320px;min-height:0}.showcase-pack{width:55vw}.showcase-pack[data-slot="0"]{--scale:1.14}.showcase-pack[data-slot="-1"]{--x:-40%;--y:-16%;--turn:-18deg;--scale:.82}.showcase-pack[data-slot="1"]{--x:40%;--y:-16%;--turn:18deg;--scale:.82}.showcase-pack[data-slot="-2"]{--x:-62%;--y:-66%;--turn:-28deg;--scale:.62}.showcase-pack[data-slot="2"]{--x:62%;--y:-66%;--turn:28deg;--scale:.62}.showcase-shadow{left:20%;right:20%;top:77%;height:22px}.showcase-nav{top:380px;left:20px;right:20px}.showcase-arrow{width:44px;height:44px}.showcase-dots{top:444px;left:50%;right:auto;transform:translateX(-50%);flex-direction:row}.showcase-dots button{width:32px;height:44px}.showcase-copy{left:22px;right:22px;bottom:115px}.showcase-kicker{font-size:10px;letter-spacing:.1em;margin-bottom:10px}.showcase-copy h1{font-size:34px}.showcase-current{font-size:16px;margin-top:14px;gap:12px}.showcase-links{font-size:14px;gap:22px;margin-top:8px}.showcase-bottom{grid-template-columns:1fr auto;bottom:18px;left:20px;right:20px;row-gap:8px}.showcase-bottom>p{grid-column:1/3;grid-row:2;max-width:none;font-size:12px;text-align:left}.showcase-count{grid-column:2;grid-row:1}.motion-toggle{font-size:12px}.ambient-0{width:65%;left:-30%;top:7%;opacity:.38}.ambient-1{width:65%;right:-18%;top:-7%;opacity:.38}.ambient-2{width:75%;right:-36%;bottom:1%;opacity:.22}.ambient-3{display:none}.ambient-4{width:70%;left:-28%;bottom:0%;opacity:.22}.information-tabs button{font-size:14px;padding-inline:17px}.information-carousel .story-slide{padding-top:35px}.information-carousel .story-copy>p:not(.eyebrow){font-size:16px}.information-carousel .story-source{font-size:12px!important}.information-carousel .guide-step p{font-size:14px}.information-carousel .guide-footer>p{font-size:12px}}
@media(max-width:390px){.showcase-copy h1{font-size:31px}.is-home .header-inner{width:calc(100% - 28px)}.is-home .site-header .brand-wordmark{width:138px}.is-home .home-region{font-size:9px}.showcase-stage{top:168px}.showcase-copy{bottom:122px}}
@media(prefers-reduced-motion:reduce){.showcase *, .showcase *:before{animation:none!important;transition:none!important}}
.is-home .site-header .brand-wordmark{filter:grayscale(1) contrast(30) invert(1);mix-blend-mode:screen}
.showcase-dots button{min-width:44px;min-height:44px}
@media(max-width:767px){.showcase-kicker{font-size:12px;letter-spacing:.04em}.is-home .home-region{font-size:12px}.is-home .site-header .brand-wordmark{width:138px}.showcase-dots button{min-width:38px}.is-home .home-region{padding:7px 8px;letter-spacing:0}}
@media(max-width:390px){.is-home .site-header .brand-wordmark{width:126px}.is-home .home-region{font-size:12px}}
.is-home .site-header .brand-wordmark{filter:none;mix-blend-mode:normal}
.is-home .site-header .brand-wordmark image{filter:var(--white-logo-filter)}

/* Aspekta typography; the supplied wordmark remains an image. */
h1,h2,h3{font-weight:600;letter-spacing:-.035em}
h1{font-size:clamp(2.45rem,4.5vw,4.1rem);line-height:1.08}
h2{font-size:clamp(1.85rem,3.1vw,2.75rem);line-height:1.14}
h3{font-size:1.35rem;line-height:1.3}
.showcase-copy h1{font-weight:650;letter-spacing:-.045em}
.hero-facts strong,.unit-grid strong{letter-spacing:-.035em}
.information-carousel[data-product="petunjuk-produk"]{background:#95d3cb;color:#172d2b}
.information-carousel .carousel-stage{cursor:auto;user-select:text;-webkit-user-select:text}
.usage-reference{padding-block:18px}
.usage-reference .guide-title-line{display:flex;align-items:center;gap:32px}
.usage-reference .guide-title-line:before,.usage-reference .guide-title-line:after{content:"";flex:1;height:1px;background:#5d9f9744}
.usage-reference .guide-heading h2{font-size:clamp(1.85rem,3.25vw,3rem);font-weight:550;white-space:nowrap;line-height:1.1;letter-spacing:-.035em}
.usage-reference .guide-heading .eyebrow{font-size:.65rem;letter-spacing:.17em;color:#365e58}
.usage-reference .guide-heading>p:last-child{font-size:.85rem;margin-top:14px;color:#345b55}
.usage-reference .guide-steps{list-style:none;margin:0;padding:36px 0 0;gap:27px}
.usage-reference .guide-icon{height:132px;color:#203530}
.usage-reference .guide-icon svg{display:block;width:168px;height:auto;aspect-ratio:6/5;overflow:hidden;filter:grayscale(1) contrast(3);mix-blend-mode:multiply}
.usage-reference .guide-index{color:#365d56;font-size:.66rem;margin:10px 0 10px}
.usage-reference .guide-step h3{font-weight:600;font-size:.92rem;line-height:1.35;letter-spacing:0}
.usage-reference .guide-step p{font-size:.83rem;line-height:1.6;color:#2e514d;margin-top:10px}
.usage-reference .guide-footer{margin-top:36px;padding-top:23px;align-items:flex-start;border-color:#538c8455}
.guide-reference-note{max-width:780px;font-size:.75rem;color:#325b55}
.guide-reference-note p{font-size:inherit;line-height:1.7}
.guide-reference-note strong{font-weight:600}
.reference-disclosure{margin-top:10px}
.reference-disclosure summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;width:fit-content;padding:8px 0;font-size:.75rem}
.reference-disclosure p{margin-top:7px;max-width:680px}
.usage-reference .guide-footer .button{font-size:.78rem;font-weight:500;gap:24px;border:1px solid #375e57;border-radius:0;white-space:normal;text-align:left;min-width:205px;background:transparent;line-height:1.4}
.standalone-usage{background:#95d3cb;padding:34px;margin:38px 0 42px}
.standalone-usage .guide-footer>.button{display:none}

/* Informational footer; unset social URLs are disclosed as unavailable. */
.site-footer{background:#f1f2ef;margin-top:0;padding:64px 0 24px;border-top:1px solid #dce0d9}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1fr;gap:40px;padding-bottom:53px}
.footer-brand .brand{display:inline-flex;align-items:center;gap:12px}
.footer-brand p{font-size:.88rem;line-height:1.7;color:#536054;margin-top:24px}
.footer-audience{display:block;font-size:.6rem;letter-spacing:.12em;color:#536054;margin-top:23px}
.footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:9px}
.footer-column h2{font-size:.84rem;font-weight:650;line-height:1.3;letter-spacing:.035em;margin:5px 0 13px}
.footer-column>a{font-size:.86rem;line-height:1.65;text-decoration:none;padding:3px 0}
.footer-column>a:hover{text-decoration:underline;text-underline-offset:4px}
.social-links{display:flex;gap:10px}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #afb7ac;border-radius:50%;background:transparent;color:#202820;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease}
.social-icon img{display:block;width:21px;height:21px}
.social-icon:hover{background:#dfe6dc;border-color:#536054}
.social-icon[aria-disabled="true"]{cursor:default}
.footer-connect .social-pending{font-size:.72rem;line-height:1.5;color:#586353;max-width:180px;margin-top:8px}
.footer-warning{display:flex;align-items:center;gap:14px;border-block:1px solid #ccd4c6;padding:20px 0}
.footer-warning>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:1px solid #77876e;border-radius:50%;font-size:.85rem;font-weight:550}
.footer-warning p{font-size:.76rem;line-height:1.6;color:#44563e}
.footer-warning strong{font-weight:600}
.footer-warning>a{margin-left:auto;white-space:nowrap;font-size:.74rem;padding-block:10px;text-decoration:none}
.footer-warning>a:hover{text-decoration:underline}
.footer-warning>a span{padding-left:8px}
.footer-bottom{border:0;padding-top:20px;align-items:flex-start;font-size:.7rem;color:#53614b}
@media(min-width:769px){.footer-bottom{flex-direction:row}}
@media(max-width:1100px){
 .footer-grid{gap:25px;grid-template-columns:1fr 1fr 1fr}
 .footer-brand{grid-column:1/-1;display:flex;align-items:center;gap:30px}
 .footer-brand p,.footer-audience{margin:0}
 .footer-audience{margin-left:auto}
 .usage-reference .guide-steps{gap:16px}
 .usage-reference .guide-step h3{font-size:.8rem}
 .usage-reference .guide-step p{font-size:.8rem}
 .standalone-usage{padding:25px}
}
@media(max-width:767px){
 h1{font-size:2.55rem}h2{font-size:2rem}
 .usage-reference{padding:8px 0 15px}
 .usage-reference .guide-title-line{gap:12px}
 .usage-reference .guide-title-line:before,.usage-reference .guide-title-line:after{display:none}
 .usage-reference .guide-heading h2{font-size:1.8rem;white-space:normal;width:100%;letter-spacing:-.045em}
 .usage-reference .guide-heading>p:last-child{font-size:.77rem}
 .usage-reference .guide-steps{grid-template-columns:1fr;gap:0;text-align:left;padding-top:28px}
 .usage-reference .guide-step{grid-template-columns:91px minmax(0,1fr);column-gap:18px;padding:20px 0;border-color:#629f9655}
 .usage-reference .guide-icon{height:auto;grid-column:1;grid-row:1/4}
 .usage-reference .guide-icon svg{width:91px;height:auto}
 .usage-reference .guide-index{margin:0 0 5px;font-size:.61rem}
 .usage-reference .guide-step h3{font-size:.85rem}
 .usage-reference .guide-step p{font-size:.82rem;margin-top:7px}
 .usage-reference .guide-footer{margin-top:10px;padding-top:21px;flex-direction:column;gap:16px}
 .guide-reference-note,.reference-disclosure summary{font-size:.73rem}
 .usage-reference .guide-footer .button{font-size:.8rem;align-self:stretch;justify-content:space-between}
 .standalone-usage{padding:24px 19px;margin-inline:-10px}
 .site-footer{padding:39px 0 24px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px;padding-bottom:33px}
 .footer-brand{display:block;grid-column:1/-1}
 .footer-brand p{margin-top:18px}
 .footer-audience{margin-top:15px}
 .footer-column h2{font-size:.76rem;letter-spacing:.025em;margin-bottom:8px}
 .footer-column>a{font-size:.8rem;min-height:36px}
 .footer-connect{grid-column:1/-1}
 .footer-connect .social-pending{max-width:none;margin-top:4px}
 .social-links{gap:12px}
 .footer-warning{align-items:flex-start;flex-wrap:wrap;gap:10px 12px;padding:20px 0}
 .footer-warning p{width:calc(100% - 40px);font-size:.76rem}
 .footer-warning>a{margin-left:40px}
 .footer-bottom{gap:9px;font-size:.7rem;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.social-icon{transition:none}}


/* Static CSS model in the product-inspection viewer. */
.viewer-stage:has(.static-viewer-3d){touch-action:pan-y;cursor:grab;overflow:hidden;}
.viewer-stage:has(.static-viewer-3d):active{cursor:grabbing;}
.static-viewer-3d .css-can{top:50%;}
.static-viewer-3d .model-ground{top:73%;}
@media (max-width:620px){.static-viewer-3d .css-can{scale:.66;}.static-viewer-3d .model-ground{width:155px;}}


/* KLINT Indonesia, final footer: matches the supplied black desktop reference. */
.site-footer {
  position: relative;
  isolation: isolate;
  color: #f6f6f6;
  background: #080808;
  border: 0;
  margin: 0;
  padding: clamp(100px, 11.6vw, 236px) 0 64px;
  font-family: 'Aspekta', 'Arial', sans-serif;
}
.site-footer::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .6;
  background: radial-gradient(ellipse at 58% 47%, #161616 0%, #0a0a0a 48%, #050505 100%);
}
.site-footer .footer-inner {width:90%;max-width:1920px;margin:0 auto;}
.site-footer .footer-grid {
  display: grid;
  grid-template-columns: 1.18fr .98fr 1fr .98fr;
  column-gap: 5.55%;
  align-items: start;
  padding: 0 0 41px;
}
.site-footer .footer-brand {display:block;grid-column:auto;min-width:0;}
.site-footer .footer-brand-lockup {
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  text-decoration:none;
  gap:24px;
  height:54px;
  width:max-content;
  max-width:100%;
}
.site-footer .footer-logo {
  display:block;
  width:clamp(120px, 9.65vw, 196px);
  height:auto;
  max-width:none;
  object-fit:contain;
}
.site-footer .footer-brand-region {
  display:flex;
  align-items:center;
  flex-shrink:0;
  min-height:47px;
  border-left:1px solid #b9b9b9;
  padding-left:28px;
  font-size:clamp(10px,1.1vw,21px);
  font-weight:500;
  letter-spacing:.12em;
  line-height:1.1;
}
.site-footer .footer-address {
  margin: 38px 0 0;
  font-size:clamp(14px, 1.28vw, 26px);
  line-height:1.56;
  font-weight:400;
  color:#cecece;
  font-style:normal;
}
.site-footer .footer-column {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  min-width:0;
}
.site-footer .footer-column h2 {
  font-family:'Aspekta','Arial',sans-serif;
  margin:0 0 29px;
  font-size:clamp(15px,1.28vw,26px);
  font-weight:700;
  letter-spacing:0;
  line-height:1.45;
  color:#f4f4f4;
}
.site-footer .footer-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  text-decoration:none;
  color:#d5d5d5;
  font-size:clamp(14px,1.27vw,26px);
  font-weight:400;
  line-height:1.5;
  padding:5px 1px 8px 0;
  min-height:52px;
  transition:color .18s ease;
}
.site-footer .footer-link:hover,.site-footer .footer-policy:hover {color:#00e4ee;}
.site-footer .footer-chevron {
  display:inline-block;
  flex-shrink:0;
  width:11px;
  height:11px;
  border:solid #00e9ef;
  border-width:0 3px 3px 0;
  transform:rotate(-45deg);
  margin-right:4px;
}
.site-footer .footer-connect .social-links {display:flex;align-items:center;gap:21px;margin-top:0;}
.site-footer .social-icon {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  width:clamp(50px,4.08vw,84px);
  height:clamp(50px,4.08vw,84px);
  border:1.5px solid #b7b7b7;
  border-radius:50%;
  background:transparent;
  color:#f9f9f9;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.site-footer .social-icon img {
  width:50%;
  height:50%;
  filter:brightness(0) invert(1);
  display:block;
}
.site-footer .social-icon:hover {background:#202020;border-color:#00e9ef;transform:translateY(-2px);}
.site-footer .social-icon[aria-disabled="true"] {cursor:help;opacity:1;}
.site-footer .footer-social-caption {
  color:#d3d3d3;
  font-size:clamp(14px,1.2vw,25px);
  margin:17px 0 0;
  white-space:nowrap;
  line-height:1.45;
}
.site-footer .footer-legal {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.95fr);
  align-items:center;
  gap:30px;
  border-top:1px solid #555;
  padding-top:28px;
}
.site-footer .footer-warning {
  display:flex;
  gap:27px;
  align-items:flex-start;
  flex-wrap:nowrap;
  padding:0;
  border:0;
  min-width:0;
}
.site-footer .footer-age {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border:3px solid #fff;
  border-radius:50%;
  width:74px;
  height:74px;
  font-size:30px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.07em;
  color:#fff;
}
.site-footer .footer-warning p {
  font-size:clamp(13px,1.04vw,21px);
  line-height:1.44;
  color:#dedede;
  max-width:945px;
  width:auto;
  font-weight:400;
}
.site-footer .footer-legal-right {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
  color:#d9d9d9;
  font-size:clamp(12px,1.02vw,21px);
  line-height:1.5;
  white-space:nowrap;
}
.site-footer .footer-copyright {padding:10px 29px 10px 28px;border-left:1px solid #8c8c8c;}
.site-footer .footer-policy {
  display:flex;
  align-items:center;
  gap:18px;
  border-left:1px solid #8c8c8c;
  padding:10px 0 10px 29px;
  text-decoration:none;
  color:inherit;
  transition:color .18s ease;
}
.footer-info-page{min-height:380px;padding-top:90px;padding-bottom:120px;}
.footer-info-page h1{font-size:clamp(2.5rem,5vw,4rem);}
.footer-info-page .footer-info-lead{font-size:1.3rem;margin-top:22px;}
.footer-info-page>p:not(.eyebrow){max-width:700px;}
.footer-info-page>.button{margin-top:28px;}
.site-footer a:focus-visible,.site-footer button:focus-visible{outline:3px solid #00e9ef;outline-offset:5px;}
@media(max-width:1650px){
  .site-footer .footer-legal{grid-template-columns:1fr;gap:26px;}
  .site-footer .footer-legal-right{justify-content:flex-start;padding-left:101px;}
  .site-footer .footer-warning p{max-width:1000px;}
}
@media(max-width:1080px){
  .site-footer{padding:100px 0 52px;}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:43px 55px;padding-bottom:45px;}
  .site-footer .footer-brand{grid-column:1;}
  .site-footer .footer-column h2{margin-bottom:16px;}
  .site-footer .footer-brand-region{font-size:13px;padding-left:17px;min-height:38px;}
  .site-footer .footer-brand-lockup{gap:16px;}
  .site-footer .footer-logo{width:130px;}
  .site-footer .footer-address{margin-top:24px;font-size:16px;}
  .site-footer .footer-link{max-width:340px;min-height:47px;}
  .site-footer .footer-connect{grid-column:2;}
  .site-footer .footer-connect .social-links{gap:12px;}
  .site-footer .social-icon{width:59px;height:59px;}
  .site-footer .footer-social-caption{white-space:normal;font-size:16px;}
}
@media(max-width:640px){
  .site-footer{padding:70px 0 35px;}
  .site-footer .footer-inner{width:calc(100% - 42px);}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr;column-gap:22px;row-gap:40px;padding-bottom:36px;}
  .site-footer .footer-brand{grid-column:1/-1;}
  .site-footer .footer-brand-lockup{height:48px;gap:16px;}
  .site-footer .footer-logo{width:150px;}
  .site-footer .footer-brand-region{font-size:12px;padding-left:16px;min-height:38px;}
  .site-footer .footer-address{font-size:15px;line-height:1.7;margin-top:20px;}
  .site-footer .footer-column h2{font-size:15px;margin:0 0 12px;}
  .site-footer .footer-link{font-size:13px;min-height:42px;gap:10px;line-height:1.4;padding-block:8px;}
  .site-footer .footer-chevron{width:8px;height:8px;border-width:0 2px 2px 0;}
  .site-footer .footer-connect{grid-column:1/-1;}
  .site-footer .social-icon{width:54px;height:54px;}
  .site-footer .footer-connect .social-links{gap:14px;}
  .site-footer .footer-social-caption{font-size:15px;margin-top:14px;}
  .site-footer .footer-legal{padding-top:25px;gap:26px;}
  .site-footer .footer-warning{gap:15px;}
  .site-footer .footer-age{width:54px;height:54px;border-width:2px;font-size:22px;}
  .site-footer .footer-warning p{font-size:12px;line-height:1.6;flex:1;}
  .site-footer .footer-warning-break{display:none;}
  .site-footer .footer-legal-right{padding:0;display:flex;flex-wrap:wrap;gap:6px 0;align-items:flex-start;font-size:12px;}
  .site-footer .footer-copyright{border-left:0;padding:5px 0;width:100%;}
  .site-footer .footer-policy{border-left:0;padding:6px 0;}
  .footer-info-page{padding-top:65px;padding-bottom:90px;}
}


/* Hero redesign aligned to supplied top-section reference */
.is-home .top-notice{display:none}
.is-home .site-header{position:absolute;top:0;left:0;right:0;background:transparent;border:0;color:#fff;z-index:30}
.is-home .header-inner{width:calc(100% - 72px);max-width:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:118px;padding-top:18px}
.is-home .brand{grid-column:2;grid-row:1;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.is-home .brand-wordmark{width:min(18vw,310px);min-width:190px;aspect-ratio:953/266;filter:none;mix-blend-mode:normal}
.is-home .brand-region{display:none}
.brand-tagline{display:none}
.is-home .brand-tagline{display:block;color:#fff;font-size:12px;font-weight:700;letter-spacing:.36em}
.is-home .menu-toggle{display:inline-flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;gap:16px;padding:0;border:0;background:transparent;color:#fff;min-width:auto;min-height:auto;border-radius:0}
.is-home .menu-toggle:hover{background:transparent}
.is-home .menu-toggle svg{width:31px;height:31px;stroke-width:1.8}
.is-home .menu-label{display:inline;font-size:18px;font-weight:400;line-height:1}
.header-actions{display:none}
.is-home .header-actions{display:flex;grid-column:3;grid-row:1;justify-self:end;align-items:center;gap:12px;position:relative}
.is-home .header-actions:before{content:"";display:block;width:1px;height:44px;background:#ffffff8c;margin-right:8px}
.home-account{display:inline-flex;align-items:center;justify-content:center;width:38px;height:44px;padding:0;border:0;background:transparent;color:#fff}
.home-account svg{width:30px;height:30px}
.home-region,.menu-label{display:none}
.is-home .home-region{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px;border:1.5px solid #ffffff90;border-radius:999px;background:rgba(0,0,0,.08);backdrop-filter:blur(8px);color:#fff;font-size:14px;font-weight:500;letter-spacing:.02em}
.country-chevron{font-size:20px;line-height:1;margin-top:-4px}
.indonesia-flag{display:block;width:26px;height:18px;border-radius:2px;background:linear-gradient(#e1262f 50%,#fff 50%);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset}
.is-home .site-header nav{display:none;position:absolute;top:100px;left:36px;right:auto;align-items:stretch;gap:0;flex-direction:column;min-width:280px;padding:18px 24px 24px;background:rgba(255,255,255,.96);box-shadow:0 18px 40px rgba(4,28,31,.22);border-radius:20px;border:1px solid rgba(255,255,255,.65);z-index:50}
.is-home .site-header nav.open{display:flex}
.is-home .site-header nav a{padding:12px 0;border-bottom:1px solid rgba(17,63,69,.1);font-size:15px;color:#12333a}
.is-home .site-header nav a:last-child{border-bottom:0}

.showcase{position:relative;isolation:isolate;overflow:hidden;height:100svh;min-height:860px;max-height:none;background:radial-gradient(circle at 50% 45%, rgba(174,241,240,.62) 0%, rgba(113,218,222,.58) 20%, rgba(82,196,201,.28) 36%, transparent 44%),linear-gradient(180deg,#47c1ca 0%,#36b6c2 35%,#33b8c4 67%,#3bb7c0 100%);color:#fff}
.showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 38%),radial-gradient(circle at 50% 55%, transparent 0, transparent 58%, rgba(0,0,0,.08) 100%);pointer-events:none}
.showcase-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ambient-pack{position:absolute;opacity:.34;filter:blur(2.2px)}
.ambient-pack img{width:100%;display:block;object-fit:contain}
.ambient-0{left:-10%;top:14%;width:32%;transform:rotate(-12deg)}
.ambient-1{right:18%;top:-10%;width:28%;transform:rotate(7deg);opacity:.28}
.ambient-2{right:-12%;bottom:-10%;width:31%;transform:rotate(12deg);opacity:.28}
.ambient-3{left:-6%;bottom:-16%;width:30%;transform:rotate(-20deg);opacity:.25}
.ambient-4{display:none}
.showcase-stage{position:absolute;top:135px;left:0;right:0;height:420px;min-height:420px;max-height:52vh;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-4px;cursor:grab;z-index:2}
.showcase-stage:active{cursor:grabbing}
.showcase-shadow{position:absolute;left:22%;right:22%;top:82%;height:46px;border-radius:50%;background:rgba(12,79,71,.22);filter:blur(18px);pointer-events:none}
.showcase-pack{position:absolute;top:50%;left:50%;padding:0;border:0;background:none;width:clamp(300px,31vw,560px);aspect-ratio:1;transform:translate(-50%,-50%) translateX(var(--x)) translateY(var(--y)) rotate(var(--turn)) scale(var(--scale));transition:transform .72s cubic-bezier(.22,.7,.24,1),filter .72s,opacity .72s;z-index:var(--z);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:brightness(var(--brightness));will-change:transform}
.showcase-pack[data-slot="0"]{--x:0%;--y:0%;--turn:0deg;--scale:1.14;--z:5;--brightness:1}
.showcase-pack[data-slot="-1"]{--x:-43%;--y:1%;--turn:-10deg;--scale:.86;--z:4;--brightness:.95}
.showcase-pack[data-slot="1"]{--x:43%;--y:1%;--turn:10deg;--scale:.86;--z:4;--brightness:.95}
.showcase-pack[data-slot="-2"]{--x:-75%;--y:6%;--turn:-14deg;--scale:.76;--z:3;--brightness:.84}
.showcase-pack[data-slot="2"]{--x:75%;--y:6%;--turn:14deg;--scale:.76;--z:3;--brightness:.84}
.pack-float{display:block;animation:pack-float 7.5s ease-in-out infinite}
.showcase-pack:nth-of-type(2n) .pack-float{animation-delay:-3s}.showcase-pack:nth-of-type(3n) .pack-float{animation-delay:-5s}
.showcase-pack img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 25px 18px rgba(10,74,76,.32))}
.showcase-pack:focus-visible{outline:3px solid #fff;outline-offset:-28px}.showcase-pack:hover{filter:brightness(1.05)}
.showcase-nav{position:absolute;left:3.25%;right:3.25%;top:51%;display:flex;justify-content:space-between;pointer-events:none;z-index:6}
.showcase-arrow{width:66px;height:66px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(255,255,255,.04);backdrop-filter:blur(8px);color:#fff;pointer-events:auto;transition:background .2s,transform .2s}
.showcase-arrow:hover{background:rgba(17,78,83,.32);transform:scale(1.03)}
.showcase-arrow svg{width:28px;height:28px}
.showcase-dots{position:absolute;top:51%;right:18px;display:flex;flex-direction:column;gap:10px;z-index:6;transform:translateY(-50%)}
.showcase-dots button{width:38px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#fff;min-width:0;min-height:0}
.showcase-dots span{display:block;width:14px;height:14px;border-radius:50%;background:rgba(16,77,88,.65);transition:transform .25s,background .25s,box-shadow .25s}
.showcase-dots button[aria-pressed="true"] span{background:#fff;transform:scale(.92);box-shadow:0 0 0 3px rgba(0,0,0,.12)}
.showcase-copy{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);width:min(100% - 40px, 1200px);text-align:center;z-index:7;text-shadow:0 2px 15px rgba(17,73,65,.18)}
.showcase-kicker{font-size:clamp(18px,2vw,28px);font-weight:300;letter-spacing:.28em;margin-bottom:8px;text-transform:uppercase}
.showcase-kicker strong{font-weight:800;letter-spacing:.09em}
.showcase-copy h1{font-family:'Aspekta',Arial,sans-serif;font-size:clamp(42px,4.2vw,66px);font-weight:760;letter-spacing:-.04em;line-height:1.03;color:#fff;text-transform:uppercase}
.showcase-current{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:12px;font-size:clamp(18px,1.45vw,28px);line-height:1.4}
.showcase-separator{height:20px;width:1px;background:#ffffffa8}.showcase-current [data-product-name]{font-weight:400}.showcase-current [data-product-dose]{font-weight:500}
.showcase-links{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:30px;font-size:16px;flex-wrap:wrap}
.showcase-links a{min-width:210px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:999px;border:1.5px solid rgba(255,255,255,.95);text-decoration:none;color:#fff;background:transparent;backdrop-filter:blur(4px);transition:transform .18s,background .18s,color .18s,border-color .18s}
.showcase-links a:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);color:#fff}
.showcase-links a[data-product-link]{background:#fff;color:#111a1d;font-weight:800;border-color:#fff}
.showcase-links a[data-product-link]:hover{background:#f5f5f5;color:#111a1d}
.showcase-system{display:none}
@keyframes pack-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media(max-width:1180px){
  .is-home .header-inner{width:calc(100% - 48px);padding-top:12px}
  .is-home .brand-wordmark{min-width:165px;width:220px}
  .showcase{min-height:800px}
  .showcase-stage{top:150px;height:390px;min-height:390px}
  .showcase-pack{width:clamp(240px,34vw,470px)}
  .showcase-pack[data-slot="-2"]{--x:-67%;--y:7%;--scale:.7}
  .showcase-pack[data-slot="2"]{--x:67%;--y:7%;--scale:.7}
  .showcase-pack[data-slot="-1"]{--x:-39%}
  .showcase-pack[data-slot="1"]{--x:39%}
  .showcase-copy{bottom:68px}
  .showcase-kicker{letter-spacing:.18em}
  .showcase-links a{min-width:180px}
}
@media(max-width:767px){
  .is-home .header-inner{width:calc(100% - 28px);grid-template-columns:auto 1fr auto;min-height:96px;gap:10px;padding-top:8px}
  .is-home .brand{grid-column:2}
  .is-home .brand-wordmark{width:152px;min-width:152px}
  .is-home .brand-tagline{font-size:9px;letter-spacing:.29em}
  .is-home .menu-toggle{gap:10px}
  .is-home .menu-toggle svg{width:26px;height:26px}
  .is-home .menu-label{font-size:15px}
  .is-home .header-actions{gap:8px}
  .is-home .header-actions:before{height:32px;margin-right:2px}
  .home-account{width:26px;height:32px}
  .home-account svg{width:22px;height:22px}
  .is-home .home-region{height:40px;padding:0 12px;gap:7px;font-size:12px}
  .indonesia-flag{width:22px;height:15px}
  .country-chevron{font-size:18px}
  .is-home .site-header nav{top:82px;left:14px;right:14px;min-width:0}
  .showcase{min-height:760px;height:760px}
  .showcase-stage{top:140px;height:310px;min-height:310px;left:-4%;right:-4%}
  .showcase-shadow{left:18%;right:18%;top:76%;height:30px}
  .showcase-pack{width:56vw}
  .showcase-pack[data-slot="0"]{--scale:1.16}
  .showcase-pack[data-slot="-1"]{--x:-37%;--y:-8%;--turn:-14deg;--scale:.84}
  .showcase-pack[data-slot="1"]{--x:37%;--y:-8%;--turn:14deg;--scale:.84}
  .showcase-pack[data-slot="-2"]{--x:-57%;--y:-40%;--turn:-20deg;--scale:.64}
  .showcase-pack[data-slot="2"]{--x:57%;--y:-40%;--turn:20deg;--scale:.64}
  .showcase-nav{top:390px;left:18px;right:18px}
  .showcase-arrow{width:52px;height:52px}
  .showcase-arrow svg{width:24px;height:24px}
  .showcase-dots{right:8px;top:430px;gap:7px}
  .showcase-dots button{width:28px;height:22px}
  .showcase-dots span{width:11px;height:11px}
  .showcase-copy{bottom:48px;width:calc(100% - 28px)}
  .showcase-kicker{font-size:12px;letter-spacing:.18em;margin-bottom:10px}
  .showcase-copy h1{font-size:clamp(28px,9vw,44px)}
  .showcase-current{font-size:16px;gap:10px;margin-top:10px}
  .showcase-separator{height:14px}
  .showcase-links{gap:10px;margin-top:20px}
  .showcase-links a{min-width:min(100%,310px);width:100%;min-height:50px;font-size:15px}
}
@media(max-width:420px){
  .showcase{height:730px;min-height:730px}
  .showcase-stage{top:140px;height:295px;min-height:295px}
  .showcase-copy{bottom:34px}
  .showcase-kicker{font-size:11px;letter-spacing:.13em}
  .showcase-current{font-size:15px}
}

/* KLINT | Section 1 Lower: three-column black feature band and double teal chevron
   Reference: Halaman 1 Bagian Bawah (2048 x 682).
   Standalone vectors and responsive CSS, no bitmap section background. */
.is-home .home-information-links {
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  height: clamp(510px, 33.3vw, 682px);
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: linear-gradient(110deg, #04bcc5 0%, #03c1c9 35%, #00b4bd 100%);
  color: #fff;
}
.is-home .home-benefits-teal-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(165deg, #00aab3 0%, #049ca6 52%, #03b4bb 100%);
  clip-path: polygon(0 71.2%, 50% 95.3%, 100% 71.2%, 100% 100%, 0 100%);
  pointer-events: none;
}
.is-home .home-benefits-black-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #030303;
  clip-path: polygon(0 0, 100% 0, 100% 71.2%, 50% 85.0%, 0 71.2%);
  pointer-events: none;
}
.is-home .home-benefits-grid {
  position: relative;
  z-index: 2;
  width: min(100%, 1900px);
  margin: 0 auto;
  padding: clamp(76px, 6.2vw, 126px) clamp(24px, 2.2vw, 44px) 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}
.is-home .home-benefit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 344px;
  padding: 10px clamp(10px, 1.4vw, 30px) 10px;
  text-align: center;
  text-decoration: none;
  background: transparent;
  color: #f9f9f9;
  border: 0;
}
.is-home .home-benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: clamp(258px, 17vw, 344px);
  width: 2px;
  background: #ffffff59;
  pointer-events: none;
}
.is-home .home-benefit:hover { background: none; }
.is-home .home-benefit:hover .home-benefit-icon { transform: translateY(-3px); }
.is-home .home-benefit-icon {
  width: clamp(110px, 7.8vw, 160px);
  height: clamp(110px, 7.8vw, 160px);
  margin-bottom: clamp(13px, 1.05vw, 22px);
  display: block;
  flex: 0 0 auto;
  border: 0;
  border-radius: 0;
  transition: transform .25s ease;
}
.is-home .home-benefit-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.is-home .home-benefit h2 {
  margin: 0;
  font-family: 'Aspekta', Arial, sans-serif;
  font-size: clamp(26px, 2.18vw, 45px);
  font-weight: 710;
  letter-spacing: -.027em;
  line-height: 1.2;
  white-space: nowrap;
  color: #fff;
}
.is-home .home-benefit p {
  width: 100%;
  margin: clamp(13px, .95vw, 21px) auto 0;
  font-family: 'Aspekta', Arial, sans-serif;
  font-size: clamp(19px, 1.49vw, 31px);
  font-weight: 375;
  line-height: 1.38;
  letter-spacing: -.015em;
  color: #f0f0f0;
}
.is-home .home-information-links + .information-carousel {
  margin-top: 0;
  border-top: 0;
}
@media (min-width: 1700px) {
  .is-home .home-benefits-grid { width: min(100%, 1900px); }
}
@media (max-width: 1320px) {
  .is-home .home-information-links { height: 550px; }
  .is-home .home-benefits-grid { padding-top: 82px; }
  .is-home .home-benefit { min-height: 270px; }
  .is-home .home-benefit:not(:last-child)::after { height: 270px; }
  .is-home .home-benefit h2 { font-size: clamp(22px, 2.2vw, 30px); }
  .is-home .home-benefit p { font-size: clamp(16px, 1.65vw, 22px); }
  .is-home .home-benefit-icon { width: clamp(106px, 9vw, 128px); height: clamp(106px, 9vw, 128px); }
}
@media (max-width: 780px) {
  .is-home .home-information-links { height: 800px; }
  .is-home .home-benefits-teal-layer { clip-path: polygon(0 84%, 50% 95.5%, 100% 84%, 100% 100%, 0 100%); }
  .is-home .home-benefits-black-layer { clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 90.4%, 0 85%); }
  .is-home .home-benefits-grid { grid-template-columns: 1fr; padding: 24px 30px 0; }
  .is-home .home-benefit { min-height: 214px; padding: 12px 5px 24px; }
  .is-home .home-benefit:not(:last-child)::after { right: 18%; left: 18%; top: auto; bottom: 0; width: auto; height: 1px; }
  .is-home .home-benefit-icon { width: 82px; height: 82px; margin-bottom: 10px; }
  .is-home .home-benefit h2 { font-size: clamp(22px, 5vw, 29px); white-space: normal; }
  .is-home .home-benefit p { font-size: 16px; margin-top: 10px; max-width: 390px; }
  .is-home .desktop-benefit-break { display: none; }
}
@media (max-width: 450px) {
  .is-home .home-information-links { height: 740px; }
  .is-home .home-benefits-grid { padding: 18px 18px 0; }
  .is-home .home-benefit { min-height: 205px; }
  .is-home .home-benefit-icon { width: 76px; height: 76px; }
  .is-home .home-benefit h2 { font-size: 22px; }
  .is-home .home-benefit p { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .is-home .home-benefit-icon { transition: none; }
}

/* Keep the existing hero navigation inside narrow mobile viewports. */
@media (max-width: 520px) {
  .is-home .header-inner { width: calc(100% - 24px); gap: 8px; }
  .is-home .header-inner .brand-wordmark { min-width: 0; width: 138px; }
  .is-home .brand-tagline { font-size: 8px; }
  .is-home .menu-label { display: none; }
  .is-home .header-actions:before { display: none; }
  .is-home .home-account { width: 25px; }
  .is-home .home-region { height: 37px; padding: 0 9px; font-size: 11px; gap: 5px; }
}
@media (max-width: 359px) {
  .is-home .header-inner .brand-wordmark { width: 115px; }
  .is-home .home-account { display: none; }
  .is-home .home-region { padding: 0 6px; font-size: 10px; }
  .is-home .country-chevron { font-size: 14px; }
}

/* Halaman 2 redesign based on supplied section reference */
.home-generation-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#8bece8 0%,#79dfdd 30%,#73dbd9 70%,#7ce1de 100%);color:#07181a}
.home-generation-section:before{content:"";position:absolute;left:0;right:0;top:0;height:116px;background:linear-gradient(180deg,rgba(3,86,90,.34),rgba(3,86,90,.12));clip-path:polygon(0 0,100% 0,100% 35%,50% 90%,0 35%);pointer-events:none;opacity:.92}
.home-generation-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:114px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.24));clip-path:polygon(0 65%,50% 8%,100% 65%,100% 100%,0 100%);pointer-events:none}
.home-generation-shell{position:relative;padding:78px 0 84px}
.home-generation-shell:before{content:"";position:absolute;left:0;right:0;top:18px;height:84px;background:linear-gradient(180deg,rgba(9,105,108,.32),rgba(9,105,108,.14));clip-path:polygon(0 0,100% 0,100% 34%,50% 100%,0 34%);opacity:.82;pointer-events:none}
.home-generation-shell:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:82px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.22));clip-path:polygon(0 60%,50% 0,100% 60%,100% 100%,0 100%);pointer-events:none}
.home-generation-inner{position:relative;z-index:1;max-width:1520px;width:calc(100% - 120px);margin:0 auto;display:grid;grid-template-columns:minmax(700px,1.03fr) minmax(520px,.97fr);align-items:center;gap:30px;min-height:665px}
.home-generation-copy{padding:42px 0 26px 0;max-width:835px}
.generation-kicker{margin:0 0 18px;font-size:26px;font-weight:700;line-height:1.04;letter-spacing:.018em;color:#03080a;text-transform:uppercase}
.home-generation-copy h2{display:flex;flex-direction:column;gap:2px;margin:0 0 18px;text-transform:uppercase}
.generation-title-primary{font-size:clamp(5.15rem,6vw,6.7rem);line-height:.88;font-weight:900;letter-spacing:-.075em;color:#050607}
.generation-title-secondary{margin-top:-2px;font-size:clamp(4.45rem,5.4vw,5.65rem);line-height:.92;font-weight:900;letter-spacing:-.067em;color:rgba(48,125,130,.47)}
.home-generation-copy p{font-size:18px;line-height:1.33;color:#1a383d;max-width:790px;margin-top:32px;font-weight:400}
.generation-break{display:block}
.home-generation-visual{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:620px;padding-right:12px}
.generation-product{position:relative;display:block;width:min(100%,780px);max-width:780px;object-fit:contain;transform:translateX(18px) translateY(6px);filter:drop-shadow(0 34px 24px rgba(26,101,104,.24))}
.generation-product-shadow{position:absolute;left:54%;bottom:96px;transform:translateX(-50%);width:70%;height:70px;background:radial-gradient(ellipse at center,rgba(0,0,0,.22) 0%,rgba(0,0,0,.12) 40%,rgba(0,0,0,0) 72%);filter:blur(12px)}
@media(max-width:1320px){.home-generation-inner{width:calc(100% - 72px);grid-template-columns:minmax(0,1fr) minmax(440px,.86fr);gap:18px}.home-generation-copy{max-width:760px}.generation-kicker{font-size:23px}.generation-title-primary{font-size:clamp(4.4rem,6vw,5.7rem)}.generation-title-secondary{font-size:clamp(3.9rem,5.1vw,4.95rem)}.home-generation-copy p{font-size:17px;max-width:700px}.generation-product{max-width:650px;transform:translateX(10px)}.home-generation-visual{min-height:520px}.generation-product-shadow{bottom:76px;height:58px}}
@media(max-width:1024px){.home-generation-section:before,.home-generation-shell:before{height:72px}.home-generation-section:after,.home-generation-shell:after{height:72px}.home-generation-shell{padding:64px 0 70px}.home-generation-inner{width:calc(100% - 48px);grid-template-columns:1fr;gap:16px;min-height:0}.home-generation-copy{max-width:none;padding:28px 0 0}.generation-kicker{font-size:19px;margin-bottom:14px}.generation-title-primary{font-size:clamp(3.4rem,9vw,4.6rem)}.generation-title-secondary{font-size:clamp(3rem,8vw,4rem)}.home-generation-copy p{font-size:16px;max-width:none;margin-top:20px}.generation-break{display:none}.home-generation-visual{min-height:0;justify-content:center;padding-right:0;padding-bottom:18px}.generation-product{width:min(100%,540px);max-width:540px;transform:none}.generation-product-shadow{left:50%;bottom:38px;width:76%;height:46px;filter:blur(9px)}}
@media(max-width:620px){.home-generation-shell{padding:52px 0 56px}.home-generation-inner{width:calc(100% - 28px)}.generation-kicker{font-size:14px;letter-spacing:.05em;margin-bottom:12px}.generation-title-primary{font-size:clamp(2.35rem,13vw,3.25rem);letter-spacing:-.062em}.generation-title-secondary{font-size:clamp(2.1rem,11vw,2.95rem);letter-spacing:-.055em}.home-generation-copy p{font-size:15px;line-height:1.4;margin-top:16px}.generation-product{width:min(100%,370px)}.generation-product-shadow{bottom:28px;height:30px}.home-generation-section:before,.home-generation-shell:before{height:54px}.home-generation-section:after,.home-generation-shell:after{height:48px}}

/* Halaman 3 recreated with editable HTML and visual reference assets: see quality-reference.css */
/* Halaman 4: refined to the 1672×941 user reference composition. */
.home-racing-section{position:relative;overflow:hidden;background:#35f7eb;color:#031016}
.home-racing-grid{display:grid;grid-template-columns:57.24% 42.76%;width:100%;aspect-ratio:1672 / 941;min-height:670px}
.racing-visual{position:relative;overflow:hidden;min-height:0;background:#28303e}
.racing-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.racing-panel{position:relative;min-width:0;background:linear-gradient(90deg,#32f5e8 0%,#36f6eb 58%,#39f6ed 100%)}
.racing-panel-inner{position:absolute;top:26.45%;left:8.4%;right:5%;padding:0;max-width:590px}
.racing-logo{width:100%;max-width:602px;height:auto;display:block;object-fit:contain;margin:0 0 16px;filter:none}
.racing-panel h2{font-family:'Aspekta',Arial,sans-serif;font-size:clamp(35px,2.75vw,50px);font-weight:350;letter-spacing:.19em;line-height:1.13;color:#020b10;margin:0 0 29px;white-space:nowrap}
.racing-panel p{font-family:'Aspekta',Arial,sans-serif;font-size:clamp(18px,1.48vw,26px);font-weight:380;line-height:1.48;letter-spacing:.002em;margin:0;max-width:565px;color:#11282d}
.racing-desktop-break{display:initial}
.racing-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;width:356px;max-width:100%;height:76px;min-height:76px;margin-top:43px;padding:0 33px 0 35px;background:#04090d;color:#fff;text-decoration:none;font-family:'Aspekta',Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.2;box-shadow:none;transition:background .18s,transform .18s}
.racing-cta:hover{transform:translateY(-2px);background:#111a20}
.racing-cta svg{height:29px;width:29px;flex:0 0 29px}
.racing-story{display:grid;grid-template-columns:1fr 1fr;min-height:78vh;background:#35f4e7}
.racing-story-image{min-height:580px;overflow:hidden}.racing-story-image img{width:100%;height:100%;object-fit:cover;display:block}
.racing-story-content{padding:clamp(48px,6vw,110px);align-self:center}
.racing-story-content h1{font-size:clamp(42px,4vw,72px);margin-bottom:30px}
.racing-story-content p{font-size:clamp(16px,1.2vw,21px);line-height:1.58;margin-bottom:24px;max-width:600px}
@media(min-width:2000px){.racing-panel-inner{top:27%}.racing-panel h2{font-size:clamp(48px,2.75vw,66px)}.racing-panel p{font-size:clamp(25px,1.45vw,35px)}.racing-cta{width:430px;height:90px;font-size:25px}}
@media(max-width:1300px){.home-racing-grid{min-height:610px}.racing-panel-inner{left:7%;top:25%}.racing-logo{margin-bottom:12px}.racing-panel h2{letter-spacing:.13em;margin-bottom:21px}.racing-panel p{font-size:clamp(16px,1.42vw,20px);line-height:1.5}.racing-cta{width:290px;height:64px;min-height:64px;padding-inline:25px;font-size:18px;margin-top:32px}}
@media(max-width:980px){.home-racing-grid{display:grid;grid-template-columns:1fr;aspect-ratio:auto;min-height:0}.racing-visual{height:clamp(310px,65vw,580px)}.racing-panel{min-height:410px}.racing-panel-inner{position:relative;top:auto;left:auto;right:auto;width:calc(100% - 72px);margin:0 auto;padding:54px 0 60px;max-width:640px}.racing-logo{max-width:540px;margin-bottom:12px}.racing-panel h2{font-size:clamp(32px,5vw,48px);margin-bottom:24px}.racing-panel p{font-size:clamp(18px,2.5vw,23px)}.racing-desktop-break{display:none}.racing-cta{margin-top:32px;width:340px;height:68px;font-size:19px}.racing-story{grid-template-columns:1fr}.racing-story-image{min-height:380px;height:55vw}}
@media(max-width:620px){.racing-visual{height:clamp(250px,75vw,410px)}.racing-panel-inner{width:calc(100% - 40px);padding:40px 0 48px}.racing-logo{max-width:100%;margin-bottom:9px}.racing-panel h2{font-size:clamp(28px,8vw,39px);letter-spacing:.105em;margin-bottom:18px}.racing-panel p{font-size:16px;line-height:1.55}.racing-cta{margin-top:27px;width:100%;max-width:356px;height:61px;min-height:61px;font-size:17px;padding-inline:22px}.racing-cta svg{width:25px;height:25px;flex-basis:25px}.racing-story-content{padding:36px 20px}.racing-story-image{min-height:260px;height:68vw}}


/* HALAMAN 5 - product carousel, based on supplied 1672 x 941 reference */
.home-products-showcase{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#141c24 0%,#10171c 56%,#090e13 100%);color:#fff;min-height:941px;padding:77px 0 84px;overflow:hidden}
.home-products-showcase .p5-heading{text-align:center;margin:0 auto 24px;padding:0 20px}
.home-products-showcase .p5-kicker{color:#26e2e3;text-transform:uppercase;font-size:20px;letter-spacing:.49em;line-height:1.28;font-weight:500;margin:0 0 5px}
.home-products-showcase .p5-heading h2{font-family:'Aspekta',Arial,Helvetica,sans-serif;font-size:clamp(54px,5.2vw,80px);font-weight:950;line-height:1.06;letter-spacing:-.055em;color:#fff;text-shadow:0 1px 1px rgba(255,255,255,.2);margin:0 0 1px}
.home-products-showcase .p5-subtitle{color:#2de3e2;text-transform:uppercase;font-size:19px;line-height:1.35;letter-spacing:.26em;font-weight:650}
.p5-stage{width:calc(100% - 70px);max-width:1450px;margin:0 auto}
.p5-slide[hidden]{display:none!important}
.p5-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;justify-content:center}
.p5-slide[data-p5-slide="2"] .p5-card-grid{grid-template-columns:repeat(2,minmax(0,468px));justify-content:center}
.p5-card{position:relative;display:block;overflow:hidden;border-radius:20px;background:#101115;aspect-ratio:468/563;border:1px solid rgba(255,255,255,.07);min-width:0;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.p5-card-reference>img{display:block;width:100%;height:100%;object-fit:fill}
.p5-card-reference .p5-hit-detail,.p5-card-reference .p5-hit-cart{position:absolute;border:0;padding:0;background:transparent;cursor:pointer;z-index:2}
.p5-card-reference .p5-hit-detail{left:19.6%;top:83.6%;width:44.2%;height:12%}
.p5-card-reference .p5-hit-cart{left:66.4%;top:83.6%;width:15.4%;height:12%}
.p5-card-reference button:hover{background:rgba(255,255,255,.075);border-radius:100px}
.p5-card-reference button:focus-visible{outline:3px solid #45fbfa;outline-offset:-2px;border-radius:100px}
.p5-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:29px 0 0}
.p5-pagination button{border:0;background:transparent;min-width:26px;min-height:28px;display:grid;place-items:center;padding:0;cursor:pointer;color:white}
.p5-pagination span{width:17px;height:17px;border-radius:50%;border:2px solid #858a92;background:transparent;display:block;transition:background .2s,border-color .2s,transform .2s}
.p5-pagination button[aria-pressed="true"] span{background:#2be5eb;border-color:#2be5eb;transform:scale(1.03)}
.p5-pagination button:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:5px}
.p5-card-dynamic{--flavor-color:#2acbd0;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;background:radial-gradient(ellipse at 50% 39%,color-mix(in srgb,var(--flavor-color) 55%,#14151a) 0%,color-mix(in srgb,var(--flavor-color) 32%,#11131a) 39%,#05070b 95%);padding:10px 18px 24px}
.p5-card-dynamic:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 59%,color-mix(in srgb,var(--flavor-color) 18%,transparent),transparent 49%);pointer-events:none}
.p5-product-art{height:53%;width:100%;position:absolute;top:4%;left:0;display:grid;place-items:center}
.p5-product-art img{display:block;width:80%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.35))}
.p5-art-placeholder{width:55%;aspect-ratio:1;border-radius:50%;border:17px solid #101217;background:var(--flavor-color);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);box-shadow:12px 17px 0 #07090b,16px 23px 28px #080808aa;color:#081014;text-align:center}
.p5-art-placeholder span{font-size:clamp(25px,3vw,48px);font-weight:900;font-style:italic;letter-spacing:-.08em;line-height:1.1}
.p5-art-placeholder small{font-size:clamp(9px,1vw,15px);font-weight:700;line-height:1.1}
.p5-card-info{position:relative;z-index:1;margin-top:auto}
.p5-card-info h3{font-size:clamp(21px,1.8vw,29px);font-weight:800;color:white;line-height:1.15;letter-spacing:-.02em;margin:0 0 5px}
.p5-card-info strong{color:var(--flavor-color);font-size:clamp(20px,1.5vw,25px);line-height:1.2;letter-spacing:.02em;display:block}
.p5-card-info p{font-size:clamp(14px,1.35vw,20px);line-height:1.36;min-height:56px;color:#d9d9d9;margin:14px 0 20px}
.p5-card-actions{display:flex;justify-content:center;gap:14px;align-items:center}
.p5-detail-btn,.p5-cart-btn{display:inline-flex;justify-content:center;align-items:center;background:transparent;border:1.7px solid rgba(255,255,255,.86);color:#fff;cursor:pointer;border-radius:999px;min-height:60px}
.p5-detail-btn{min-width:198px;gap:20px;font-size:20px;font-weight:700;padding:9px 24px}
.p5-cart-btn{width:66px;min-width:66px;padding:0}
.p5-detail-btn:hover,.p5-cart-btn:hover{background:#ffffff17}
.p5-product-dialog{width:min(92vw,480px);max-height:90dvh;overflow:auto;background:#111a20;color:white;border:1px solid #4f686b;border-radius:14px;padding:26px;box-shadow:0 24px 100px #0009}
.p5-product-dialog::backdrop{background:#05090cbd}
.p5-dialog-head{display:flex;justify-content:space-between;align-items:center;color:#34d8da;font-size:12px;letter-spacing:.2em;margin-bottom:24px}
.p5-dialog-head button{font-size:30px;color:#fff;background:transparent;border:0;min-width:44px;min-height:44px;cursor:pointer}
.p5-product-dialog h2{font-size:32px;margin-bottom:12px}
.p5-product-dialog p{font-size:16px;line-height:1.55;margin:0 0 15px}
.p5-product-dialog .p5-dialog-dose{font-weight:700;color:#36dedd}
.p5-product-dialog .p5-dialog-notice{font-size:14px;color:#c4cdd0}
.p5-dialog-actions button{display:inline-flex;min-height:44px;padding:9px 26px;border-radius:40px;border:1px solid #d9e3e5;color:white;background:transparent;cursor:pointer}
@media(max-width:1140px){.home-products-showcase{min-height:0;padding:75px 0 70px}.p5-stage{width:calc(100% - 40px)}.home-products-showcase .p5-kicker{font-size:17px}.home-products-showcase .p5-heading h2{font-size:clamp(48px,6vw,70px)}.home-products-showcase .p5-subtitle{font-size:15px}.p5-card-grid{gap:14px}.p5-card{border-radius:16px}.p5-detail-btn{min-width:130px;gap:10px;font-size:15px;min-height:46px}.p5-cart-btn{min-width:48px;width:48px;min-height:46px}.p5-card-dynamic{padding:9px 10px 15px}.p5-card-info p{min-height:44px;margin:10px 0 12px}}
@media(max-width:740px){.home-products-showcase{padding:64px 0 64px}.home-products-showcase .p5-kicker{font-size:12px;letter-spacing:.33em}.home-products-showcase .p5-heading h2{font-size:clamp(35px,8vw,55px);letter-spacing:-.045em}.home-products-showcase .p5-subtitle{font-size:11px;letter-spacing:.12em}.home-products-showcase .p5-heading{margin-bottom:22px}.p5-stage{max-width:500px;width:calc(100% - 30px)}.p5-card-grid,.p5-slide[data-p5-slide="2"] .p5-card-grid{grid-template-columns:minmax(0,1fr);gap:16px}.p5-card{border-radius:18px}.p5-card-info h3{font-size:25px}.p5-card-info strong{font-size:22px}.p5-card-info p{font-size:17px;margin:12px 0 18px}.p5-product-art img{width:75%}.p5-pagination{margin-top:20px}.p5-detail-btn{min-width:170px;min-height:55px;font-size:18px}.p5-cart-btn{width:56px;min-width:56px;min-height:55px}.p5-art-placeholder span{font-size:36px}.p5-art-placeholder small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.p5-pagination span{transition:none}}
/* Final visual alignment: heading width and spacing from the reference */
@media(min-width:741px){
  .home-products-showcase{padding-top:77px;padding-bottom:75px}
  .home-products-showcase .p5-heading{margin-bottom:20px}
  .home-products-showcase .p5-heading h2{transform:scaleX(1.25);-webkit-text-stroke:1.1px #fff;line-height:.99}
}
/* Keep the accessibility skip link visually hidden until it receives keyboard focus */
.skip-link:not(:focus-visible){width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;border:0!important}
.skip-link:focus-visible{width:auto;height:auto;clip-path:none;top:8px;left:12px;padding:14px 20px}

/* Page 5 precision revisions: all slides use reference card images and slide 3 is centered with 2 cards */
.p5-stage{max-width:1460px}.p5-card-grid{grid-template-columns:repeat(3,minmax(0,468px));justify-content:center}.p5-slide[data-p5-slide="2"] .p5-card-grid{grid-template-columns:repeat(2,minmax(0,468px));max-width:956px;margin:0 auto;justify-content:center}.p5-card-reference>img{object-fit:cover}.p5-card-reference .p5-hit-detail{left:18.8%;top:83.1%;width:46.4%;height:12.6%}.p5-card-reference .p5-hit-cart{left:69.1%;top:83.1%;width:14.2%;height:12.6%}@media(max-width:1140px){.p5-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p5-slide[data-p5-slide="2"] .p5-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}}

/* Final mobile override: keep cards readable instead of shrinking three cards onto a phone. */
@media (max-width:740px) {
  .home-products-showcase .p5-card-grid,
  .home-products-showcase .p5-slide[data-p5-slide="2"] .p5-card-grid {
    grid-template-columns:minmax(0,1fr);
    max-width:468px;
    margin-inline:auto;
    gap:16px;
  }
  .home-products-showcase .p5-card {width:100%;max-width:468px;margin-inline:auto}
}


/* Halaman 6: Surf Bali Tropical banner */
.home-surf-section{position:relative;overflow:hidden;background:#071116;padding:0}.home-surf-shell{width:100%;max-width:none;margin:0 auto}.home-surf-banner{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;object-position:center center;background:#071116}@media(max-width:900px){.home-surf-banner{aspect-ratio:1672/941;object-fit:cover;min-height:320px}}@media(max-width:640px){.home-surf-banner{min-height:240px;object-position:38% center}}

/* Halaman 7 follows the supplied desktop artwork exactly; mobile is a readable, native layout. */
.home-usage-7{width:100%;position:relative;overflow:hidden;background:#1b1f22;color:#050d10;isolation:isolate}
.home-usage-7-art{width:100%;height:auto;display:block;aspect-ratio:1672/941;object-fit:cover}
.home-usage-7-mobile{display:none}
@media(max-width:740px){
  .home-usage-7-art{display:none}
  .home-usage-7-mobile{display:block;background:linear-gradient(180deg,#1a1e21 0%,#222528 100%);padding:54px 0 54px}
  .home-usage-7-panel{background:linear-gradient(135deg,#8deeea 0%,#78e8df 55%,#8bece9 100%);padding:40px 18px 46px;clip-path:polygon(0 2%,50% 0,100% 2%,100% 98%,50% 100%,0 98%);max-width:560px;margin:0 auto}
  .home-usage-7-panel h2{font-size:clamp(1.65rem,7vw,2.5rem);letter-spacing:-.055em;line-height:1.05;text-align:center;color:#080e10;font-weight:850;padding:0 2px 18px;border-bottom:1px solid rgba(0,30,32,.27);margin:0 0 15px}
  .home-usage-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
  .home-usage-step{display:grid;grid-template-columns:85px minmax(0,1fr);gap:16px;align-items:center;min-height:122px;padding:17px 4px;border-bottom:1px solid rgba(9,69,72,.13)}
  .home-usage-step:last-child{border:0}
  .home-usage-icon{display:block;width:84px;color:#02080b}
  .home-usage-icon svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
  .home-usage-step h3{font-size:clamp(1rem,4vw,1.28rem);font-weight:820;letter-spacing:-.025em;line-height:1.12;margin:0 0 8px;color:#080e10}
  .home-usage-step p{font-size:.95rem;line-height:1.42;color:#26373a;margin:0}
}
@media(max-width:360px){.home-usage-7-panel{padding-inline:13px}.home-usage-step{grid-template-columns:70px minmax(0,1fr);gap:12px}.home-usage-icon{width:70px}.home-usage-step p{font-size:.87rem}}


/* ============================================================
   HALAMAN 5: Vertical eight-card product showcase (3 + 3 + 2)
   ============================================================ */
.home-products-showcase {
  height: auto;
  min-height: 0;
  padding-top: 77px;
  padding-bottom: 90px;
}
.home-products-showcase .p5-heading { margin-bottom: 25px; }
.p5-stage {
  width: calc(100% - 70px);
  max-width: 1460px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.p5-slide,
.p5-slide[hidden] { display: block !important; }
.p5-card-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,468px));
  justify-content: center;
  gap: 20px;
  align-items: stretch;
}
.p5-slide[data-p5-slide="2"] .p5-card-grid {
  grid-template-columns: repeat(2,minmax(0,468px));
  justify-content: center;
  max-width: 956px;
  margin: 0 auto;
}
.p5-card-reference > img { object-fit: cover; }
.p5-card-reference .p5-hit-detail { left: 19%; top: 83%; width: 46%; height: 13%; }
.p5-card-reference .p5-hit-cart { left: 68%; top: 83%; width: 15.5%; height: 13%; }
.p5-pagination { display: none !important; }
@media (max-width: 1100px) {
  .p5-stage { width: calc(100% - 40px); gap: 18px; }
  .p5-card-grid { gap: 14px; }
}
@media (max-width: 900px) {
  .p5-card-grid { grid-template-columns: repeat(2,minmax(0,468px)); }
  .p5-slide[data-p5-slide="2"] .p5-card-grid { grid-template-columns: repeat(2,minmax(0,468px)); }
  .home-products-showcase { padding-bottom: 70px; }
}
@media (max-width: 650px) {
  .home-products-showcase { padding: 58px 0 64px; }
  .p5-stage { width: min(100% - 30px,480px); gap: 16px; }
  .p5-card-grid,
  .p5-slide[data-p5-slide="2"] .p5-card-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
    width: 100%;
  }
  .p5-slide[data-p5-slide="2"] .p5-card-grid { max-width: none; }
  .p5-card { width: 100%; }
  .home-products-showcase .p5-heading h2 { transform: none; -webkit-text-stroke: 0; }
}


/* CONTACT US: based on the owner's 1679 x 937 visual reference. */
body.is-contact{background:#fff}
body.is-contact .top-notice,body.is-contact .site-header{display:none!important}
body.is-contact .site-footer{margin-top:0}
body.is-contact #main{background:#fff}
body.is-contact .contact-hero{position:relative;isolation:isolate;min-height:max(937px,100svh);overflow:hidden;background-color:#fff;background-image:url("assets/references/contact-aurora-background.webp");background-size:cover;background-position:center top;color:#070808}
body.is-contact .contact-content{position:relative;z-index:1;width:min(700px,46vw);margin-left:max(28px,5.82vw);padding-top:clamp(80px,7.05vw,121px);padding-bottom:54px}
body.is-contact .contact-brand{display:block;width:min(450px,100%);height:auto;line-height:0;text-decoration:none}
body.is-contact .contact-brand img{display:block;width:100%;height:auto}
body.is-contact .contact-motto{margin:8px 0 0;font-family:'Aspekta',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.2;letter-spacing:.43em;word-spacing:.03em;white-space:nowrap;color:#0a0a0b}
body.is-contact .contact-motto strong{font-weight:850;letter-spacing:.42em}
body.is-contact .contact-content h1{font-family:Impact,'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-stretch:condensed;font-weight:900;font-size:clamp(56px,4.1vw,76px);line-height:1.05;margin:58px 0 12px;letter-spacing:-.014em;color:#050606}
body.is-contact .contact-intro{font-family:'Aspekta',Arial,Helvetica,sans-serif;font-size:17px;line-height:1.5;letter-spacing:-.006em;margin:0 0 30px;color:#171a1e;max-width:750px}
body.is-contact .contact-form{width:100%;margin:0}
body.is-contact .contact-form input,body.is-contact .contact-form textarea,body.is-contact .contact-form select{font:400 15px/1.4 'Aspekta',Arial,sans-serif;color:#1f292b;min-width:0}
body.is-contact .contact-form input::placeholder,body.is-contact .contact-form textarea::placeholder{color:#6b7074;opacity:1}
body.is-contact .contact-form input,body.is-contact .contact-form textarea{width:100%;border:1px solid #cfd2d4;border-radius:8px;background:rgba(255,255,255,.83);outline:0;padding:0 21px;transition:border-color .15s,box-shadow .15s}
body.is-contact .contact-form input:focus-visible,body.is-contact .contact-form textarea:focus-visible,body.is-contact .contact-form select:focus-visible{border-color:#159b96;box-shadow:0 0 0 3px rgba(18,222,208,.2)}
body.is-contact .contact-form .contact-name-row{display:grid;grid-template-columns:1fr 1.04fr;gap:11px;margin-bottom:11px}
body.is-contact .contact-form input{height:52px}
body.is-contact .contact-phone-row{position:relative;display:flex;align-items:stretch;min-height:52px;margin-bottom:11px}
body.is-contact .contact-phone-row input{padding-right:50px}
body.is-contact .contact-phone-row select{position:absolute;right:4px;top:3px;height:46px;width:46px;cursor:pointer;opacity:0;appearance:auto;z-index:2}
body.is-contact .contact-phone-chevron{position:absolute;right:30px;top:19px;width:10px;height:10px;border-right:2px solid #292e31;border-bottom:2px solid #292e31;transform:rotate(45deg);pointer-events:none}
body.is-contact .contact-form textarea{resize:vertical;display:block;padding:13px 21px;min-height:97px;height:97px;max-height:400px;margin-bottom:12px}
body.is-contact .contact-submit{display:inline-flex;justify-content:center;align-items:center;gap:16px;width:314px;max-width:100%;min-height:53px;border:none;border-radius:6px;cursor:pointer;background:linear-gradient(103deg,#50c7ac 0%,#20e6df 100%);color:#061316;font-size:18px;font-weight:650;transition:filter .15s,transform .15s}
body.is-contact .contact-submit:hover{filter:brightness(.98);transform:translateY(-1px)}
body.is-contact .contact-submit svg{width:19px;height:19px}
body.is-contact .contact-bottom-motto{margin:59px 0 0;font-size:17px;letter-spacing:.45em;line-height:1.4;color:#080c0d}
body.is-contact .contact-bottom-motto strong{font-weight:900;letter-spacing:.34em}
body.is-contact .contact-form-result{margin:12px 0 0;width:min(100%,700px);border-radius:7px;background:#fffdf3;border:1px solid #d6cf98;padding:12px 14px;font-size:13px;line-height:1.5;color:#243030;max-width:700px}
body.is-contact .contact-form-result[data-kind=error]{background:#fff3f3;border-color:#d69494}
body.is-contact .contact-copy{margin-top:10px;min-height:40px;padding:8px 20px;border:1px solid #3a9f9b;border-radius:6px;background:#fff;color:#164e4c;cursor:pointer;font-size:14px}
body.is-contact .contact-form-result[hidden],body.is-contact .contact-copy[hidden]{display:none}
body.is-contact .contact-mobile-visual{display:none}
@media(max-width:1350px){
 body.is-contact .contact-hero{min-height:790px}
 body.is-contact .contact-content{width:min(670px,52vw);padding-top:84px}
 body.is-contact .contact-brand{width:min(400px,100%)}
 body.is-contact .contact-content h1{margin-top:42px;font-size:64px}
 body.is-contact .contact-motto{font-size:14px;letter-spacing:.38em}
 body.is-contact .contact-motto strong{letter-spacing:.34em}
 body.is-contact .contact-intro{font-size:15px;margin-bottom:24px}
 body.is-contact .contact-break{display:none}
 body.is-contact .contact-bottom-motto{margin-top:42px}
}
@media(max-width:850px){
 body.is-contact .contact-hero{display:flex;flex-direction:column;min-height:0;background:#fff}
 body.is-contact .contact-mobile-visual{display:block;order:2;min-height:390px;background:#1c5366 url("assets/references/contact-aurora-mobile.webp") center center / cover no-repeat}
 body.is-contact .contact-content{order:1;width:calc(100% - 64px);max-width:700px;margin:0 auto;padding:45px 0 46px}
 body.is-contact .contact-brand{width:min(335px,100%)}
 body.is-contact .contact-content h1{margin-top:36px;font-size:clamp(46px,8vw,72px)}
 body.is-contact .contact-intro{font-size:16px;line-height:1.5}
 body.is-contact .contact-bottom-motto{margin-top:37px}
}
@media(max-width:510px){
 body.is-contact .contact-mobile-visual{min-height:300px;background-position:57% center}
 body.is-contact .contact-content{width:calc(100% - 40px);padding-top:34px;padding-bottom:32px}
 body.is-contact .contact-brand{max-width:245px}
 body.is-contact .contact-motto{font-size:10px;letter-spacing:.24em;white-space:normal}
 body.is-contact .contact-motto strong{letter-spacing:.22em}
 body.is-contact .contact-content h1{font-size:47px;line-height:1.05;margin:35px 0 11px}
 body.is-contact .contact-intro{font-size:14px;margin-bottom:22px}
 body.is-contact .contact-form .contact-name-row{grid-template-columns:1fr;gap:10px;margin-bottom:10px}
 body.is-contact .contact-form input{height:50px}
 body.is-contact .contact-form textarea{min-height:125px;height:125px}
 body.is-contact .contact-submit{width:100%;min-height:52px}
 body.is-contact .contact-bottom-motto{font-size:13px;letter-spacing:.4em;margin-top:34px}
}

/* Pixel alignment of contact reference and clean focus treatment for programmatic heading focus */
body.is-contact .contact-content h1:focus{outline:none}
@media(min-width:851px){body.is-contact .contact-content h1{font-size:78px;line-height:1.18;transform:scaleX(.81);transform-origin:left center;white-space:nowrap}}


/* Find Us in Bali: faithful presentation of owner's 1672x941 visual reference */
body.is-bali{background:#fff}
body.is-bali .site-header,body.is-bali .top-notice{display:none!important}
body.is-bali .site-footer{margin-top:0}
body.is-bali #main{background:#fff}
.bali-locator-page{background:#fff;color:#0b0d0e;min-height:max(940px,100svh);padding:0;overflow:hidden}
.bali-locator-layout{width:calc(100% - 170px);max-width:1498px;margin:0 auto;min-height:940px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);column-gap:48px;align-items:start;padding-top:116px;padding-bottom:95px}
.bali-locator-copy{min-width:0;padding-top:22px}
.bali-logo{display:block;width:min(456px,100%);height:auto;text-decoration:none;line-height:0}
.bali-logo img{width:100%;height:auto;display:block}
.bali-logo-motto{margin:6px 0 0;white-space:nowrap;color:#101113;letter-spacing:.40em;font-size:17px;font-family:'Aspekta',Arial,Helvetica,sans-serif;line-height:1.2}
.bali-logo-motto strong{font-weight:850;letter-spacing:.34em}
.bali-locator-copy h1{font-family:'Aspekta',Arial,Helvetica,sans-serif;white-space:nowrap;line-height:1.1;margin:74px 0 12px;font-size:clamp(42px,4.25vw,76px);font-weight:300;letter-spacing:-.035em;transform:scaleX(.97);transform-origin:left center}
.bali-locator-copy h1 strong{font-weight:900;letter-spacing:-.043em}
.bali-locator-copy h1 span{font-weight:300;letter-spacing:-.065em}
.bali-locator-copy h1:focus{outline:none}
.bali-locator-lead{font-size:20px;line-height:1.45;font-weight:400;margin:0 0 49px;color:#35393e;white-space:normal}
.bali-locator-search{display:flex;align-items:center;min-height:76px;width:100%;max-width:720px;border:1.7px solid #cdd1d6;border-radius:99px;padding:6px 10px 6px 28px;background:rgba(255,255,255,.93);box-shadow:0 1px 3px rgba(0,0,0,.035);gap:17px}
.bali-search-icon{width:26px;height:30px;flex:0 0 26px;fill:#0c0e10}
.bali-locator-search input{border:0;outline:none;flex:1;min-width:0;min-height:42px;box-shadow:none;color:#11161a;background:transparent;font-size:18px;font-family:'Aspekta',Arial,Helvetica,sans-serif;font-weight:400}
.bali-locator-search input::placeholder{color:#a3a8b1;opacity:1}
.bali-locator-search:focus-within{border-color:#26cfc8;box-shadow:0 0 0 4px rgba(32,217,211,.14)}
.bali-search-submit{width:58px;height:58px;min-width:58px;display:grid;place-items:center;border:0;border-radius:50%;color:#04191b;background:linear-gradient(135deg,#4ce4d6,#27d8cd);cursor:pointer;transition:filter .2s,transform .2s}
.bali-search-submit svg{width:28px;height:28px}
.bali-search-submit:hover{filter:brightness(.94);transform:scale(1.03)}
.bali-search-submit:focus-visible,.bali-radius-control button:focus-visible,.bali-map-hit:focus-visible{outline:3px solid #0f8f87;outline-offset:3px}
.bali-radius-control{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}
.bali-radius-control button{height:60px;min-width:119px;padding:0 22px;background:#fff;border-radius:100px;border:1.6px solid #d1d4d9;color:#111318;font-size:18px;font-family:'Aspekta',Arial,Helvetica,sans-serif;cursor:pointer;transition:color .15s,background .15s}
.bali-radius-control button[aria-pressed="true"]{background:#07080a;color:#fff;border-color:#07080a}
.bali-radius-control button:hover:not([aria-pressed="true"]){background:#f2faf9}
.bali-search-feedback{font-size:14px;line-height:1.5;color:#184a47;background:#effcfb;border:1px solid #bce8e5;padding:11px 14px;margin-top:21px;border-radius:10px;max-width:720px}
.bali-search-feedback[hidden]{display:none}
.bali-locator-disclaimer{margin:25px 0 0;max-width:650px;color:#717c82;font-size:12px;line-height:1.55}
.bali-map-column{min-width:0;width:100%}
.bali-map-frame{position:relative;width:100%;aspect-ratio:742/720;border-radius:24px;overflow:hidden;background:#f3f5f4;box-shadow:0 1px 14px rgba(24,40,40,.06);border:2px solid #fff;isolation:isolate}
.bali-map-frame>img{width:100%;height:100%;display:block;object-fit:cover}
.bali-map-hit{position:absolute;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);border:0;width:43%;height:13%;border-radius:20px;background:transparent;cursor:pointer;transition:box-shadow .15s,background .15s}
.bali-map-hit[aria-pressed="true"]{box-shadow:0 0 0 3px #11c5b8,inset 0 0 0 1px #fff;background:rgba(255,255,255,.08)}
.bali-map-hit:hover{box-shadow:0 0 0 2px rgba(14,192,185,.65);background:rgba(255,255,255,.10)}
@media(max-width:1360px){.bali-locator-layout{width:calc(100% - 90px);column-gap:36px;min-height:800px;padding-top:92px}.bali-locator-copy{padding-top:15px}.bali-logo{width:min(400px,100%)}.bali-logo-motto{font-size:14px;letter-spacing:.37em}.bali-locator-copy h1{margin-top:52px;font-size:clamp(42px,4.5vw,64px)}.bali-locator-lead{font-size:17px;margin-bottom:36px}.bali-locator-search{min-height:68px}.bali-search-submit{height:52px;width:52px;min-width:52px}.bali-radius-control button{min-width:104px;height:53px;font-size:16px}}
@media(max-width:900px){.bali-locator-layout{width:calc(100% - 48px);display:flex;flex-direction:column;gap:36px;min-height:0;padding:55px 0 72px}.bali-locator-copy{width:100%;padding-top:0}.bali-logo{width:min(370px,100%)}.bali-locator-copy h1{white-space:normal;margin-top:50px;transform:none;font-size:clamp(40px,7vw,67px)}.bali-locator-lead{margin-bottom:25px}.bali-map-column{width:100%;max-width:740px;margin:0 auto}.bali-locator-search{max-width:100%}.bali-locator-disclaimer{margin-top:18px}}
@media(max-width:540px){.bali-locator-layout{width:calc(100% - 34px);padding:35px 0 55px;gap:26px}.bali-logo{max-width:275px}.bali-logo-motto{font-size:10px;letter-spacing:.28em;white-space:normal}.bali-logo-motto strong{letter-spacing:.22em}.bali-locator-copy h1{font-size:clamp(38px,10.5vw,53px);line-height:1.08;margin:37px 0 9px;white-space:nowrap}.bali-locator-lead{font-size:15px;line-height:1.5;margin-bottom:20px}.bali-locator-search{min-height:62px;padding:6px 6px 6px 18px;gap:10px}.bali-locator-search input{font-size:15px}.bali-search-icon{width:23px;height:26px;flex-basis:23px}.bali-search-submit{width:48px;height:48px;min-width:48px}.bali-radius-control{gap:8px;margin-top:17px}.bali-radius-control button{min-width:0;height:46px;flex:1;font-size:15px;padding:0 12px}.bali-map-frame{border-radius:18px}.bali-map-hit{min-width:60px}.bali-locator-disclaimer{font-size:11px}}
/* Refined reference alignment for desktop title and search vertical rhythm. */
@media(min-width:1361px){
 .bali-locator-copy h1{font-size:clamp(69px,4.88vw,84px);letter-spacing:-.044em}
 .bali-logo{width:min(465px,100%)}
}

/* Global artwork: preserve the entire square image in product references. */
.global-product-reference [data-global-product-media] { position: relative; min-height: 140px; }
.global-product-reference .global-product-photo { display: block; width: 100%; height: 260px; padding: 14px; object-fit: contain; }
.viewer-fallback .global-product-reference .global-product-photo { height: 140px; padding: 0; }
.hero-model-stage > .global-product-reference .global-product-photo { height: auto; aspect-ratio: 1; }
.global-product-status { display: block; padding: 18px; text-align: center; font-size: 13px; line-height: 1.6; }
.global-product-status[hidden] { display: none; }
[data-global-product-media][data-image-state="unavailable"] > [data-global-product-image] { visibility: hidden; }
.global-product-reference [data-image-state="unavailable"] .global-product-status { position: absolute; inset: 0; display: grid; place-items: center; color: #50645a; }