:root{--ink:#182c22;--deep:#39432a;--teal:#a85b32;--paper:#eee2cc;--line:#d7c8ac}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Arial,Helvetica,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.05;letter-spacing:-.05em}.skip{position:absolute;left:16px;top:-80px;z-index:50;background:white;padding:10px}.skip:focus{top:8px}
.site-header{height:84px;padding:0 clamp(24px,4vw,64px);display:flex;align-items:center;gap:clamp(24px,3vw,50px);background:rgba(250,247,238,.97);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid #d7c8ac}.brand{flex:none}.brand img{width:190px;height:auto}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2vw,32px);font-size:14px;font-weight:700;white-space:nowrap;margin-left:auto}.site-header nav a{position:relative;padding:30px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--teal);transition:right .22s}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{right:0}.site-header nav a:hover{color:#96512d}.site-header nav .mobile-contact{display:none}.header-cta,.primary-button{display:inline-flex;align-items:center;gap:15px;background:linear-gradient(135deg,#a85b32,#96512d);color:white;padding:10px 11px 10px 20px;min-height:50px;border-radius:999px;font-size:14px;font-weight:800;box-shadow:0 9px 22px rgba(140,73,37,.2);white-space:nowrap;transition:transform .2s,box-shadow .2s}.header-cta:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(140,73,37,.28)}.header-cta span,.primary-button span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#ffffff29;font-size:18px;line-height:1}.menu-button{display:none}
.hero{height:760px;min-height:calc(100vh - 84px);max-height:900px;position:relative;display:flex;align-items:center;overflow:hidden;background:#39432a;color:white}.hero-image,.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,45,28,.94),rgba(37,45,28,.76) 41%,rgba(37,45,28,.08) 79%),linear-gradient(0deg,rgba(37,45,28,.36),transparent 45%)}.hero-content,.page-hero-copy{position:relative;z-index:2;padding-left:clamp(24px,8vw,130px);padding-right:24px;width:min(790px,67vw)}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;color:#96512d;margin:0 0 22px}.eyebrow{color:#efd291;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--teal)}.hero h1{font-size:clamp(55px,7vw,100px);line-height:.93;letter-spacing:-.065em;margin:0}.hero h1 em,.page-hero h1 em{color:#efd291;font-style:normal;font-weight:300}.hero-content>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#e7ddc5;max-width:610px;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.text-button{color:white;font-size:14px;font-weight:700;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.65)}.hero-stat{position:absolute;right:0;bottom:0;z-index:2;background:rgba(37,45,28,.88);color:white;width:min(410px,38vw);padding:27px 38px;display:flex;flex-direction:column;border-left:3px solid var(--teal);backdrop-filter:blur(12px)}.hero-stat strong{font-size:17px}.hero-stat span{color:#e7ddc5;font-size:13px}
.home-feature{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#faf2e3}.feature-photo{overflow:hidden;background:#e9dcc2}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(30px,6vw,95px)}h2{font-size:clamp(38px,4.2vw,66px);line-height:1.04;margin:0}.feature-copy h2 em{font-style:normal;color:#96512d}.feature-copy>p:not(.section-kicker){font-size:17px;color:#58614e;line-height:1.75;max-width:550px;margin:25px 0}.inline-link{font-size:14px;font-weight:800;color:#96512d;display:inline-flex;align-items:center;gap:45px;padding-bottom:7px;border-bottom:2px solid #a85b32}.inline-link span{font-size:18px}.home-intro{padding:105px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#faf2e3}.home-intro>div:last-child{padding-top:35px}.home-intro p:not(.section-kicker){font-size:17px;line-height:1.75;color:#58614e}.home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;background:#d7c8ac}.home-links a{background:#e9dcc2;padding:45px;min-height:330px;display:flex;flex-direction:column;transition:background .2s}.home-links a:hover{background:white}.home-links span{font-size:11px;letter-spacing:.18em;color:#96512d;font-weight:800}.home-links h3{font-size:27px;margin:58px 0 13px}.home-links p{color:#58614e;line-height:1.6;margin:0 0 20px}.home-links b{margin-top:auto;padding-top:14px;border-top:1px solid #d7c8ac;font-size:13px;color:#96512d}
.contact-strip{padding:90px clamp(24px,8vw,130px);background:#96512d;color:white;display:flex;align-items:end;justify-content:space-between;gap:40px}.contact-strip .section-kicker{color:#efd291}.contact-strip h2{font-size:clamp(38px,4vw,62px)}.primary-button.light{background:white;color:#96512d}.primary-button.light span{background:#e9dcc2}
.page-hero{min-height:500px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(125deg,#252d1c,#515a32);color:white}.page-hero.photo-hero{min-height:580px}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,45,28,.95),rgba(37,45,28,.68) 55%,rgba(37,45,28,.17))}.page-hero-copy{width:min(820px,72vw);padding-block:85px}.page-hero h1{font-size:clamp(52px,6.5vw,91px);line-height:.95;margin:0 0 26px}.page-hero p:not(.eyebrow){color:#e7ddc5;font-size:18px;max-width:660px;line-height:1.7;margin:0}.product-hero{background:linear-gradient(120deg,#252d1c,#515a32)}.simple-hero,.contact-hero{background:linear-gradient(115deg,#252d1c,#515a32)}.reference-hero{background:linear-gradient(115deg,#252d1c,#515a32)}
.split-section,.reference-intro,.contact-page{padding:105px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#faf2e3}.split-section>div:last-child{padding-top:35px}.split-section p:not(.section-kicker),.reference-intro>p,.contact-page p:not(.section-kicker){font-size:17px;line-height:1.8;color:#58614e}.split-section p+p{margin-top:18px}.values-section,.system-section{background:#e9dcc2;padding:90px clamp(24px,7vw,115px)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:50px}.section-heading .section-kicker{grid-column:1/-1;margin:0}.section-heading p:not(.section-kicker){font-size:17px;line-height:1.7;color:#58614e}.values-grid,.steps-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7c8ac;border:1px solid #d7c8ac}.values-grid article,.steps-section article{background:#faf2e3;min-height:280px;padding:38px}.values-grid span,.steps-section span{font-size:12px;color:#96512d;font-weight:800;letter-spacing:.15em}.values-grid h3,.steps-section h3{font-size:25px;margin:65px 0 14px}.values-grid p,.steps-section p{font-size:15px;line-height:1.65;color:#58614e}
.wide-photo{height:540px;position:relative;display:flex;align-items:end;overflow:hidden;color:white}.wide-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wide-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,45,28,.84),rgba(37,45,28,.08))}.wide-photo>div{z-index:1;padding:70px clamp(24px,8vw,130px)}.wide-photo .section-kicker{color:#efd291}.wide-photo h2{max-width:700px}
.steps-section{padding:1px;margin:0 clamp(24px,6vw,95px) 100px}.visual-story{padding:85px clamp(24px,7vw,115px);background:#e9dcc2}.visual-story .section-heading{grid-template-columns:1fr 1fr}.visual-story>a{display:block}.visual-story>a img{width:100%;border-radius:4px;box-shadow:0 20px 50px #39432a24}.visual-story>span{display:block;margin-top:12px;color:#58614e;font-size:12px;text-align:right}.audience-band{padding:90px clamp(24px,8vw,130px);background:#39432a;color:white}.audience-band .section-kicker{color:#efd291}.audience-band>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.audience-band span{padding:10px 16px;border:1px solid #a8aa8c;border-radius:100px;font-size:14px}
.product-detail{padding:100px clamp(24px,7vw,115px);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#faf2e3}.product-image{background:#e9dcc2}.product-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-text h2{font-size:clamp(65px,8vw,120px);color:#515a32}.product-text .lead{font-size:18px;line-height:1.75;color:#58614e;margin:24px 0}.product-text ul{list-style:none;padding:0;margin:0 0 30px}.product-text li{padding:13px 0;border-top:1px solid #d7c8ac;font-weight:700;font-size:15px}.product-text li:before{content:"✓";color:#96512d;margin-right:12px}.product-text li:last-child{border-bottom:1px solid #d7c8ac}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d7c8ac;border:1px solid #d7c8ac}.system-grid article{background:#faf2e3;padding:45px;min-height:300px}.system-grid span{font-size:12px;color:#96512d;font-weight:800;letter-spacing:.15em}.system-grid h3{font-size:34px;margin:70px 0 12px}.system-grid p{font-size:16px;color:#58614e;max-width:500px}.product-visual-band{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:#39432a;color:white}.product-visual-band img{width:100%;height:550px;object-fit:cover}.product-visual-band>div{padding:60px clamp(30px,6vw,90px)}.product-visual-band .section-kicker{color:#efd291}.product-visual-band p:not(.section-kicker){color:#e7ddc5;font-size:17px;line-height:1.75;margin-top:25px}
.gallery-intro{padding:90px clamp(24px,8vw,130px) 55px;display:grid;grid-template-columns:1fr 1fr;gap:2vw 8vw;align-items:end;background:#faf2e3}.gallery-intro .section-kicker{grid-column:1/-1;margin:0}.gallery-intro p:not(.section-kicker){font-size:17px;color:#58614e;line-height:1.75}.gallery-grid{padding:0 clamp(24px,5vw,80px) 100px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:350px;gap:14px;background:#faf2e3}.gallery-grid a{position:relative;overflow:hidden;background:#39432a}.gallery-grid a.gallery-main{grid-column:1/-1;grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-grid a:hover img{transform:scale(1.025)}.gallery-grid a:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(37,45,28,.8))}.gallery-grid span{position:absolute;z-index:1;bottom:22px;left:25px;color:white;font-size:13px;font-weight:800;letter-spacing:.1em}
.reference-intro{background:#faf2e3}.reference-intro>p{padding-top:35px}.reference-list{background:#faf2e3;padding:0 clamp(24px,7vw,115px) 35px}.reference-list article{display:grid;grid-template-columns:.7fr 1.2fr .45fr;gap:30px;align-items:start;padding:35px 0;border-top:1px solid #d7c8ac}.reference-list article:last-child{border-bottom:1px solid #d7c8ac}.reference-list article>span{font-size:12px;letter-spacing:.12em;font-weight:800;color:#96512d}.reference-list h3{font-size:29px;margin:0 0 9px}.reference-list p{font-size:16px;color:#58614e;line-height:1.65;max-width:540px;margin:0}.reference-list b{font-size:13px;color:#96512d;text-align:right}.reference-note{background:#faf2e3;color:#58614e;font-size:13px;line-height:1.6;padding:0 clamp(24px,7vw,115px) 80px;margin:0}
.contact-page{min-height:520px}.contact-page>div:first-child>p:not(.section-kicker){margin-top:25px;max-width:500px}.contact-details{padding-top:35px}.contact-details>span{font-size:12px;letter-spacing:.17em;color:#96512d;font-weight:800;display:block}.contact-details>a{display:block;font-size:clamp(23px,3vw,38px);font-weight:500;border-bottom:1px solid #d7c8ac;padding:15px 0 35px;margin-bottom:28px;overflow-wrap:anywhere}.contact-details>p{color:#58614e}
.site-footer{background:#252d1c;color:white;padding:50px clamp(24px,7vw,115px) 22px}.footer-top{display:flex;align-items:center;gap:35px}.footer-brand{font-size:26px;font-weight:800;letter-spacing:-.04em}.footer-top p{color:#a8aa8c;font-size:13px;margin:0 auto 0 0}.footer-top>a:last-child{font-size:14px}.footer-bottom{border-top:1px solid #ffffff21;padding-top:20px;margin-top:40px;display:flex;justify-content:space-between;color:#a8aa8c;font-size:12px}
@media(max-width:1120px){.site-header{gap:20px}.site-header nav{gap:15px;font-size:13px}.brand img{width:170px}.header-cta{padding-left:14px}}
@media(max-width:980px){.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#faf2e3;box-shadow:0 18px 28px #252d1c22;padding:18px 25px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a,.site-header nav .mobile-contact{display:block;padding:11px 0}.site-header nav a:after{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px;margin-left:0;cursor:pointer}.menu-button span{width:24px;height:2px;background:#39432a}.site-header{height:76px}.header-cta{margin-left:auto}.hero-stat{display:none}.hero-content{width:min(730px,78vw)}.home-feature,.product-detail,.product-visual-band{grid-template-columns:1fr 1fr}.home-links h3{margin-top:30px}}
@media(max-width:700px){.site-header{height:70px;padding:0 18px}.site-header nav{top:70px}.brand img{width:165px}.header-cta{min-height:42px;padding:6px 6px 6px 13px;font-size:12px}.header-cta span{width:28px;height:28px}.hero{height:700px;min-height:calc(100vh - 70px)}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(37,45,28,.94),rgba(37,45,28,.55))}.hero-content,.page-hero-copy{width:100%;padding-left:24px;padding-right:24px}.hero h1{font-size:clamp(53px,11vw,72px)}.hero-content>p:not(.eyebrow){font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:19px}.page-hero{min-height:470px}.page-hero h1{font-size:clamp(49px,10vw,70px)}.page-hero p:not(.eyebrow){font-size:16px}.home-feature,.home-intro,.home-links,.split-section,.reference-intro,.contact-page,.product-detail,.product-visual-band,.gallery-intro,.section-heading,.visual-story .section-heading{grid-template-columns:1fr}.home-feature{min-height:0}.feature-photo img{height:430px}.feature-copy{padding:65px 24px}.home-intro,.split-section,.reference-intro,.contact-page{padding:75px 24px;gap:20px}.home-intro>div:last-child,.split-section>div:last-child,.reference-intro>p,.contact-details{padding-top:0}.home-links a{min-height:265px;padding:35px}.contact-strip{padding:75px 24px;flex-direction:column;align-items:flex-start}.values-section,.system-section,.visual-story{padding:70px 24px}.values-grid,.steps-section,.system-grid{grid-template-columns:1fr}.values-grid article,.steps-section article,.system-grid article{min-height:220px;padding:30px}.values-grid h3,.steps-section h3,.system-grid h3{margin-top:35px}.steps-section{margin:0 18px 70px}.wide-photo{height:480px}.wide-photo>div{padding:50px 24px}.audience-band{padding:70px 24px}.product-detail{padding:70px 24px;gap:35px}.product-visual-band img{height:350px}.product-visual-band>div{padding:50px 24px}.gallery-intro{padding:70px 24px 35px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:300px;padding:0 18px 70px}.gallery-grid a.gallery-main{grid-column:auto;grid-row:span 1;height:400px}.reference-list{padding:0 24px 25px}.reference-list article{grid-template-columns:1fr;gap:13px}.reference-list b{text-align:left}.reference-note{padding:0 24px 65px}.site-footer{padding:45px 24px 22px}.footer-top{flex-direction:column;align-items:flex-start;gap:10px}.footer-top p{margin:0}.footer-bottom{gap:10px;flex-direction:column}h2{font-size:clamp(37px,8vw,50px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Compact device presentation and an accessible in-page gallery. */
.feature-photo{display:grid;place-items:center;padding:36px}
.feature-photo img{width:min(100%,420px);height:auto;max-height:420px;object-fit:contain}
.product-image{display:grid;place-items:center;padding:28px}
.product-image img{width:min(100%,380px);height:auto;max-height:380px;aspect-ratio:auto;object-fit:contain}
.gallery-grid .gallery-item{position:relative;overflow:hidden;background:#39432a;border:0;padding:0;cursor:zoom-in;color:white;text-align:left}
.gallery-grid .gallery-main{grid-column:auto;grid-row:auto;background:#e9dcc2}
.gallery-grid .gallery-main img{object-fit:contain;padding:28px}
.gallery-item:hover img{transform:scale(1.025)}
.gallery-item:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(37,45,28,.8));pointer-events:none}
.gallery-item:focus-visible{outline:3px solid #a85b32;outline-offset:4px}
.gallery-grid img,.gallery-viewer img{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.gallery-viewer{border:0;padding:48px 24px 24px;background:#252d1c;color:white;width:min(1000px,94vw);max-height:92dvh;border-radius:12px}
.gallery-viewer::backdrop{background:rgba(30,35,20,.85)}
.gallery-viewer figure{margin:0;display:grid;gap:16px;justify-items:center}
.gallery-viewer img{width:auto;max-width:100%;height:auto;max-height:72dvh;object-fit:contain}
.gallery-viewer figcaption{font-size:13px;text-align:center}
.viewer-close{position:absolute;right:12px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:white;color:#39432a;font-size:28px;cursor:pointer}
@media(max-width:700px){.feature-photo{padding:28px}.feature-photo img{width:min(100%,300px);height:auto;max-height:320px}.product-image img{max-height:300px}.gallery-grid .gallery-main{height:auto}.gallery-viewer{padding:48px 12px 16px}}
.brand img{width:230px;height:auto;max-height:64px;object-fit:contain}
@media(max-width:1120px){.brand img{width:205px}}
@media(max-width:700px){.brand img{width:190px;max-height:52px}.site-header{gap:8px}.header-cta{font-size:11px;gap:8px;padding-left:10px}}
/* Distinct PEYZAI header palette. */
.site-header{background:#d5e2bc;border-bottom-color:#b5c69b}
@media(max-width:980px){.site-header nav{background:#d5e2bc}}
