


:root,
[data-theme="light"] {
  --bg:#faf9f5; --bg-2:#f0eee6; --surface:#ffffff;
  --text:#141413; --text-soft:#5f5b55;
  --accent:#8c5038; --accent-2:#a8694f; --accent-ink:#ffffff;
  --accent-text:#8c5038;
  --line:#e6e2d8;
  --verified:#2f7a52; --caution:#9a6a1c; --caution-text:#7d5412;
  --halo: radial-gradient(58% 55% at 80% -10%,
            color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%);
}


[data-theme="dark"] {
  --bg:#1a1614; --bg-2:#221d1a; --surface:#262422;
  --text:#efeeec; --text-soft:#b3aca4;
  --accent:#dca991; --accent-2:#e6bda9; --accent-ink:#1a1614;
  --accent-text:#dca991;
  --line:#3a3330;
  --verified:#8fcaa6; --caution:#d9b36a; --caution-text:#e0bd79;
  --chip-bg:#2c2623;
  --halo: radial-gradient(58% 55% at 80% -10%,
            color-mix(in oklab, var(--accent) 20%, transparent), transparent 72%);
}


@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg:#1a1614; --bg-2:#221d1a; --surface:#262422;
    --text:#efeeec; --text-soft:#b3aca4;
    --accent:#dca991; --accent-2:#e6bda9; --accent-ink:#1a1614;
    --accent-text:#dca991;
    --line:#3a3330;
    --verified:#8fcaa6; --caution:#d9b36a; --caution-text:#e0bd79;
    --chip-bg:#2c2623;
    --halo: radial-gradient(58% 55% at 80% -10%,
              color-mix(in oklab, var(--accent) 20%, transparent), transparent 72%);
  }
}


