/* Newsreader and DM Sans are SIL Open Font License files, self-hosted. */
@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/newsreader-400.woff2") format("woff2")}
@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/newsreader-500.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/dm-sans-400.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/dm-sans-500.woff2") format("woff2")}

:root{
  color-scheme:light;
  --bg:#f4f0e7;
  --paper:#faf7f0;
  --ink:#262722;
  --muted:#5c574e;
  --line:#d9d1c2;
  --line-2:#e7e0d3;
  --accent:#975c3d;
  --accent-ink:#fffaf4;
  --pill:#efe5d6;
  --sans:"DM Sans", "Segoe UI", sans-serif;
  --serif:Newsreader, Georgia, "Times New Roman", serif;
  --wrap:1200px;
  --pad:48px;
  --chatur-glow:#975C3D;
}
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --bg:#161310;
    --paper:#201c17;
    --ink:#f4f0e7;
    --muted:#d5cfc3;
    --line:#4a433b;
    --line-2:#3a342e;
    --accent:#d29a70;
    --accent-ink:#1a1410;
    --pill:#3a2c22;
    --chatur-glow:#D29A70;
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%}
a{color:inherit}
button,input,textarea,select{font:inherit;color:inherit}
button,summary{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none !important}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
.wrap{width:min(var(--wrap),calc(100% - var(--pad) * 2));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.italic{font-style:italic;color:var(--accent)}
.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-160%);padding:12px 18px;background:var(--ink);color:var(--bg);z-index:20}
.skip-link:focus{transform:none}
.preview-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 16px;border-bottom:1px solid var(--line-2);color:var(--muted);font-size:12px;line-height:1.3}
.preview-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);align-self:center}
.site-header{border-bottom:1px solid var(--line-2);background:var(--bg)}
.header-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.wordmark{display:inline-flex;align-items:center;text-decoration:none}
.brand-glyph{height:30px;width:auto;display:block}
.site-footer .brand-glyph{height:26px}
.brand-scheme-dark{display:none}
@media (prefers-color-scheme:dark){.brand-scheme-light{display:none}.brand-scheme-dark{display:block}}
.navigation{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center}
.navigation a{text-decoration:none;padding:10px 0;font-size:14px;color:var(--muted)}
.navigation a.nav-cta{color:var(--ink);font-weight:500;border-bottom:1px solid var(--accent);padding-bottom:3px}
.menu-toggle{display:none;align-items:center;gap:8px;background:none;border:1px solid var(--ink);border-radius:2px;padding:10px 12px;min-height:44px}
.menu-icon{width:18px;height:12px;position:relative}
.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:18px;height:1px;background:var(--ink)}
.menu-icon:before{top:2px}.menu-icon:after{top:9px}

.hero{padding:120px 0 128px;border-bottom:1px solid var(--line-2)}
.hero-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:64px;align-items:end}
.hero h1{font-size:104px;line-height:.98;letter-spacing:-.025em;margin:28px 0 36px}
.lede{font-size:21px;line-height:1.55;color:var(--muted);max-width:38rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:44px}
.ledger{border-top:2px solid var(--accent);padding-top:24px;min-width:0}
.ledger h2{font-size:26px;line-height:1.2;margin-bottom:10px}
.ledger p{font-size:14px;color:var(--muted);margin-bottom:18px}
.ledger ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ledger li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.ledger li span:last-child{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}

.button,.text-button{text-decoration:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;height:48px;padding:0 22px;border:1px solid var(--ink);border-radius:2px;background:transparent;text-align:center;white-space:nowrap}
.button-dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.text-button{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;min-height:44px;color:var(--ink);font-weight:500}
.button:disabled{opacity:.35;cursor:default}

