:root{--ink:#17211f;--deep:#142321;--deep2:#0c1818;--mint:#ceeb9a;--paper:#f6f6f1;--cream:#eeeee7;--line:#dedfd6;--muted:#59615d;--page-max:2200px;--display:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #88a65c;outline-offset:5px}::selection{background:var(--mint);color:var(--deep)}.container{width:min(calc(100% - 96px),var(--page-max));margin-inline:auto}.skip-link{position:fixed;z-index:99;top:-60px;left:16px;padding:13px;background:#fff;color:#142321}.skip-link:focus{top:8px}.section-space{padding:128px 0}.site-header{height:86px;position:relative;background:#f9faf5;z-index:20;border-bottom:1px solid rgba(20,35,33,.09)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:25px;letter-spacing:-1.4px;font-weight:750;line-height:1;white-space:nowrap}.brand-symbol{width:33px;height:33px;color:var(--deep)}.brand-period{color:#92b45a}.desktop-nav{display:flex;gap:39px;align-items:center;margin-left:auto;margin-right:68px}.desktop-nav a,.nav-contact{font-size:13px;font-weight:620;letter-spacing:.01em}.desktop-nav a{color:#394640;transition:color .2s}.desktop-nav a:hover{color:#84a349}.nav-contact{display:flex;align-items:center;gap:20px;border:1px solid #b9c3b6;border-radius:999px;padding:15px 19px}.nav-contact span{font-size:18px;line-height:0}.nav-contact:hover{background:#e9eddc}.menu-button{display:none;width:43px;height:43px;border:1px solid #cdd5cb;border-radius:50%;background:none;padding:10px;cursor:pointer}.menu-button span{display:block;background:var(--deep);width:100%;height:1.5px;margin:5px 0}.mobile-nav[hidden]{display:none!important}.mobile-nav{background:#fafaf7;padding:18px 28px 26px;border-bottom:1px solid #c8cdc6;display:grid;gap:0;box-shadow:0 12px 22px #17211f12}.mobile-nav a{font-weight:620;padding:15px 8px;border-bottom:1px solid #e7e9e2}
.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:730;letter-spacing:.16em;color:#647163}.eyebrow.light{color:#c0cbbf}.eyebrow-dot{height:6px;width:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #ceeb9a20}.eyebrow-line{width:24px;height:1px;background:currentColor}.hero{min-height:770px;color:#f7f8f1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 20%,#284437 0,transparent 48%),radial-gradient(ellipse at 10% 100%,#1f3e37 0,transparent 52%),linear-gradient(135deg,#12211f,#101b1b 62%,#1d2b25)}.hero-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 160 160%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.65%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%22.5%22/%3E%3C/svg%3E')}.hero-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;position:relative;gap:4%;min-height:686px}.hero-copy{padding:10px 0 35px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(65px,6.6vw,105px);line-height:1.015;letter-spacing:-.078em;margin:28px 0 27px;font-weight:640;max-width:720px}.hero-copy h1 em,.contact h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;font-style:italic;color:var(--mint)}.hero-copy>p{font-size:18px;line-height:1.78;color:#b8c6bd;max-width:490px;letter-spacing:-.012em}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:39px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 23px;border-radius:999px;font-size:13px;font-weight:750;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--mint);color:#192b20}.button-light:hover{background:#e3f7bc}.button span,.text-link span{font-size:18px;line-height:1}.text-link{font-size:13px;font-weight:660;display:inline-flex;align-items:center;gap:14px}.light-link{color:#e2ece2}.light-link:hover{color:var(--mint)}.hero-note{margin-top:89px;color:#94a79b;font-size:11px;letter-spacing:.045em;display:flex;gap:16px;align-items:center}.note-line{height:1px;width:28px;background:#829d8e}.hero-art{height:600px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(198,221,195,.15);border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.orbit-one{width:285px;height:285px}.orbit-two{width:427px;height:427px}.orbit-three{width:575px;height:575px;border-color:#d7eed014}.orbit::after{content:"";width:8px;height:8px;border-radius:50%;background:#bed9b0;position:absolute;top:19%;left:15%;box-shadow:0 0 0 9px #dff1d00d}.orbit-two::after{top:65%;left:98%;background:#c7e79f}.orbit-three::after{top:25%;left:82%;width:5px;height:5px}.art-mark{position:absolute;width:202px;height:202px;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 38% 30%,#386650,#17332d 70%);box-shadow:0 0 0 1px #89b18e66,0 0 50px #ceeaa825,0 23px 70px #030f0b88;z-index:2}.art-mark svg{width:112px}.art-chip{background:#f3f7ec;color:#1a3026;border:1px solid #ffffffb5;position:absolute;z-index:3;display:flex;gap:12px;align-items:center;border-radius:13px;font-size:12px;letter-spacing:-.02em;font-weight:630;padding:13px 16px;box-shadow:0 14px 28px #06141035}.chip-top{top:99px;left:17px;transform:rotate(-6deg)}.chip-right{top:230px;right:-12px;transform:rotate(5deg)}.chip-bottom{bottom:102px;left:27px;transform:rotate(4deg)}.chip-arrow{margin-left:8px;color:#4e7557;font-size:15px}.mini-icon{height:24px;width:24px;border-radius:7px;background:#d8edcb;position:relative;flex:none}.mini-icon.dots::before{content:"";position:absolute;top:7px;left:7px;width:5px;height:5px;background:#597d50;border-radius:50%;box-shadow:7px 0 #597d50,0 7px #597d50,7px 7px #597d50}.mini-icon.rings::before{content:"";position:absolute;top:6px;left:6px;border:2px solid #597d50;width:8px;height:8px;border-radius:50%;box-shadow:5px 5px 0 -1px #d8edcb,5px 5px 0 1px #597d50}.mini-icon.small-square::before{content:"";position:absolute;top:7px;left:7px;border:2px solid #597d50;width:10px;height:10px;transform:rotate(23deg)}.art-caption{position:absolute;bottom:22px;right:33px;color:#96ab9d;letter-spacing:.2em;font-size:9px;font-weight:660}.art-caption span{margin:0 7px;color:var(--mint)}.art-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#cbed9f}.art-spark-one{top:32px;left:40%}.art-spark-two{bottom:52px;right:35%}.hero-bottom{height:84px;border-top:1px solid #6f887a35;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;font-size:11px;letter-spacing:.045em;color:#a0b0a6}.hero-bottom>span:last-child{display:flex;align-items:center;gap:30px}.line-arrow{color:var(--mint);font-size:23px}
.display-heading{font-size:clamp(50px,5.2vw,79px);line-height:1.08;letter-spacing:-.071em;font-weight:610;margin:0}.serif-accent{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.06em;color:#718962}.section-heading-grid{display:grid;grid-template-columns:.37fr .63fr;gap:30px}.section-heading-grid .eyebrow{padding-top:19px}.section-lead{font-size:20px;line-height:1.7;color:#515b55;max-width:710px;margin:27px 0 0;letter-spacing:-.019em}.statement-band{margin-top:91px;border-top:1px solid #d1d8cd;border-bottom:1px solid #d1d8cd;padding:31px 4px 33px;display:grid;grid-template-columns:.32fr 1fr auto;align-items:center;gap:28px}.statement-label{color:#68736b;font-size:10px;letter-spacing:.14em;font-weight:730}.statement-band p{font-size:20px;font-weight:440;letter-spacing:-.028em;line-height:1.45;margin:0;max-width:670px}.statement-band strong{font-weight:670}.statement-graphic{height:54px;display:flex;align-items:center}.statement-graphic span{border:1px solid #b1c89e;border-radius:50%;width:39px;height:39px;margin-left:-15px}.statement-graphic span:nth-child(2){background:var(--mint)}.statement-graphic span:nth-child(3){background:#1c3931}
.focus{background:#ecede7}.focus-top{display:grid;grid-template-columns:1fr .5fr;align-items:end;gap:100px;margin-bottom:54px}.focus-top .eyebrow,.principles .eyebrow{margin-bottom:25px}.focus-top>p{font-size:15px;line-height:1.7;color:#647066;max-width:320px;margin-bottom:5px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.focus-card{background:#f8f9f3;border:1px solid #e1e5db;padding:37px 33px 44px;min-height:360px;position:relative;transition:transform .25s,box-shadow .25s}.focus-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px #1f382509}.focus-icon{width:60px;height:60px;display:grid;place-items:center;background:#e3ebd6;border-radius:50%;color:#48644e}.focus-icon svg{width:54px;height:54px}.focus-number{position:absolute;right:33px;top:42px;color:#94a396;font-size:11px}.focus-card h3{font-size:22px;letter-spacing:-.045em;font-weight:650;margin:61px 0 14px}.focus-card p{color:#627067;font-size:14px;line-height:1.78;max-width:300px;margin:0}
.product{background:linear-gradient(135deg,#183329,#0e2423 67%,#1b3a2c);color:#f3f5eb;overflow:hidden}.product-heading{display:flex;justify-content:space-between;align-items:center}.small-product-meta{font-size:10px;letter-spacing:.13em;color:#b2c5b6;font-weight:670}.meta-divider{margin:0 10px;color:var(--mint)}.product-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center}.product-copy{padding:95px 0 75px}.product-copy h2{font-size:clamp(58px,6vw,92px);letter-spacing:-.078em;font-weight:620;line-height:1.05;margin:0 0 23px}.product-copy h2 span{font-weight:750}.product-lead{font-size:22px!important;color:#ecf1e6!important;line-height:1.5!important;font-weight:480}.product-copy p:not(.product-lead){font-size:16px;line-height:1.8;color:#b8c8be;max-width:500px}.product-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:33px;max-width:530px}.product-tags span{font-size:11px;border:1px solid #6e9a765d;border-radius:999px;padding:11px 15px;color:#d7e6d6}.product-footnote{font-size:10px;line-height:1.6;color:#96b09f;max-width:430px;margin-top:25px}.product-art{position:relative;height:505px}.product-panel{position:absolute;border-radius:24px;box-shadow:0 35px 75px #030f0c40;overflow:hidden}.panel-back{width:270px;height:355px;top:34px;right:33px;transform:rotate(12deg);background:linear-gradient(125deg,#8bbb6e,#4e8977);padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:#173223}.panel-kizo{font-size:98px;font-weight:800;letter-spacing:-.1em}.panel-small{font-size:10px;letter-spacing:.18em;font-weight:750}.panel-front{width:342px;height:420px;left:22px;top:45px;transform:rotate(-7deg);background:linear-gradient(140deg,#e2efc5,#cce9aa 53%,#accc95);color:#213728;padding:29px;display:flex;flex-direction:column;justify-content:space-between}.panel-top{display:flex;justify-content:space-between;font-weight:650;font-size:9px;letter-spacing:.13em}.panel-top span:last-child{font-size:19px;line-height:.5}.panel-sphere{position:absolute;width:270px;height:270px;top:66px;right:-48px;background:radial-gradient(circle at 30% 20%,#e8f8ce,#89b479 56%,#446d58 90%);border-radius:50%;box-shadow:inset -22px -28px 34px #2f5c3445,0 30px 30px #456b523b}.panel-sphere::after{content:"";position:absolute;inset:48px;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 28px #d5e5b936,0 0 0 55px #d5e5b930}.panel-brand{font-size:68px;letter-spacing:-.075em;font-weight:800;position:relative;z-index:1;margin-top:auto;line-height:1}.panel-brand span{color:#527b55}.panel-tagline{font-size:12px;font-weight:610;position:relative;z-index:1}.product-label{position:absolute;font-size:9px;letter-spacing:.17em;color:#9cbaa5;right:0;bottom:4px}.principles-intro{margin-bottom:60px}.principle-row{display:grid;grid-template-columns:.25fr .7fr 1fr 30px;gap:30px;align-items:center;padding:29px 0 32px;border-top:1px solid #cdd3c9}.principle-row:last-child{border-bottom:1px solid #cdd3c9}.principle-index{font-size:11px;color:#819086;letter-spacing:.05em}.principle-row h3{font-size:25px;font-weight:620;letter-spacing:-.049em;margin:0}.principle-row p{font-size:14px;line-height:1.7;color:#657067;max-width:410px;margin:0}.principle-mark{font-size:22px;color:#91aa7c}
.contact{background:#bdde9e;padding:100px 0 107px;color:#1c3229}.contact-layout{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}.contact .eyebrow{color:#4f7059}.contact h2{font-size:clamp(54px,5.4vw,81px);line-height:1.06;letter-spacing:-.073em;margin:26px 0 23px;font-weight:630}.contact h2 em{color:#557951}.contact p{font-size:15px;color:#446449;line-height:1.65;max-width:440px}.contact-right{border-top:1px solid #71947b80;padding-top:26px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.contact-caption{font-size:10px;letter-spacing:.15em;font-weight:720;color:#55715b}.contact-email{font-size:clamp(19px,2.6vw,31px);letter-spacing:-.045em;font-weight:680;border-bottom:1px solid #517b53;padding-bottom:14px;white-space:nowrap}.contact-email span{margin-left:20px;font-weight:450}.contact-email:hover{color:#547a49}.contact-note{font-size:12px;color:#507450}.site-footer{background:#121d1b;color:#e7eae1;padding:78px 0 25px}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:60px;padding-bottom:88px}.footer-brand{color:white}.footer-brand .brand-symbol{color:white}.footer-grid>div:first-child p{max-width:270px;line-height:1.7;color:#879a8f;font-size:14px;margin-top:28px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer-links>span{font-size:10px;letter-spacing:.16em;color:#8eaa98;margin-bottom:11px}.footer-links a{color:#e0e6df;font-size:13px}.footer-links a:hover{color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid #41514877;padding-top:24px;font-size:11px;color:#8f9e96}.footer-bottom a{color:#dce7d9;margin-left:20px}.footer-bottom a:hover{color:var(--mint)}
.legal-hero{background:var(--deep);color:#f5f7f0;padding:90px 0 100px}.legal-hero h1{font-size:clamp(50px,7vw,90px);letter-spacing:-.07em;margin:25px 0 17px;font-weight:650}.legal-hero p{font-size:17px;color:#b4c8bc}.legal-content{max-width:800px;padding-top:60px;padding-bottom:120px}.legal-meta{color:#819083!important;font-size:12px!important}.legal-content h2{font-size:25px;letter-spacing:-.04em;margin:41px 0 12px;font-weight:660}.legal-content p{font-size:15px;line-height:1.85;color:#536057}.legal-content a{text-decoration:underline;text-underline-offset:3px}.legal-note{border-top:1px solid #d0d8cc;margin-top:40px;padding-top:25px}
.has-observer .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.has-observer .reveal.is-visible{opacity:1;transform:translateY(0)}.focus-card:nth-child(2){transition-delay:.09s}.focus-card:nth-child(3){transition-delay:.18s}
@media(max-width:1100px){.container{width:min(calc(100% - 64px),var(--page-max))}.desktop-nav{gap:24px;margin-right:24px}.hero-copy h1{font-size:clamp(62px,7vw,80px)}.hero-art{transform:scale(.9);transform-origin:center}.chip-right{right:-30px}.product-art{transform:scale(.9);transform-origin:center}}
@media(max-width:820px){.container{width:min(calc(100% - 46px),var(--page-max))}.section-space{padding:90px 0}.site-header{height:74px}.desktop-nav,.nav-contact{display:none}.menu-button{display:block}.hero{min-height:0}.hero-layout{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:84px 0 0}.hero-copy h1{font-size:clamp(60px,9.6vw,86px);max-width:750px}.hero-copy>p{font-size:16px}.hero-note{margin-top:49px}.hero-art{height:410px;width:min(100%,570px);justify-self:center;transform:scale(.83);margin:-20px 0 -15px}.hero-bottom{height:62px}.section-heading-grid{grid-template-columns:1fr;gap:26px}.section-heading-grid .eyebrow{padding-top:0}.display-heading{font-size:clamp(48px,7vw,67px)}.section-lead{font-size:18px}.statement-band{grid-template-columns:1fr auto;gap:20px;margin-top:55px}.statement-label{grid-column:1/-1}.focus-top{grid-template-columns:1fr;gap:10px}.focus-top>p{max-width:560px}.focus-grid{grid-template-columns:1fr 1fr}.focus-card:last-child{grid-column:1/-1}.focus-card{min-height:330px}.product-layout{grid-template-columns:1fr}.product-copy{padding:65px 0 35px}.product-art{height:460px;transform:scale(.84);transform-origin:top center;max-width:540px;width:100%;margin:auto}.principle-row{grid-template-columns:75px 1fr 28px;gap:16px}.principle-row p{grid-column:2/3;grid-row:2}.principle-mark{grid-column:3;grid-row:1}.contact-layout{grid-template-columns:1fr;gap:30px}.contact{padding:80px 0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:28px}}
@media(max-width:560px){.container{width:calc(100% - 38px)}.site-header{height:68px}.brand{font-size:23px}.brand-symbol{width:29px}.hero-copy{padding-top:62px}.hero-copy h1{font-size:clamp(52px,12.8vw,70px);letter-spacing:-.071em;margin:23px 0}.hero-copy>p{font-size:15px;line-height:1.75}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px;margin-top:29px}.button{padding:16px 21px}.hero-art{height:335px;width:570px;max-width:none;justify-self:center;transform:scale(.57);transform-origin:center center;margin:-70px 0 -63px}.hero-note{margin-top:40px}.hero-bottom{font-size:10px}.hero-bottom>span:last-child{gap:9px}.section-space{padding:78px 0}.display-heading{font-size:clamp(43px,11vw,59px)}.section-lead{font-size:16px;line-height:1.78;margin-top:23px}.statement-band{grid-template-columns:1fr;padding:25px 0}.statement-band p{font-size:19px}.statement-graphic{display:none}.focus-top{margin-bottom:33px}.focus-grid{grid-template-columns:1fr;gap:12px}.focus-card:last-child{grid-column:auto}.focus-card{min-height:286px;padding:28px}.focus-card h3{margin-top:45px}.focus-icon{width:55px;height:55px}.focus-number{right:28px;top:37px}.product-heading{align-items:flex-start;gap:20px;flex-direction:column}.product-copy{padding-top:50px}.product-copy h2{font-size:64px}.product-lead{font-size:19px!important}.product-copy p:not(.product-lead){font-size:15px}.product-tags span{font-size:10px}.product-art{height:360px;transform:scale(.65);width:520px;transform-origin:top left;justify-self:start;margin-left:2vw}.principles-intro{margin-bottom:42px}.principle-row{grid-template-columns:54px 1fr 22px;gap:12px;padding:23px 0}.principle-row h3{font-size:21px}.principle-row p{font-size:13px}.contact h2{font-size:clamp(46px,11vw,65px)}.contact-email{font-size:clamp(19px,5.5vw,27px)}.contact-email span{margin-left:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 18px;padding-bottom:65px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:first-child p{margin-top:16px}.footer-bottom{align-items:flex-start;flex-direction:column;line-height:1.7}.footer-bottom a{margin-left:0}.legal-hero{padding:65px 0}.legal-hero h1{font-size:54px}.legal-content{padding-top:35px;padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.has-observer .reveal{opacity:1;transform:none}}
/* Keep grid content shrinkable on small screens */
.product-layout > *, .hero-layout > * { min-width: 0; }
@media (max-width: 560px) {
  .product-layout {grid-template-columns:minmax(0,1fr)}
  .product-art {height:345px;width:100%;max-width:350px;transform:none;transform-origin:center;margin:17px auto 0;}
  .panel-back {width:210px;height:285px;right:0;top:11px;padding:20px;border-radius:20px;}
  .panel-front {width:255px;height:320px;left:14px;top:9px;padding:21px;border-radius:20px;}
  .panel-sphere {width:206px;height:206px;top:63px;right:-38px;}
  .panel-brand {font-size:51px;}
  .panel-kizo {font-size:64px;}
  .product-label {font-size:7px;bottom:-1px;right:0;}
  .product-tags {gap:7px}
  .product-tags span {padding:9px 12px;}
}

/* Small-screen product illustration: keep the complete product card visible. */
@media(max-width:560px){
  .product-art{height:375px;transform:none;width:100%;max-width:100%;margin:0;justify-self:stretch;overflow:visible}
  .product-panel{border-radius:18px}
  .panel-back{width:57%;height:272px;top:32px;right:11px;padding:19px;transform:rotate(10deg)}
  .panel-front{width:72%;height:306px;top:24px;left:17px;padding:19px;transform:rotate(-6deg)}
  .panel-kizo{font-size:63px}
  .panel-brand{font-size:48px}
  .panel-top{font-size:7.5px}
  .panel-tagline{font-size:10px}
  .panel-sphere{width:206px;height:206px;top:68px;right:-47px}
  .panel-sphere::after{inset:35px;box-shadow:0 0 0 22px #d5e5b936,0 0 0 43px #d5e5b930}
  .product-label{font-size:7px;bottom:1px;right:10px;max-width:85%;text-align:right}
}


/* Celvaren wide-screen edition, 26 October 2026.
   Keep the existing brand system while using the full desktop canvas.
   Mobile and tablet layouts retain their original comfortable gutters. */
@media (min-width: 1101px) {
  .container { width: min(calc(100% - clamp(72px, 7vw, 184px)), var(--page-max)); }
  .section-heading-grid { grid-template-columns: minmax(180px, .26fr) minmax(0, .74fr); gap: clamp(44px, 4vw, 110px); }
  .focus-grid { gap: clamp(16px, 1.4vw, 34px); }
  .focus-card { padding: clamp(36px, 3vw, 60px); }
  .statement-band { grid-template-columns: minmax(180px,.26fr) minmax(0,1fr) auto; }
  .product-layout { gap: clamp(52px, 5vw, 124px); }
  .principle-row { grid-template-columns: minmax(100px,.2fr) minmax(220px,.65fr) minmax(0,1fr) 30px; }
  .contact-layout { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); }
}
@media (min-width: 1600px) {
  .hero-layout { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 4.5%; min-height: 740px; }
  .hero { min-height: 824px; }
  .hero-copy h1 { font-size: clamp(105px, 5.9vw, 145px); max-width: 980px; }
  .hero-copy > p { max-width: 590px; font-size: 20px; }
  .hero-art { height: 670px; transform: scale(1.12); transform-origin: center; }
  .display-heading { font-size: clamp(79px,4.5vw,117px); }
  .section-lead { max-width: 880px; font-size: 21px; }
  .statement-band p { max-width: 950px; font-size: 23px; }
  .focus-top { grid-template-columns: minmax(0,1fr) minmax(310px,.45fr); }
  .focus-top > p { max-width: 480px; font-size: 17px; }
  .focus-card { min-height: 390px; }
  .focus-card h3 { font-size: 26px; }
  .focus-card p { max-width: 410px; font-size: 16px; }
  .product-copy h2 { font-size: clamp(92px, 5.4vw, 132px); }
  .product-copy p:not(.product-lead) { max-width: 680px; font-size: 18px; }
  .product-art { height: 585px; transform: scale(1.12); transform-origin: center; }
  .principle-row h3 { font-size: 29px; }
  .principle-row p { max-width: 690px; font-size: 16px; }
  .contact h2 { font-size: clamp(82px, 5vw, 120px); }
  .contact p { max-width: 580px; font-size: 17px; }
  .contact-email { font-size: clamp(28px,2.3vw,42px); }
}
@media (min-width: 2150px) {
  .hero-layout { min-height: 805px; }
  .hero { min-height: 890px; }
  .hero-art { transform: scale(1.26); }
  .product-art { transform: scale(1.23); }
}
/* Keep the two KIZO showcase cards overlapping as one illustration on wide screens. */
@media (min-width: 1600px) {
  .product-art { width: min(100%, 620px); max-width: 620px; justify-self: center; }
}


/* Celvaren refinement: 26 Oct 2026
   Fluid, content-led responsive layout without device-specific presets.
   Preserve the existing illustration, brand system and semantic hierarchy. */
:root { --page-max: 2200px; --page-gutter: clamp(20px, 3.4vw, 88px); }
.container { width: min(calc(100% - 2 * var(--page-gutter)), var(--page-max)); margin-inline: auto; }
.hero-layout, .product-layout, .section-heading-grid, .focus-top, .contact-layout { min-width: 0; }
.hero-layout > *, .product-layout > *, .section-heading-grid > *, .focus-top > *, .contact-layout > *, .focus-grid > * { min-width: 0; }
.hero-copy h1 { font-size: clamp(56px, 6.2vw, 132px); }
.hero-copy > p { max-width: 48ch; }
.section-lead { max-width: 62ch; }
.focus-card p { max-width: 42ch; }
.product-copy p:not(.product-lead) { max-width: 62ch; }
.principle-row p { max-width: 64ch; }
.contact-email { white-space: normal; overflow-wrap: anywhere; text-decoration: none; }
.contact-email:hover { text-decoration: underline; text-underline-offset: .2em; }
.nav-contact { justify-content: center; min-width: 117px; }
.button { justify-content: center; gap: 0; }
.text-link { gap: 0; text-underline-offset: .35em; }
.text-link:hover { text-decoration: underline; }
.art-chip { gap: 12px; }
.panel-top { justify-content: flex-start; }
/* Principles are informational rows, not links: no decorative action column. */
.principle-row { grid-template-columns: minmax(70px, .22fr) minmax(220px, .7fr) minmax(0, 1fr); }
/* Keep section elements in their intended positions while allowing the visual to breathe. */
.hero-art, .product-art { min-width: 0; }
@media (min-width: 1101px) {
 .container { width: min(calc(100% - 2 * var(--page-gutter)), var(--page-max)); }
 .principle-row { grid-template-columns: minmax(86px,.2fr) minmax(220px,.65fr) minmax(0,1fr); }
 .section-heading-grid { grid-template-columns: minmax(180px, .26fr) minmax(0,.74fr); }
}
@media (max-width: 1100px) {
 :root { --page-gutter: clamp(24px, 3.1vw, 40px); }
 .container { width: calc(100% - 2 * var(--page-gutter)); }
}
@media (max-width: 820px) {
 :root { --page-gutter: clamp(19px, 3.6vw, 30px); }
 .container { width: calc(100% - 2 * var(--page-gutter)); }
 .section-heading-grid, .focus-top, .contact-layout { grid-template-columns: minmax(0,1fr); }
 .principle-row { grid-template-columns: 70px minmax(0,1fr); }
 .principle-row p { grid-column: 2; grid-row: 2; }
 .hero-copy h1 { font-size: clamp(55px, 9.4vw, 86px); }
}
@media (max-width: 560px) {
 :root { --page-gutter: clamp(19px, 5vw, 24px); }
 .container { width: calc(100% - 2 * var(--page-gutter)); }
 .hero-copy h1 { font-size: clamp(49px, 12.4vw, 68px); }
 .principle-row { grid-template-columns: 52px minmax(0,1fr); }
 .contact-email { font-size: clamp(18px, 5.35vw, 28px); }
 .hero-actions { gap: 22px; }
}

/* The KIZO panel originally styled its trailing arrow as a large character.
   With that decorative arrow removed, retain normal label typography. */
.panel-top span:first-child,
.panel-top span:last-child { font-size: 9px; line-height: 1.3; letter-spacing: .09em; white-space: nowrap; }

/* Fit the complete orbit artwork inside small viewports rather than
   applying a fixed transform that leaves the logo outside the screen. */
@media (max-width: 560px) {
  .hero-art {
    width: 100%;
    max-width: 100%;
    height: clamp(290px, 78vw, 355px);
    transform: none;
    margin: 4px auto -18px;
    justify-self: stretch;
  }
  .orbit-one { width: 126px; height: 126px; }
  .orbit-two { width: min(67vw, 235px); height: min(67vw, 235px); }
  .orbit-three { width: min(90vw, 325px); height: min(90vw, 325px); }
  .art-mark { width: 124px; height: 124px; }
  .art-mark svg { width: 76px; }
  .art-chip { gap: 7px; padding: 9px 10px; font-size: clamp(8px, 2.5vw, 10px); border-radius: 9px; }
  .art-chip .mini-icon { width: 18px; height: 18px; border-radius: 5px; }
  .chip-top { top: 35px; left: 0; }
  .chip-right { top: 127px; right: 0; }
  .chip-bottom { bottom: 39px; left: 0; }
  .art-caption { font-size: 7px; right: 0; bottom: 2px; letter-spacing: .12em; white-space: nowrap; }
  .panel-top span:first-child,
  .panel-top span:last-child { font-size: 7.5px; letter-spacing: .07em; }
}