.hero-actions .launch-live,.hero-actions .launch-prelaunch{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
[data-launch="prelaunch"] .launch-live{display:none}
[data-launch="live"] .launch-prelaunch{display:none}
[data-store-badge="prelaunch"],[data-store-badge="absent"]{display:none}


.glazimo-site .kiln-home {
  --bg:#faf9f5; --bg-2:#f0eee6; --text:#141413; --text-soft:#625c55; --line:#d7d1c6;
  --accent:#8c5038; --accent-text:#8c5038; --accent-ink:#fff; --surface:#fff;
  background:var(--bg); color:var(--text); font-size:17px; line-height:1.55;
}
.glazimo-site:has(.kiln-home) { background:#1a1614; }
.glazimo-site .wrap { max-width:1376px; padding-inline:48px; }
.glazimo-site .nav { color:var(--text); background:var(--bg); padding-block:22px; }
.glazimo-site .nav nav:not([data-language-picker]) a { color:inherit; }
.glazimo-site .nav .brand { font-size:27px; letter-spacing:-.03em; }
.glazimo-site .nav .brand img { width:37px; height:37px; }
.kiln-home h1,.kiln-home h2,.kiln-home .capability h3,.kiln-home .demo-copy h3,
.kiln-home .try h3 {
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  font-weight:400; letter-spacing:-.02em; line-height:1.08; text-wrap:balance;
}
.kiln-home h1 { font-size:clamp(52px,4.7vw,68px); max-width:760px; margin:0; }
.kiln-home h2 { font-size:clamp(38px,4.1vw,60px); margin:0; }
.kiln-home p,.kiln-home figure { margin:0; }
.kiln-home a { text-underline-offset:5px; }
.kiln-home button { font:inherit; cursor:pointer; }
.kiln-home :is(a,button,summary):focus-visible,.glazimo-site .nav a:focus-visible {
  outline:3px solid #b57555; outline-offset:5px;
}
.kiln-home .world { background:#1a1614; color:#efeeec; }
.kiln-home .kiln-hero { padding-block:15px 22px; }
.kiln-home .hero-copy {
  display:grid; grid-template-columns:1.25fr .75fr; gap:45px;
  align-items:center; padding:12px 0 25px;
}
.kiln-home .descriptor { color:#b3aca4; margin-bottom:16px; font-size:15px; }
.kiln-home .hero-side > p:not(.small) { font-size:18px; max-width:400px; }
.kiln-home .actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:30px; }
.kiln-home .button {
  display:inline-flex; align-items:center; justify-content:center; gap:25px;
  padding:13px 22px; background:#dca991; color:#1a1614; text-decoration:none;
  border:1px solid #dca991; border-radius:4px; font-size:15px; min-height:49px;
}
.kiln-home .button:hover { background:#e6bda9; }
.kiln-home .textlink { color:inherit; font-size:14px; }
.kiln-home .small { font-size:13px; color:#b3aca4; margin-top:16px; }
.kiln-home .materials {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) 230px;
  gap:18px; align-items:end;
}
.kiln-home .print img { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; }
.kiln-home .print figcaption { border-top:1px solid #49413a; margin-top:16px; padding-top:10px; }
.kiln-home .print figcaption b { font-size:17px; }
.kiln-home .print figcaption span { display:block; color:#b3aca4; font-size:13px; margin-top:3px; }
.kiln-home .device { --rot:0deg; --dv-scale:.535; margin-inline:auto; }
.kiln-home .hero-phone { margin-bottom:44px; }
.kiln-home .zoom-trigger {
  display:block; background:none; border:0; color:inherit; padding:14px 0; min-height:44px;
  margin-inline:auto; font-size:13px; text-decoration:underline; text-underline-offset:4px;
}
.kiln-home .photo-note { grid-column:1/-1; color:#b3aca4; font-size:13px; }
.kiln-home .quicknav {
  display:flex; justify-content:space-between; align-items:baseline; gap:28px;
  border-bottom:1px solid var(--line); padding:23px 0;
}
.kiln-home .quicknav p { font:italic 23px Georgia,serif; }
.kiln-home .quicknav > div { display:flex; flex-wrap:wrap; gap:14px 30px; }
.kiln-home .quicknav a { color:inherit; font-size:14px; }
.kiln-home .section { padding-block:76px; }
.kiln-home .section-head {
  display:flex; justify-content:space-between; align-items:end; gap:40px;
  text-align:left; max-width:none; margin:0 0 36px;
}
.kiln-home .section-head h2 { max-width:650px; }
.kiln-home .section-head p { max-width:355px; color:var(--text-soft); font-size:16px; }
.kiln-home .capabilities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
.kiln-home .capability { border-top:1px solid var(--accent); padding-top:22px; }
.kiln-home .capability h3 { font-size:30px; margin:0 0 18px; }
.kiln-home .capability ul { list-style:none; padding:0; margin:0; }
.kiln-home .capability li { padding:7px 0; font-size:15px; color:var(--text-soft); }
.kiln-home .specimen-row { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; margin-top:48px; }
.kiln-home .specimen-row img { width:100%; height:auto; display:block; }
.kiln-home .specimen-row figcaption { font:italic 16px Georgia,serif; margin-top:9px; }
.kiln-home .specimen-row-note { font-size:13px; color:var(--text-soft); margin-top:16px; }
.kiln-home .demo { background:#eeebe3; padding:48px 56px; }
.kiln-home .demo-nav { display:flex; flex-wrap:wrap; gap:12px 28px; margin-bottom:32px; }
.kiln-home .demo-nav button {
  background:none; border:0; border-bottom:1px solid #c8c1b6; padding:14px 0;
  text-align:left; color:var(--text-soft); display:flex; gap:14px; align-items:center;
}
.kiln-home .demo-nav button[aria-pressed="true"] { color:var(--accent); font-weight:650; }
.kiln-home .demo-panel { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.kiln-home [hidden] { display:none; }
.kiln-home .demo-copy h3 { font-size:clamp(36px,4vw,56px); margin:0; }
.kiln-home .demo-copy p { color:var(--text-soft); max-width:390px; margin-top:24px; }
.kiln-home .demo-picture .device { --dv-scale:.65; }
.kiln-home .demo-caption { margin-top:16px; font-size:13px; color:var(--text-soft); }
.kiln-home .try {
  display:grid; grid-template-columns:1.15fr 1fr; padding-block:52px;
  border-block:1px solid var(--line); gap:80px;
}
.kiln-home .try h3 { font-size:28px; margin:5px 0 17px; }
.kiln-home .try p { color:var(--text-soft); margin-top:20px; font-size:16px; max-width:520px; }
.kiln-home .try .launch-live { margin-top:20px; }
.kiln-home .kiln-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:85px; }
.kiln-home .kiln-faq details { padding:19px 0; border-bottom:1px solid var(--line); }
.kiln-home .kiln-faq summary { cursor:pointer; font-size:16px; }
.kiln-home .kiln-faq details p { color:var(--text-soft); font-size:15px; padding-top:14px; }
.kiln-home .kiln-zoom {
  border:0; padding:18px; border-radius:10px; max-width:94vw; max-height:95dvh;
  background:#faf9f5; color:#141413;
}
.kiln-home .kiln-zoom::backdrop { background:#171612d9; }
.kiln-home .kiln-zoom img { display:block; max-height:79dvh; max-width:84vw; margin:auto; }
.kiln-home .zoom-close {
  display:block; margin:0 0 12px auto; background:#141413; color:#fff;
  border:0; padding:10px 18px; border-radius:4px;
}
.glazimo-site:has(.kiln-home) > footer { color:#efeeec; }
.glazimo-site:has(.kiln-home) > footer a { color:#dca991; }
@media (max-width:1100px) {
  .glazimo-site .wrap { padding-inline:32px; }
  .kiln-home .materials { grid-template-columns:repeat(4,minmax(0,1fr)) 190px; gap:13px; }
  .kiln-home .hero-phone .device { --dv-scale:.44; }
}
@media (max-width:800px) {
  .glazimo-site .wrap { padding-inline:22px; }
  .glazimo-site .nav { gap:18px; }
  .glazimo-site .nav nav:not([data-language-picker]) { order:3; width:100%; margin:0; gap:12px 22px; }
  .kiln-home .hero-copy { display:contents; }
  .kiln-home .kiln-hero { display:flex; flex-direction:column; gap:24px; }
  .kiln-home .hero-title { order:0; }
  .kiln-home .materials { order:1; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
  .kiln-home .hero-phone { grid-column:1/-1; margin:12px auto 0; }
  .kiln-home .hero-phone .device { --dv-scale:.56; }
  .kiln-home .hero-side { order:2; margin-bottom:16px; }
  .kiln-home .hero-side > p:not(.small) { max-width:600px; }
  .kiln-home .quicknav { flex-direction:column; align-items:start; gap:15px; }
  .kiln-home .section { padding-block:50px; }
  .kiln-home .section-head { display:block; }
  .kiln-home .section-head p { margin-top:20px; }
  .kiln-home .capabilities { grid-template-columns:1fr 1fr; gap:30px; }
  .kiln-home .demo { padding:32px; }
  .kiln-home .demo-panel { grid-template-columns:1fr; gap:30px; }
  .kiln-home .try,.kiln-home .kiln-faq { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:450px) {
  .kiln-home h1 { font-size:51px; }
  .kiln-home .descriptor { font-size:13px; }
  .kiln-home .print figcaption { margin-top:8px; padding-top:5px; }
  .kiln-home .print figcaption b { font-size:14px; }
  .kiln-home .print figcaption span { display:none; }
  .kiln-home .hero-side > p:not(.small) { font-size:16px; }
  .kiln-home .actions { gap:20px; }
  .kiln-home .capabilities { gap:26px 20px; }
  .kiln-home .capability h3 { font-size:25px; }
  .kiln-home .capability li { font-size:14px; }
  .kiln-home .specimen-row { grid-template-columns:repeat(3,1fr); gap:16px 12px; }
  .kiln-home .specimen-row figcaption { font-size:13px; }
  .kiln-home .demo { padding:27px 22px; }
  .kiln-home .demo-picture .device { --dv-scale:.54; }
}
.glazimo-site:has(.kiln-home) > main { max-width:none; padding:0; }
.glazimo-site .nav .brand { color:inherit; }
.glazimo-site:has(.kiln-home) .nav { background:#1a1614; color:#efeeec; }
.glazimo-site:has(.kiln-home) > footer { background:#1a1614; margin-top:0; }
.kiln-home .hero-phone img,.kiln-home .demo-picture img { cursor:zoom-in; }
.kiln-home .demo { display:grid; grid-template-columns:.9fr 1.1fr; gap:0 50px; }
.kiln-home .demo-panel { display:contents; }
.kiln-home .demo-panel[hidden] { display:none; }
.kiln-home .demo-copy { grid-column:1; grid-row:1; align-self:end; }
.kiln-home .demo-nav {
  grid-column:1; grid-row:2; display:grid; grid-template-columns:1fr;
  margin:32px 0 0; gap:0; align-self:start;
}
.kiln-home .demo-nav button { justify-content:space-between; }
.kiln-home .demo-picture { grid-column:2; grid-row:1 / span 2; }
.kiln-home .demo-caption { grid-column:1 / -1; grid-row:3; }
@media (max-width:800px) {
  .kiln-home .demo { grid-template-columns:1fr; gap:30px; }
  .kiln-home .demo-nav { margin:0; }
  .kiln-home .demo-picture { grid-column:1; grid-row:3; }
  .kiln-home .demo-caption { grid-row:4; }
}

@media (min-width:801px) {
  .kiln-home h1:lang(en) { max-width:620px; }
}

.kiln-home .demo-picture .dv-ipad { --dv-scale:.70; }
@media (max-width:450px) {
  .kiln-home .demo-picture .dv-ipad { --dv-scale:.42; }
}
.glazimo-site .app-langs{ margin-top:1.4rem; }



.kiln-home .world{ position:relative; overflow:hidden; isolation:isolate; }
.kiln-home .world::before{ content:""; position:absolute; left:50%; bottom:-6rem; width:min(110rem,150vw); height:34rem; transform:translateX(-50%); z-index:-1; pointer-events:none;
  background:radial-gradient(closest-side, rgba(226,120,55,.28), rgba(196,84,34,.10) 55%, transparent 72%); filter:blur(8px); }
.kiln-home .materials{ position:relative; padding-bottom:1.6rem; }
.kiln-home .materials::after{ content:""; position:absolute; left:-1rem; right:-1rem; bottom:.15rem; height:1.05rem; border-radius:3px; z-index:0; pointer-events:none;
  background:
    repeating-linear-gradient(90deg,#ffffff08 0 3px,transparent 3px 11px),
    linear-gradient(180deg,#6a5d52,#4a3f37 60%,#382f29);
  box-shadow:0 14px 26px -10px #000, inset 0 1px 0 #ffffff26; }
.kiln-home .print{ position:relative; z-index:1; transition:transform .35s cubic-bezier(.2,.9,.3,1); }
.kiln-home .print img{ box-shadow:0 22px 30px -18px #000, 0 2px 0 #ffffff14; transition:box-shadow .35s; }
.kiln-home .print::before{ content:""; position:absolute; left:0; right:0; top:0; aspect-ratio:3/4; pointer-events:none; z-index:2; opacity:0;
  background:linear-gradient(115deg,transparent 30%,#ffffff33 46%,transparent 62%) 130% 0/250% 100% no-repeat; transition:opacity .2s; }
.kiln-home .print:hover{ transform:translateY(-8px) rotate(-.6deg); }
.kiln-home .print:hover::before{ opacity:1; animation:gz-sheen .9s ease forwards; }
.kiln-home .print:hover img{ box-shadow:0 34px 38px -18px #000, 0 2px 0 #ffffff1f; }
.kiln-home .hero-phone{ position:relative; z-index:1; }
@keyframes gz-sheen{ from{ background-position:130% 0; } to{ background-position:-40% 0; } }


@media (prefers-reduced-motion:no-preference){
  .kiln-home .print{ animation:gz-rise .9s cubic-bezier(.2,.8,.2,1) both; }
  .kiln-home .print-two{ animation-delay:.1s; } .kiln-home .print-three{ animation-delay:.2s; } .kiln-home .print-four{ animation-delay:.3s; }
  .kiln-home .hero-phone{ animation:gz-rise 1s .4s cubic-bezier(.2,.8,.2,1) both; }
  .kiln-home .shelf-title{ animation:gz-rise 1s cubic-bezier(.2,.8,.2,1) both; }
  .kiln-home .world::before{ animation:gz-glow 6s ease-in-out infinite alternate; }
  @keyframes gz-rise{ from{ opacity:0; transform:translateY(28px); } to{ opacity:1; transform:none; } }
  @keyframes gz-glow{ from{ opacity:.75; } to{ opacity:1; } }
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .kiln-home .capability{ animation:gz-rise linear both; animation-timeline:view(); animation-range:entry 0% entry 55%; }
    .kiln-home .capability:nth-child(2){ animation-range:entry 4% entry 60%; } .kiln-home .capability:nth-child(3){ animation-range:entry 8% entry 65%; }
    .kiln-home .capability:nth-child(4){ animation-range:entry 12% entry 70%; }
    .kiln-home .specimen-row figure{ animation:gz-rise linear both; animation-timeline:view(); animation-range:entry 0% entry 70%; }
    .kiln-home .specimen-row figure:nth-child(even){ animation-range:entry 8% entry 78%; }
    .kiln-home .specimen-row img{ transition:transform .4s; } .kiln-home .specimen-row figure:hover img{ transform:scale(1.04) rotate(.4deg); }
  }
}