section.tour,section.hub,section.catalogue,section.learn,section.talk,section.about{padding:140px 0}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:end;margin-bottom:72px}
.section-head h2{font-size:72px;line-height:1;letter-spacing:-.02em;margin-top:20px}
.section-head p{font-size:18px;color:var(--muted);max-width:36rem}
.tour{background:var(--paper);border-bottom:1px solid var(--line-2)}
.tour-grid{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:center}
.chatur-slot{position:relative;width:420px;max-width:100%;min-width:0}
.chatur-slot .chatur-companion{position:relative;display:block;width:100%;aspect-ratio:658/420}
.chatur-caption{font-size:13px;color:var(--muted);margin-top:14px;padding-left:12px;border-left:2px solid var(--accent)}
.tour-card,.guide{min-width:0}
.tour-card{border:1px solid var(--line);background:var(--bg);padding:44px 48px}
.guide-who{font-size:13px;color:var(--muted);margin-bottom:14px}
.guide-step-title{font-size:36px;line-height:1.15;margin:0 0 12px;outline:none}
.guide-step-body p{color:var(--muted);margin:0 0 16px}
.guide-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.guide-choice{display:inline-flex;align-items:flex-start;gap:8px;border:1px solid var(--line);padding:8px 12px;font-size:14px;background:var(--paper);cursor:pointer;max-width:100%}
.guide-choice:has(input:checked){border-color:var(--accent)}
.guide-rail{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0 0 36px;padding:14px 0 0;border-top:1px solid var(--line)}
.guide-rail li{padding:0 10px 0 0;font-size:13px;color:var(--muted);position:relative;min-width:0}
.guide-rail b{display:block;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink);margin-bottom:6px}
.guide-rail li.is-on{color:var(--ink)}
.guide-rail li.is-on:before{content:"";position:absolute;top:-16px;left:0;right:12px;height:3px;background:var(--accent)}
.guide-nav{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.guide-note,.guide-summary{color:var(--muted)}
.guide-summary{margin:0 0 10px;padding-left:18px}
.guide-summary li{margin:0 0 6px}
.guide-field{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px;flex-basis:100%}
.guide-field input{flex:1;min-width:12rem}
.guide-shortcuts{display:flex;flex-wrap:wrap;gap:12px}
.guide-progress{margin:0 0 0 auto;font-size:13px;color:var(--muted)}

.hub-carousel{position:relative;outline:none;min-width:0}
.hub-carousel:focus-visible .hub-viewport{outline:2px solid var(--accent);outline-offset:8px;border-radius:14px}
.hub-viewport{overflow:hidden;touch-action:pan-y;cursor:grab;min-width:0}
.hub-viewport.is-dragging{cursor:grabbing}
.hub-track{display:flex;gap:40px;will-change:transform}
.hub-slide{flex:0 0 100%;min-width:0;user-select:none}
.hub-comp{position:relative;padding:8px 0 64px}
.hub-screen{width:86%;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.02),0 40px 80px -40px rgba(38,39,34,.35),0 12px 30px -18px rgba(38,39,34,.18)}
.hub-bar{height:26px;background:#ece6da;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line)}
.hub-bar i{width:8px;height:8px;border-radius:50%;background:#cfc6b6;display:block}
.hub-screen img,.hub-phone img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}
.hub-phone{position:absolute;right:1.5%;bottom:0;width:21%;background:#262722;border:8px solid #262722;border-radius:36px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(38,39,34,.5)}
.hub-cap{display:flex;align-items:baseline;gap:20px;margin-top:22px;max-width:760px;transition:opacity 360ms cubic-bezier(.2,0,0,1)}
.hub-slide[aria-hidden="true"] .hub-cap{opacity:0}
.hub-n{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--accent);min-width:28px}
.hub-cap h3{font-size:30px;line-height:1.15;margin-bottom:4px}
.hub-cap p{font-size:16px;color:var(--muted)}
.hub-ctrl{position:absolute;right:0;bottom:6px;display:flex;align-items:center;gap:18px}
.hub-count{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:58px;text-align:right}
.hub-count b{color:var(--ink);font-weight:500}
.hub-ctrl button{width:48px;height:48px;border:1px solid var(--ink);background:transparent;border-radius:2px;color:var(--ink);font-size:18px;line-height:1}
.hub-ctrl button:hover:not(:disabled){background:var(--ink);color:var(--bg)}
.hub-ctrl button:disabled{opacity:.3;cursor:default}
.hub-dots{display:flex;gap:0;margin-top:8px}
.hub-dots button{width:44px;height:44px;border:0;padding:0;background:transparent;display:grid;place-items:center}
.hub-dots button span{width:28px;height:3px;background:var(--line);display:block}
.hub-dots button[aria-current="true"] span{background:var(--accent)}
.hub-note{margin-top:8px;font-size:13px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){
  .hub-track,.hub-cap{transition:none !important}
}

.catalogue{border-top:1px solid var(--line-2)}
.price-notice{display:inline-block;margin-top:20px;font-size:13px;color:var(--accent);background:var(--pill);padding:8px 14px;border-radius:999px}
.catalogue-group{display:grid;grid-template-columns:240px 1fr;gap:48px;border-top:1px solid var(--ink);padding-top:22px;margin-top:56px;min-width:0}
.catalogue-group h3{font-size:24px;line-height:1.2}
.catalogue-count{font-size:13px;color:var(--muted);margin-top:6px}
.catalogue-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;min-width:0}
.offering{padding:20px 0 22px;border-bottom:1px solid var(--line);min-width:0;background:transparent;border-left:0;border-right:0;border-top:0}
.offering-id{font-size:12px;color:var(--muted);letter-spacing:.06em}
.offering h4{font-size:22px;line-height:1.25;margin:4px 0 6px}
.offering-summary{font-size:15px;color:var(--muted)}
.offering details{margin-top:8px}
.offering summary{min-height:44px;padding-block:8px}
.offering-facts{display:grid;gap:12px;margin:12px 0}
.offering-facts div{display:grid;gap:4px}
.offering-facts dt{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.offering-facts dd,.offering-summary,.form-status,.talk-context,.price-notice,.receipt dd{overflow-wrap:anywhere;min-width:0;max-width:100%}
.badge{border:1px solid var(--line);padding:4px 8px;font-size:13px}
.noscript-notice{padding:12px 0}

.approach{background:#262722;color:#f4f0e7;padding:140px 0}
.approach .eyebrow,.approach .italic,.approach .step-number{color:#d29a70}
.approach .section-head p,.approach .approach-steps p{color:#bdb6a8}
.approach-steps{list-style:none;padding:28px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:56px;border-top:1px solid #4a4a42}
.approach-steps h3{font-size:28px;line-height:1.2;margin:12px 0 10px;color:#f4f0e7}
.approach-steps p{font-size:16px}
.step-number{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.1em}
.never{margin-top:56px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.never h3{font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:0;margin-right:10px}
.never ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}
.never li{border:1px solid #4a4a42;border-radius:999px;padding:8px 12px;color:#d8d2c5;font-size:13px}

.learn-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);min-width:0}
.learn-grid article{padding:28px 28px 0 0;min-width:0}
.learn-grid h3{font-size:22px;line-height:1.2;margin-bottom:8px}
.learn-grid p{font-size:15px;color:var(--muted)}
.talk{border-top:1px solid var(--line-2)}
.talk-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;min-width:0}
.talk h2{font-size:72px;line-height:1;letter-spacing:-.02em;margin:20px 0 24px}
.talk-grid>div>p,.about p{color:var(--muted);font-size:18px}
.about{background:var(--paper);border-top:1px solid var(--line-2)}
.about h2{font-size:56px;line-height:1.05;margin:20px 0 24px}
.about p{font-size:17px;margin-bottom:14px}
.panel{background:var(--paper);border:1px solid var(--line);padding:40px;min-width:0}
.panel form,.retry-form{display:grid;gap:0}
.intent-tabs{display:flex;flex-wrap:wrap;gap:8px 28px;border:0;border-bottom:1px solid var(--line);margin:0 0 28px;padding:0}
.intent-tabs legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.intent-tab{display:inline-flex;align-items:center;gap:8px;padding-bottom:12px;color:var(--muted);font-size:15px;cursor:pointer}
.intent-tab:has(input:checked){color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.intent-tab input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--accent)}
.panel label,.check{font-size:13px;color:var(--muted)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0 24px;min-height:44px}
.check input,.guide-choice input{width:18px;height:18px;margin-top:2px;flex:none}
.notes-opt{margin-top:8px}
.panel input[type="text"],.panel input[type="email"],.panel textarea,.panel select,
input[type="text"],input[type="email"],textarea,select{width:100%;background:#fff;border:1px solid var(--line);padding:12px;font-size:16px;margin:6px 0 20px;color:#262722}
@media (prefers-color-scheme:dark){
  .panel input[type="text"],.panel input[type="email"],.panel textarea,.panel select,
  input[type="text"],input[type="email"],textarea,select{background:#161310;color:var(--ink);border-color:var(--line)}
}
.panel textarea{min-height:110px}
.windows{display:grid;gap:4px;margin-bottom:12px}
.windows label{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-block:6px;font-size:15px;color:var(--ink)}
.optional,.legend-note{font-weight:400;color:var(--muted)}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font-size:13px;color:var(--muted);padding:0}
.form-note,.talk-context{color:var(--muted);font-size:15px}
.form-status{min-height:1.5em;color:var(--accent);margin-top:8px}
.static-unavailable{color:var(--accent);font-weight:500}
.receipt{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.receipt h3{font-size:26px;margin-bottom:8px}
.receipt dl{display:grid;gap:8px}
.receipt dt{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.receipt-actions{display:grid;gap:8px;margin-top:12px}
.claim-accordion{border-top:1px solid var(--ink);margin-top:20px}
.claim-accordion details{border-bottom:1px solid var(--line)}
.claim-accordion summary{display:flex;justify-content:space-between;gap:16px;padding:17px 0;font-size:16px;min-height:44px;align-items:center}
.claim-accordion summary:after{content:"+";color:var(--accent);font-size:20px;line-height:1}
.claim-accordion details[open] summary:after{content:"–"}
.claim-accordion details p{color:var(--muted);font-size:15px;padding:0 0 16px}
.site-footer{border-top:1px solid var(--line-2);padding:48px 0 56px}
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.footer-row a{color:var(--muted)}
.privacy{padding-block:48px 80px}
.privacy h1{font-size:clamp(36px,6vw,64px);margin:12px 0}
.privacy h2{font-size:28px;margin-top:28px}
.privacy p,.privacy li{margin-top:10px;max-width:42rem}
.draft-banner{background:var(--paper);border:1px solid var(--line);padding:12px}
.privacy form{max-width:32rem;margin-top:16px}
code{font-family:ui-monospace,monospace;font-size:.95em}

/* Chatur stays in the tour slot. Motion is transform and opacity only. */
.chatur-figure,.chatur-motion,.chatur-motion-inner{position:absolute;inset:0}
.chatur-shadow,.chatur-loop,.chatur-neutral,.chatur-safari,.chatur-still{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;display:block;pointer-events:none;background:transparent}
.chatur-shadow{z-index:1;opacity:0}
.chatur-shadow.is-on{opacity:1}
.chatur-loop{z-index:2;opacity:0}
.chatur-loop.is-on{opacity:1}
.chatur-neutral{z-index:3;opacity:0}
.chatur-companion.is-handoff .chatur-neutral{opacity:1}
.chatur-safari{z-index:4}
.chatur-still{z-index:5;opacity:0}
.chatur-companion.is-playing .chatur-still,.chatur-companion.is-safari .chatur-still{opacity:0}
.chatur-companion.is-safari .chatur-loop,.chatur-companion.is-safari .chatur-neutral{opacity:0}
.chatur-rings{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;overflow:visible;pointer-events:none}
.chatur-rings stop{stop-color:var(--chatur-glow)}
.chatur-ring-arc{fill:none;stroke:var(--chatur-glow);stroke-width:9;stroke-linecap:round;stroke-dasharray:60 340;opacity:.6}
.chatur-halo{fill:url(#chatur-halo);opacity:.18}
@media (prefers-reduced-motion:no-preference){
  .chatur-companion:is(.is-playing,.is-safari) .chatur-rings{opacity:1}
  .chatur-companion:is(.is-playing,.is-safari) .chatur-motion{animation:chatur-orbit-x 2.4s ease-in-out infinite alternate}
  .chatur-companion:is(.is-playing,.is-safari) .chatur-motion-inner{transform-origin:50.43% 95.41%;animation:chatur-orbit-y 2.4s ease-in-out -1.2s infinite alternate,chatur-lean 3.4s ease-in-out -0.8s infinite alternate,chatur-breathe 1.9s ease-in-out infinite alternate}
  .chatur-companion:is(.is-playing,.is-safari) .chatur-shadow.is-on{transform-origin:50.43% 95.41%;animation:chatur-shadow-breathe 2.4s ease-in-out -1.2s infinite alternate}
  .chatur-companion:is(.is-playing,.is-safari) .chatur-halo{animation:chatur-halo-chase 3s ease-in-out infinite;animation-delay:calc(var(--i) * .5s)}
  .chatur-companion:is(.is-playing,.is-safari) .chatur-ring-arc{animation:chatur-arc-chase 3s linear infinite}
  .chatur-companion:is(.is-playing,.is-safari) .chatur-ring-arc + .chatur-ring-arc{animation-delay:-1.5s}
}
@keyframes chatur-orbit-x{from{translate:-2.6% 0}to{translate:2.6% 0}}
@keyframes chatur-orbit-y{from{translate:0 -3.4%}to{translate:0 3.4%}}
@keyframes chatur-lean{from{rotate:-4.5deg}to{rotate:4.5deg}}
@keyframes chatur-breathe{from{scale:.985}to{scale:1.025}}
@keyframes chatur-shadow-breathe{from{scale:1.06 1}to{scale:.9 1}}
@keyframes chatur-halo-chase{0%,100%{opacity:.14}18%{opacity:1}40%{opacity:.3}}
@keyframes chatur-arc-chase{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none !important;animation:none !important}
  .chatur-loop,.chatur-safari,.chatur-shadow,.chatur-neutral,.chatur-rings{display:none !important}
  .chatur-still{display:block !important;opacity:1 !important}
}
.guide-walking{animation:guide-walk .7s ease-in-out}
@keyframes guide-walk{0%{transform:translateX(-8px) rotate(-2deg)}50%{transform:translateX(8px) rotate(2deg)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.guide-walking{animation:none}}

/* Intent panels: the unchecked intent is not shown, so its controls are not submitted as the visible choice. */
#conversation-form:not(:has(input[name="intent"][value="inquiry"]:checked)) #intent-panel-inquiry{display:none}
#conversation-form:not(:has(input[name="intent"][value="window"]:checked)) #intent-panel-window{display:none}

/* 600–800px: stack the hero before the 104px line meets the second column. Menu closes with the nav. */
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:36px;align-items:start}
  .hero h1{font-size:clamp(60px,9vw,92px)}
  .tour-grid{grid-template-columns:1fr;gap:36px}
  .chatur-slot{width:min(420px,100%)}
  .section-head,.talk-grid,.about-grid,.catalogue-group{grid-template-columns:1fr;gap:28px}
  .section-head{margin-bottom:40px}
  .section-head h2,.talk h2{font-size:clamp(46px,7vw,64px)}
  .approach-steps{grid-template-columns:1fr;gap:32px}
  .learn-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:800px){
  .menu-toggle{display:inline-flex}
  .js .navigation{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;padding:8px var(--pad) 16px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}
  .site-header{position:relative}
  .js .navigation.is-open{display:flex}
  .header-row{flex-wrap:wrap;min-height:64px}
}
@media (max-width:600px){
  :root{--pad:22px}
  .brand-glyph{height:24px}
  .site-footer .brand-glyph{height:22px}
  .hero{padding:64px 0 72px}
  section.tour,section.hub,section.catalogue,section.learn,section.talk,section.about,.approach{padding:88px 0}
  .hero h1{font-size:clamp(42px,15vw,60px);margin:20px 0 22px}
  .lede{font-size:18px}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:32px}
  .ledger{margin-top:8px}
  .chatur-slot{width:min(240px,100%)}
  .tour-card{padding:28px 22px}
  .guide-step-title{font-size:28px}
  .guide-rail{grid-template-columns:repeat(3,1fr);row-gap:14px}
  .hub-viewport{margin:0 -22px}
  .hub-track{gap:12px;padding:0 22px}
  .hub-slide{flex:0 0 calc(100% - 14px)}
  .hub-carousel:focus-visible .hub-viewport{outline-offset:-2px;border-radius:0}
  .hub-comp{padding:4px 0 44px}
  .hub-screen{width:100%;border-radius:8px}
  .hub-bar{height:16px;padding:0 8px}
  .hub-bar i{width:5px;height:5px}
  .hub-phone{width:33%;right:4%;border-width:5px;border-radius:20px}
  .hub-cap{display:block;margin-top:14px}
  .hub-n{display:block;margin-bottom:8px}
  .hub-cap h3{font-size:24px}
  .hub-cap p{font-size:15px}
  .hub-ctrl{position:static;justify-content:space-between;margin-top:8px}
  .hub-count{text-align:left;order:-1;flex:1}
  .hub-ctrl button{width:44px;height:44px}
  .catalogue-rows,.learn-grid{grid-template-columns:1fr}
  .panel{padding:24px}
  .footer-row{flex-direction:column;align-items:flex-start}
  .about h2{font-size:40px}
}
@media print{
  .preview-bar,.menu-toggle,.chatur-loop,.chatur-safari,.chatur-shadow,.chatur-neutral,.chatur-rings{display:none}
  body{background:#fff;color:#000}
  .chatur-still{display:block !important;opacity:1 !important}
}