:root{--ink:#1c2623;--ink2:#29332e;--clay:#d9623d;--claydeep:#bb472e;--cream:#f6f3ec;--paper:#e9e8df;--sand:#d4c9ba;--muted:#67706a;--line:#d9d8cf;--white:#fff;--max:1360px;--ease:cubic-bezier(.22,.68,0,1.02)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--clay);color:#fff}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1,h2{font-family:Arial,Helvetica,sans-serif;font-stretch:condensed;font-weight:900}h2{font-size:clamp(2.5rem,4.35vw,5.4rem);line-height:1.02}h1{line-height:.89}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}p{line-height:1.64}main{min-height:65vh}.site-width{width:min(var(--max),calc(100% - 88px));margin-inline:auto}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.155em;text-transform:uppercase;color:var(--claydeep);margin:0 0 24px}.eyebrow.light{color:#eeb49f}.dot{width:8px;height:8px;border-radius:50%;background:var(--clay);display:inline-block;margin-right:9px;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:300;left:16px;top:-120px;background:white;padding:12px}.skip-link:focus{top:10px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid transparent;padding:14px 22px;text-align:left;font-size:.79rem;letter-spacing:.02em;font-weight:800;transition:background .2s,color .2s,transform .25s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn span:last-child{font-size:1.13rem}.btn-orange{background:var(--clay);color:#fff}.btn-orange:hover{background:#f07d50}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#35453c}.btn-light{background:#ecebe2;color:var(--ink)}.btn-light:hover{background:#fff}.btn-ghost{border-color:#ffffff50;color:white;background:transparent}.btn-ghost:hover{background:#ffffff19}.btn-outline{border-color:#b0b5ab;color:var(--ink);background:transparent}.btn-outline:hover{background:#e6e6df}.text-link,.outline-link{font-size:.85rem;font-weight:800;border-bottom:1px solid #77837a;display:inline-flex;justify-content:space-between;gap:35px;padding-bottom:10px}.text-link span,.outline-link span{font-size:1.15em}.centered-action{text-align:center;margin-top:46px}.underlined-light{border-bottom:1px solid #c9d0c9;display:inline-block;color:#e0e4da;font-size:.82rem;font-weight:800;padding-bottom:9px}
/* NAVIGATION */
.site-header{position:sticky;top:0;z-index:100;background:rgba(247,245,239,.97);border-bottom:1px solid #e3e1d9;backdrop-filter:blur(14px)}.header-inner{height:82px;max-width:1510px;margin:auto;padding:0 42px;display:grid;grid-template-columns:198px minmax(0,1fr) 148px;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:10px;max-width:max-content}.brand-mark{height:32px;width:32px;display:flex;gap:3px;transform:skew(-12deg)}.brand-mark span{width:8px;background:var(--clay);display:block;box-shadow:3px 3px 0 #9a4a36}.brand-mark span:nth-child(2){height:80%;align-self:flex-end}.brand-mark span:nth-child(3){height:66%;align-self:flex-end}.brand-type{font-size:1.85rem;font-weight:900;letter-spacing:-.09em;line-height:.9}.brand-type small{display:block;font-size:.51rem;letter-spacing:.19em;margin-top:7px}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(13px,1.7vw,29px);height:100%;white-space:nowrap}.desktop-nav>a,.nav-drop-trigger{font-size:.78rem;font-weight:700;color:#3f4944;transition:color .2s}.desktop-nav>a:hover,.desktop-nav>a[aria-current=page],.nav-drop-trigger:hover{color:var(--claydeep)}.nav-dropdown{position:relative;height:100%;display:flex;align-items:center}.nav-drop-trigger{border:0;background:none;padding:20px 0}.chevron{font-size:1rem;margin-left:4px}.dropdown-panel{position:absolute;top:calc(100% - 6px);left:50%;transform:translate(-50%,-9px);width:258px;background:#f9f8f2;border:1px solid #d6d5cb;box-shadow:0 20px 35px #0f181429;display:flex;flex-direction:column;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;padding:8px}.nav-dropdown.is-open .dropdown-panel,.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%,0)}.dropdown-panel a{padding:12px 13px;display:flex;justify-content:space-between;font-size:.8rem;font-weight:700}.dropdown-panel a:hover,.dropdown-panel a:focus-visible{background:#eae8dd}.dropdown-panel .dropdown-lead{background:var(--ink);color:white}.dropdown-panel .dropdown-lead:hover{background:#334238}.header-cta{min-height:42px;padding:12px 15px;background:var(--clay);color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:7px}.header-cta:hover{background:var(--claydeep)}.mobile-toggle,.mobile-nav{display:none}
/* HERO */
.hero{display:grid;grid-template-columns:minmax(0,53%) minmax(0,47%);min-height:min(760px,calc(100svh - 82px));background:var(--ink);color:white;overflow:hidden}.hero-copy{position:relative;padding:30px clamp(40px,4.3vw,85px) 30px max(44px,calc((100vw - 1360px)/2));display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);z-index:1}.hero-serial,.hero-footnote{font-size:.65rem;font-weight:700;letter-spacing:.13em;color:#aaaFA5;display:flex;justify-content:space-between;gap:10px}.hero-main{padding:55px 0 45px}.hero-main h1{font-size:clamp(4.6rem,7.5vw,9.5rem);margin:0 0 37px;letter-spacing:-.073em;white-space:nowrap}.hero-main h1 em{color:#ee9c7a;font-size:.91em}.hero-lede{font-size:clamp(1rem,1.19vw,1.15rem);max-width:480px;color:#c0c7be;line-height:1.7;margin-bottom:31px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-footnote{align-items:end}.hero-visual{position:relative;min-height:560px;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.15);transform:scale(1.04)}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,13,10,.13) 4%,transparent 50%,rgba(10,11,8,.53)),linear-gradient(0deg,#05080675,transparent 43%)}.hero-stamp{position:absolute;top:38%;right:5%;width:170px;height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #fff8;color:white;transform:rotate(12deg);font-size:1.04rem;font-weight:900;line-height:1.37;letter-spacing:.05em;text-align:center;backdrop-filter:blur(2px)}.image-credit{position:absolute;right:23px;bottom:24px;font-size:.58rem;letter-spacing:.13em;color:#fff9;max-width:260px;text-align:right}
/* PROJECT QUICK SELECT */
.quick-select{background:#eeede6;padding:98px 0 108px}.quick-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.quick-top h2{margin:0}.quick-top>p{max-width:330px;color:#67716a;font-size:.98rem;margin:0 5px 6px 0}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.quick-tile{display:flex;flex-direction:column;min-height:265px;background:#fcfaf4;padding:24px 22px 18px;transition:background .22s,transform .28s;position:relative;min-width:0}.quick-tile:hover{background:#f4d6c8;transform:translateY(-5px)}.quick-num{font-size:.69rem;color:#a66a53;font-weight:800}.quick-icon{display:block;position:relative;width:68px;height:56px;margin:30px 0 16px;background:repeating-linear-gradient(135deg,#bebfb2 0 8px,#e8e5d9 9px 14px);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);border:5px solid #848a7d}.quick-icon-wall{background:repeating-linear-gradient(0deg,#b9b2a4 0 12px,#545d51 13px 15px);clip-path:none;height:55px;border:4px solid #7b766d}.quick-icon-road{background:repeating-linear-gradient(90deg,#757d75 0 14px,#303d35 15px 17px);border-color:#6c7467}.quick-icon-landscaping{background:repeating-radial-gradient(circle at 20% 30%,#ac9c77 0 8px,#6b8260 9px 12px);border-color:#84906a;clip-path:polygon(20% 0,100% 18%,78% 100%,0 82%)}.quick-icon-concrete{border-radius:20% 18% 30% 27%;background:#9a9180;box-shadow:11px -5px 0 #beb3a0,-5px 7px 0 #666c60;clip-path:none;border:0;width:48px;height:43px}.quick-tile strong{font-size:1.2rem;letter-spacing:-.04em;margin-bottom:6px}.quick-tile small{font-size:.74rem;color:#71776f;line-height:1.4;max-width:170px}.quick-go{margin-top:auto;padding-top:25px;color:#be593e;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
/* DUO */
.duo-story{display:grid;grid-template-columns:46% 54%;min-height:640px}.duo-image{position:relative;min-height:560px;overflow:hidden}.duo-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(.75)}.duo-caption{position:absolute;bottom:23px;left:30px;color:#fff;font-size:.65rem;letter-spacing:.14em}.duo-body{background:#dedfd4;padding:clamp(50px,5.5vw,95px) clamp(42px,6vw,116px);display:flex;flex-direction:column;justify-content:center}.duo-body h2{font-size:clamp(2.8rem,4.3vw,5.2rem)}.duo-body>p:not(.eyebrow){max-width:530px;color:#59665d}.process-mini{border-top:1px solid #b8bdb2;margin:19px 0 31px;max-width:560px}.process-mini>div{border-bottom:1px solid #b8bdb2;display:grid;grid-template-columns:50px 1fr;padding:13px 0;align-items:center}.process-mini b{color:#c26344;font-size:.75rem}.process-mini span{font-size:.83rem;font-weight:700}.duo-body .btn{align-self:flex-start}
/* FEATURED */
.featured-section{padding:110px 0 120px}.section-heading{margin-bottom:44px}.section-heading h2{margin:0 0 14px}.section-heading>p:not(.eyebrow){color:#68736a;max-width:580px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-width:0;display:flex;flex-direction:column}.product-image{aspect-ratio:1.16;position:relative;overflow:hidden;background:#c4bcb0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.product-image:hover img{transform:scale(1.09)}.image-index{position:absolute;left:16px;top:16px;background:#eee9dcdd;padding:7px 9px;font-size:.65rem;letter-spacing:.08em;font-weight:800}.image-go{position:absolute;right:15px;bottom:14px;background:var(--ink);color:white;padding:7px 10px}.product-meta{display:flex;justify-content:space-between;color:#a25b42;text-transform:uppercase;font-size:.67rem;font-weight:800;letter-spacing:.13em;margin:20px 0 9px}.product-card h3{font-size:1.47rem;line-height:1.1;margin:0 0 10px}.product-card p{color:#667169;font-size:.84rem;line-height:1.6;margin-bottom:20px}.product-card-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:auto;border-top:1px solid #d0d2c9;padding-top:13px}.product-card-bottom span{font-size:.73rem;color:#858c83}.product-card-bottom a{font-size:.72rem;font-weight:800;color:#9d513d;white-space:nowrap}
/* SURFACE LAB */
.surface-section{background:#283830;color:#f3f1e8;padding:120px 0}.surface-layout{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);gap:clamp(45px,6vw,110px);align-items:center}.surface-intro h2{font-size:clamp(3rem,4.8vw,6rem)}.surface-intro h2 em{color:#e4a189}.surface-intro>p:not(.eyebrow){color:#c5d0c2;max-width:455px}.surface-controls{margin:38px 0 35px}.surface-controls>span{display:block;font-size:.63rem;font-weight:800;letter-spacing:.13em;margin:22px 0 12px;color:#a5b3a7}.control-buttons{display:flex;flex-wrap:wrap;gap:6px}.control-buttons button{padding:10px 14px;color:#e0e5de;background:#435348;border:1px solid #506154;font-size:.76rem}.control-buttons button.is-active{background:#f2f0e9;color:#1d2921}.swatch-row{display:flex;gap:12px}.swatch{width:30px;height:30px;border:3px solid transparent;outline:1px solid transparent;border-radius:50%;background:#b7785e}.swatch[data-tone=limestone]{background:#cfbfa3}.swatch[data-tone=graphite]{background:#6c7671}.swatch.is-active{border-color:#29382f;outline:2px solid #f5f3ed}.surface-board-wrap{min-width:0}.surface-board{width:100%;height:490px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);gap:5px;padding:10px;background:#141c17;transform:perspective(1200px) rotateX(10deg) rotateY(-5deg);box-shadow:30px 35px 0 #141f18,40px 46px 55px #0009;transition:transform .4s}.surface-board>i{display:block;background:linear-gradient(130deg,#d5a08b,#a45e43);box-shadow:inset 3px 3px 3px #fff3,inset -5px -6px 5px #331a1780;min-width:0}.surface-board[data-tone=limestone]>i{background:linear-gradient(130deg,#eee0c8,#aa987d)}.surface-board[data-tone=graphite]>i{background:linear-gradient(130deg,#929e95,#4b5b54)}.surface-board[data-pattern=running]>i:nth-child(16n+9),.surface-board[data-pattern=running]>i:nth-child(16n+13){transform:translateX(9%)}.surface-board[data-pattern=stack]>i{border-radius:2px}.surface-board[data-pattern=basket]>i:nth-child(4n+1),.surface-board[data-pattern=basket]>i:nth-child(4n+2){background-image:linear-gradient(30deg,#ffffff45,transparent 50%);transform:scaleX(.87)}.surface-board-foot{display:flex;justify-content:space-between;margin-top:53px;color:#98a79a;font-size:.62rem;letter-spacing:.12em;gap:20px}
.branch-strip{padding:92px 0;background:#f0efe8}.branch-strip-inner{display:grid;grid-template-columns:1.1fr .7fr auto;align-items:center;gap:55px}.branch-strip h2{margin:0;font-size:clamp(2.4rem,3.7vw,4.7rem)}.branch-strip p:not(.eyebrow){color:#657268;margin:0;font-size:.9rem}.branch-strip .btn{white-space:nowrap}.last-cta{background:var(--ink);padding:115px 0;color:white}.last-cta h2{font-size:clamp(3.5rem,7.2vw,9rem);line-height:.95;max-width:1150px}.last-cta h2 em{color:#f3b08d}.last-cta .site-width>div{display:flex;flex-wrap:wrap;gap:12px}
/* SUBPAGES */
.page-intro{background:var(--ink);color:white;min-height:450px;padding:63px 0 70px;display:flex;align-items:center;position:relative;overflow:hidden}.page-intro:after{content:'';position:absolute;right:-80px;bottom:-170px;width:500px;height:500px;border:110px solid #35423a;opacity:.55;transform:rotate(31deg);pointer-events:none}.page-intro .site-width{position:relative;z-index:1}.page-intro-top{display:flex;justify-content:space-between;gap:22px;align-items:start}.intro-index{font-size:.65rem;letter-spacing:.12em;color:#9faa9e;font-weight:800}.page-intro h1{font-size:clamp(4.8rem,7.2vw,9.3rem);letter-spacing:-.075em;margin:0 0 22px}.page-intro h1 em{color:#f0ab8d}.page-intro .site-width>p:not(.eyebrow){font-size:1.04rem;color:#c4cabe;max-width:540px;margin:0}.page-intro h1:last-child{margin-bottom:0}.selector-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.73fr);gap:50px;margin-top:85px;margin-bottom:125px;align-items:start}.selector-main{background:#f8f7f1;border:1px solid #d7d7cc;padding:clamp(25px,3.4vw,55px)}.wizard-progress{height:4px;background:#e2e3db;margin-bottom:15px}.wizard-progress-bar{background:var(--clay);height:100%;width:25%;transition:width .3s}.wizard-label{display:flex;justify-content:space-between;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#727e73;padding-bottom:53px}.wizard-step h2{font-size:clamp(2.8rem,4.2vw,5.3rem);margin-bottom:20px}.step-sub{max-width:540px;color:#627065;font-size:.93rem;margin-bottom:30px}.wizard-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{background:#f0f0e8;border:1px solid #d4d8cc;display:flex;align-items:center;gap:13px;text-align:left;padding:16px;min-height:116px;transition:background .2s,border-color .2s}.choice:hover,.choice.is-active{background:#f4dfd4;border-color:#d76b44}.choice .quick-icon{flex:0 0 55px;width:55px;height:44px;margin:0}.choice strong,.choice small{display:block}.choice strong{font-size:1.1rem;letter-spacing:-.04em}.choice small{font-size:.68rem;line-height:1.45;color:#69756b;margin-top:3px}.choice-arrow{align-self:flex-start;margin-left:auto;color:var(--claydeep)}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;min-width:0}.field>span{font-size:.73rem;font-weight:800;letter-spacing:.035em;color:#515f54}.field input,.field select,.field textarea{border:1px solid #c4cabe;border-radius:0;background:#fff;width:100%;padding:15px 14px;min-height:52px;color:#26342a;outline:0;font-size:.9rem}.field textarea{resize:vertical;min-height:104px}.field :is(input,select,textarea):focus{border-color:var(--clay);box-shadow:0 0 0 2px #d9623d24}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.wizard-step .field-grid .field:last-child:nth-child(odd){grid-column:1 / -1}.step-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px}.step-actions .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.wizard-results{display:grid;gap:12px}.wizard-result{position:relative;border:1px solid #cbd0c5;background:#f1f2e9;padding:20px;display:grid;grid-template-columns:87px 1fr;gap:18px;cursor:pointer}.wizard-result.is-selected{border-color:var(--clay);box-shadow:inset 5px 0 var(--clay);background:#fff}.wizard-result img{width:87px;height:100px;object-fit:cover}.wizard-result h3{font-size:1.27rem;margin:0 0 6px}.wizard-result p{font-size:.74rem;color:#6d756c;margin:0 0 9px}.wizard-result dl{margin:0;display:flex;flex-wrap:wrap;gap:10px}.wizard-result dl div{display:flex;flex-direction:column;gap:3px}.wizard-result dt{font-size:.61rem;text-transform:uppercase;color:#9c684f}.wizard-result dd{margin:0;font-size:.72rem;font-weight:700}.wizard-result .radio-visual{position:absolute;right:15px;top:15px;width:18px;height:18px;border:2px solid #a3aba1;border-radius:50%}.wizard-result.is-selected .radio-visual{background:var(--clay);box-shadow:inset 0 0 0 3px white;border-color:var(--clay)}.wizard-result a{color:#b45739;font-size:.73rem;font-weight:800;display:inline-block;margin-top:10px;text-decoration:underline}.selector-side{position:sticky;top:105px;background:#24332b;color:white}.selector-aside-media{height:250px}.selector-aside-media img{width:100%;height:100%;object-fit:cover}.selector-receipt{padding:33px}.receipt-row{padding:17px 0;border-bottom:1px solid #526057;display:flex;justify-content:space-between;gap:15px;align-items:start}.receipt-row span{font-size:.73rem;color:#b8c3b9}.receipt-row strong{max-width:60%;text-align:right;font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.selector-note{display:flex;gap:10px;color:#bdc7bd;font-size:.73rem;margin-top:25px}.selector-note p{margin:0}.branch-prompt{background:#e7eddf;padding:14px 17px;margin-bottom:20px;font-size:.81rem;color:#334b36;border-left:3px solid #80a07c}.branch-prompt[hidden]{display:none}
/* CATALOG */
.catalog-section{padding:85px 0 130px}.catalog-controls{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid #d7d9cf;padding-bottom:27px}.catalog-controls .eyebrow{margin-bottom:14px}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.filter-button{background:#e9eae2;color:#3c4940;font-size:.76rem;padding:11px 14px;border:1px solid #d4d7cd}.filter-button:hover,.filter-button.is-active{background:var(--ink);border-color:var(--ink);color:white}.search-box{position:relative;min-width:240px}.search-box input{width:100%;padding:13px 36px 13px 13px;background:#fff;border:1px solid #ced1c7}.search-box span{position:absolute;right:10px;top:2px;font-size:2rem;color:#66736a}.catalog-result-count{color:#758079;font-size:.78rem;margin:19px 0 35px}.catalog-grid{row-gap:49px}.catalog-empty{border:1px solid #ccd0c6;padding:28px}.catalog-disclaimer{border-top:1px solid #d2d6cb;margin-top:75px;padding:25px 0;font-size:.8rem;color:#718075}
/* DETAIL */
.product-detail-intro{padding:39px 0 90px;background:#f2f1e9}.back-link{font-size:.76rem;font-weight:800;color:#9b5e47}.product-detail-hero{display:grid;grid-template-columns:51% 49%;gap:40px;align-items:center;margin-top:35px}.product-detail-copy .eyebrow{margin-bottom:30px}.product-category{color:#a65a3d;text-transform:uppercase;font-size:.77rem;letter-spacing:.14em;font-weight:800}.product-detail-copy h1{font-size:clamp(3.7rem,6.6vw,7.7rem);line-height:.94;margin:14px 0 25px;overflow-wrap:break-word;letter-spacing:-.075em}.detail-deck{font-size:1.07rem;color:#687368;max-width:520px}.detail-facts{display:flex;flex-wrap:wrap;gap:34px;border-top:1px solid #c6c9be;border-bottom:1px solid #c6c9be;padding:22px 0;margin:30px 0}.detail-facts>div{display:flex;flex-direction:column;gap:7px}.detail-facts span{font-size:.65rem;letter-spacing:.1em;color:#8c7b6c;font-weight:800}.detail-facts b{font-size:1.05rem}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.product-detail-image{position:relative;align-self:stretch;min-height:480px;overflow:hidden;background:#d7c9b9}.product-detail-image img{height:100%;width:100%;object-fit:cover}.product-detail-image>span{position:absolute;right:12px;bottom:15px;background:#222d26ca;padding:9px;color:white;font-size:.58rem;letter-spacing:.12em}.detail-specs{background:#e7e6dc;padding:100px 0}.specs-layout{display:grid;grid-template-columns:40% 60%;gap:70px}.specs-layout>div:first-child p:not(.eyebrow){max-width:470px;color:#68756a;margin-bottom:30px}.spec-table{border-top:1px solid #b9c0b6}.spec-table>div{display:grid;grid-template-columns:44% 56%;gap:12px;border-bottom:1px solid #b9c0b6;padding:19px 0;align-items:center}.spec-table span{font-size:.78rem;color:#637367}.spec-table strong{font-size:.85rem}.related-products{padding:100px 0 115px}.related-products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px}.mini-callout{background:var(--ink);color:white;padding:74px 0}.mini-callout .site-width{display:flex;align-items:center;justify-content:space-between;gap:30px}.mini-callout h2{font-size:clamp(2.5rem,4vw,4.7rem);margin:0}.mini-callout h2 em{color:#e3a184}
/* APPLICATIONS */
.applications-body{padding:70px 0}.application-feature{display:grid;grid-template-columns:50% 50%;align-items:stretch;min-height:620px}.application-feature.reverse .application-photo{order:2}.application-photo{position:relative;min-height:530px;overflow:hidden}.application-photo img{width:100%;height:100%;object-fit:cover}.application-photo span{position:absolute;bottom:20px;left:23px;background:#1c2925e6;color:white;padding:9px;font-size:.7rem;font-weight:800;letter-spacing:.1em}.application-text{padding:clamp(50px,6vw,113px);background:#e8e8de;display:flex;flex-direction:column;justify-content:center}.application-feature:nth-child(2n) .application-text{background:#daddd1}.application-text h2{font-size:clamp(2.7rem,4.8vw,5.3rem);margin:0 0 21px}.application-text>p:not(.eyebrow){color:#5d695e;max-width:530px}.application-minihead{font-size:.64rem!important;letter-spacing:.1em;font-weight:800;color:#9f5b42!important;margin:18px 0}.application-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}.application-pills a{background:#f5f4ed;padding:10px 13px;font-size:.72rem;font-weight:800}.application-pills a:hover{background:#ebc5b3}.application-text .btn{align-self:flex-start}.application-note{padding:20px 0 80px;color:#657368;font-size:.8rem}
/* BRANCHES */
.branches-section{padding:96px 0 130px}.branch-tools{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:25px}.branch-finder-field{width:min(320px,100%)}.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.branch-card{min-height:300px;background:#f0efe7;border:1px solid #d6d6c9;padding:29px;display:flex;flex-direction:column}.branch-card-top{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;letter-spacing:.1em;color:#94715e}.branch-dot{width:10px;height:10px;background:var(--clay);border-radius:50%}.branch-card h3{font-size:clamp(1.8rem,2.5vw,3rem);line-height:1.04;margin:38px 0 12px}.branch-card p{color:#667469;font-size:.83rem;max-width:290px}.branch-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px;border-top:1px solid #cdd0c4;margin-top:auto;padding-top:15px}.branch-links a{font-size:.74rem;color:#ac5337;font-weight:800}.branch-suggestion{padding:17px 20px;background:#e5ebdc;color:#344738;border-left:4px solid #88a27e;margin-bottom:26px;font-size:.86rem}.branch-reassure{margin-top:38px;border-top:1px solid #ced2c7;padding-top:25px;color:#68786c;font-size:.8rem}
/* ABOUT */
.about-story{display:grid;grid-template-columns:40% 60%;gap:80px;padding:115px 0}.about-folio{border-left:1px solid #c9ccc1;padding:8px 30px}.about-huge{display:block;font-size:clamp(6rem,13vw,14rem);font-weight:900;line-height:1;margin-top:85px;letter-spacing:-.1em}.about-huge span{color:var(--clay)}.about-folio>span:nth-last-of-type(1){font-size:.82rem;font-weight:800;letter-spacing:.17em}.about-folio p{margin-top:28px;color:#8a9388;font-size:.72rem}.about-narrative h2{margin-bottom:37px}.about-narrative p{font-size:1rem;color:#5b6b60;max-width:645px}.about-narrative .btn{margin-top:25px}.about-values{background:#e5e6db;padding:105px 0}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.value-grid>div{border-top:1px solid #b7c0b4;padding:23px 6px}.value-grid span{font-size:.72rem;color:#ab583b;font-weight:800}.value-grid h3{font-size:1.55rem;margin:26px 0 10px}.value-grid p{font-size:.85rem;color:#5d6e5f}.about-image-band{position:relative;min-height:530px;color:white;overflow:hidden;display:flex;align-items:center}.about-image-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38)}.about-image-band .site-width{position:relative}.about-image-band p{font-size:clamp(3rem,7vw,9rem);line-height:.99;font-weight:900;letter-spacing:-.07em;margin:0}.about-image-band em{font-family:Georgia,serif;font-weight:400;color:#f4b290}.about-closing{display:grid;grid-template-columns:50% 50%;gap:60px;padding:115px 0}.about-closing>div:last-child p{color:#607165;max-width:600px}
/* CONTACT + QUOTE */
.contact-layout{padding:103px 0 136px;display:grid;grid-template-columns:37% 63%;gap:67px}.contact-side h2{margin-bottom:20px}.contact-side>p:not(.eyebrow){color:#657165;max-width:330px}.contact-method{display:grid;grid-template-columns:1fr auto;gap:3px;align-items:center;padding:24px 0;border-bottom:1px solid #cbd0c7}.contact-method span:first-child{grid-column:1 / -1;font-size:.64rem;letter-spacing:.12em;color:#a05c42;font-weight:800}.contact-method strong{font-size:clamp(1.15rem,2vw,1.6rem);letter-spacing:-.04em;overflow-wrap:anywhere}.contact-method span:last-child{color:#b65c3f}.contact-note{border-left:3px solid var(--clay);background:#eae9df;padding:19px;font-size:.78rem;color:#6b786b;margin-top:32px}.contact-form-side{background:#e7e9df;border:1px solid #d2d7cc;padding:clamp(26px,4vw,52px)}.form-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:23px}.form-head>span:last-child{font-size:.66rem;letter-spacing:.07em;color:#8a958a}.contact-form-side .field-grid{gap:0 15px}.contact-form-side .field{margin-bottom:21px}.consent-label{display:flex;gap:10px;align-items:start;font-size:.76rem;color:#5c6b60;line-height:1.45;margin:10px 0 26px}.consent-label input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--clay)}.submit-btn{width:100%}.form-status{font-size:.83rem;font-weight:700;color:#305744;margin-top:18px}.draft-fallback{background:#fff;padding:22px;margin-top:22px;font-size:.8rem}.draft-fallback button{margin-right:12px}.draft-fallback .outline-link{margin-top:12px}
/* LEGAL/404 */
.slim-intro{min-height:350px}.legal-content{max-width:950px;padding:90px 0 125px}.legal-content h2{font-size:2rem;margin:45px 0 14px}.legal-content p{color:#5f6e60}.legal-lead{font-size:1.13rem!important;color:#203128!important;border-left:4px solid var(--clay);padding-left:20px}.legal-content a{text-decoration:underline;color:var(--claydeep)}.notfound{padding:130px 0 180px}.notfound h1{font-size:clamp(4.5rem,9vw,10rem);margin:20px 0}.notfound em{color:var(--clay)}.notfound p{max-width:440px;color:#69796d}
/* FOOTER */
.footer{background:#17211c;color:#f0f1e8;padding:100px 0 28px}.footer-top{display:grid;grid-template-columns:45% 55%;gap:40px;padding-bottom:95px}.footer-top h2{font-size:clamp(3rem,5vw,6rem);margin-bottom:36px}.footer-top h2 em{color:#e2a28a}.foot-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:9px}.foot-links>div{display:flex;flex-direction:column;gap:18px}.foot-links b{font-size:.72rem;letter-spacing:.12em;color:#e5ab95;text-transform:uppercase;margin-bottom:17px}.foot-links a,.foot-links span{font-size:.78rem;color:#b7c0b8;line-height:1.5}.foot-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #47574d;padding-top:23px;color:#9baa9c;font-size:.66rem;line-height:1.5}
/* MOTION */
@media (prefers-reduced-motion:no-preference){.quick-tile,.product-image img,.btn,.dropdown-panel{will-change:transform}}
/* RESPONSIVE */
@media(max-width:1200px){.header-inner{padding:0 28px;grid-template-columns:170px 1fr 135px}.brand-type{font-size:1.65rem}.desktop-nav{gap:14px}.desktop-nav>a,.nav-drop-trigger{font-size:.74rem}.site-width{width:calc(100% - 64px)}.hero-copy{padding-left:40px}.hero-main h1{font-size:clamp(4.2rem,7.5vw,8.4rem)}.quick-tile{padding:19px 14px}.quick-tile strong{font-size:1.09rem}.surface-layout{gap:40px}.surface-board{height:420px}.contact-layout{gap:35px}}
@media(max-width:1060px){.header-inner{grid-template-columns:1fr auto auto;height:74px;padding:0 25px}.desktop-nav{display:none!important}.header-cta{min-height:40px}.mobile-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;width:44px;height:44px;border:1px solid #c4c9bd;background:transparent;gap:5px}.mobile-toggle span{width:20px;height:2px;background:var(--ink);transition:transform .22s,opacity .22s}.mobile-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 74px);overflow:auto;background:#f6f4ed;border-bottom:1px solid #d2d4c9;padding:16px 25px 25px;box-shadow:0 15px 30px #0003}.mobile-nav.is-open{display:flex;flex-direction:column}.mobile-nav>a,.mobile-sub-toggle{min-height:50px;display:flex;justify-content:space-between;align-items:center;padding:13px 10px;border:0;border-bottom:1px solid #d2d4c9;background:transparent;text-align:left;font-weight:800;font-size:.94rem}.mobile-nav .mobile-special{background:var(--clay);color:white;padding:14px 17px;margin-top:20px}.mobile-sub{display:none;background:#e8e9df;padding:4px 14px}.mobile-sub.is-open{display:flex;flex-direction:column}.mobile-sub>a{padding:11px 6px;font-size:.82rem;border-bottom:1px solid #d0d2c5}.hero{min-height:650px}.hero-main h1{font-size:clamp(4.1rem,7.2vw,7.3rem)}.hero-copy{padding-left:32px;padding-right:20px}.hero-main{padding-top:40px}.quick-select{padding:74px 0}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-tile{min-height:225px}.duo-body{padding:55px 40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.surface-section{padding:85px 0}.surface-layout{grid-template-columns:1fr 1fr}.surface-board{height:380px}.branch-strip-inner{grid-template-columns:1fr 1fr}.branch-strip-inner .btn{grid-column:2;justify-self:start}.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-text{padding:50px}.contact-layout{grid-template-columns:1fr 1.4fr;gap:28px}}
@media(max-width:780px){.site-width{width:calc(100% - 42px)}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{min-height:590px;padding:24px 25px 26px}.hero-main{padding:80px 0 60px}.hero-main h1{font-size:clamp(4.3rem,10.4vw,7.5rem)}.hero-visual{height:310px;min-height:0}.hero-visual img{height:100%}.hero-stamp{top:17%;right:10%;width:130px;height:130px;font-size:.78rem}.hero-footnote{gap:20px}.quick-top{align-items:start;flex-direction:column;gap:20px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-tile{min-height:225px}.duo-story{grid-template-columns:1fr}.duo-image{min-height:0;height:390px}.duo-body{padding:60px 24px}.surface-layout{grid-template-columns:1fr}.surface-intro{max-width:610px}.surface-board{height:390px;max-width:600px}.branch-strip-inner{grid-template-columns:1fr;gap:20px}.branch-strip-inner .btn{grid-column:auto}.page-intro{min-height:400px;padding:60px 0}.page-intro h1{font-size:clamp(4.7rem,9vw,7rem)}.page-intro:after{opacity:.22}.selector-layout{grid-template-columns:1fr;gap:27px;margin:55px auto 85px}.selector-side{position:static;display:grid;grid-template-columns:1fr 1fr}.selector-aside-media{height:auto;min-height:250px}.selector-receipt{padding:25px}.catalog-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.specs-layout{grid-template-columns:1fr;gap:30px}.product-detail-hero{grid-template-columns:1fr}.product-detail-image{min-height:360px}.application-feature{grid-template-columns:1fr}.application-feature.reverse .application-photo{order:0}.application-photo{height:340px;min-height:0}.application-text{padding:55px 30px}.about-story{grid-template-columns:1fr;gap:40px}.about-folio{padding:0 25px}.about-huge{margin-top:24px}.value-grid{grid-template-columns:repeat(2,1fr)}.about-closing{grid-template-columns:1fr;gap:0}.contact-layout{grid-template-columns:1fr;gap:55px}.foot-links{gap:22px}.footer-top{grid-template-columns:1fr;gap:70px}.footer-bottom{flex-direction:column;gap:10px}.mini-callout .site-width{flex-direction:column;align-items:start}}
@media(max-width:520px){.site-width{width:calc(100% - 34px)}.header-inner{padding:0 17px}.brand-type{font-size:1.55rem}.brand-mark{height:27px;width:27px}.header-cta{display:none}.hero-copy{min-height:555px;padding:24px 18px 25px}.hero-serial{font-size:.56rem;gap:12px}.hero-main{padding:65px 0 45px}.hero-main h1{font-size:clamp(3.8rem,12.9vw,5.9rem);letter-spacing:-.075em;margin-bottom:27px}.hero-lede{font-size:.92rem}.hero-actions .btn{flex:1 1 100%;min-height:50px}.hero-footnote{font-size:.55rem}.hero-visual{height:245px}.hero-stamp{display:none}.quick-select{padding:65px 0 75px}.quick-top h2{font-size:clamp(2.7rem,11vw,4.6rem)}.quick-grid{gap:6px}.quick-tile{padding:16px 12px;min-height:205px}.quick-icon{width:55px;height:47px;margin:20px 0 13px}.quick-tile strong{font-size:1.02rem}.quick-tile small{font-size:.68rem}.quick-go{font-size:.64rem}.duo-image{height:270px}.duo-body h2{font-size:clamp(2.8rem,10vw,4rem)}.featured-section{padding:70px 0 88px}.product-grid{grid-template-columns:1fr;gap:33px}.product-image{aspect-ratio:1.6}.section-heading h2{font-size:clamp(2.7rem,10vw,4.3rem)}.surface-section{padding:75px 0 90px}.surface-intro h2{font-size:3.6rem}.surface-board{height:280px;gap:3px;padding:6px;transform:perspective(900px) rotateX(5deg) rotateY(-2deg);box-shadow:14px 17px 0 #141f18,20px 25px 25px #0007}.surface-board-foot{font-size:.52rem}.branch-strip{padding:70px 0}.last-cta{padding:80px 0}.last-cta h2{font-size:clamp(3.6rem,12vw,6rem)}.page-intro{min-height:360px;padding:50px 0}.page-intro-top{flex-direction:column;gap:0}.intro-index{margin-bottom:15px}.page-intro h1{font-size:clamp(3.8rem,12.1vw,5.5rem);margin-bottom:20px}.page-intro .site-width>p:not(.eyebrow){font-size:.91rem}.selector-layout{margin:32px auto 70px}.selector-main{padding:25px 18px}.wizard-label{padding-bottom:30px}.wizard-step h2{font-size:clamp(2.7rem,10vw,4rem)}.wizard-choices{grid-template-columns:1fr}.choice{min-height:83px}.choice .quick-icon{height:43px}.field-grid{grid-template-columns:1fr}.wizard-step .field-grid .field:last-child:nth-child(odd){grid-column:auto}.step-actions{flex-direction:column-reverse}.step-actions .btn{width:100%;min-height:50px}.wizard-result{grid-template-columns:68px 1fr;gap:13px;padding:15px}.wizard-result img{width:68px;height:88px}.wizard-result h3{font-size:1.06rem;max-width:90%}.selector-side{grid-template-columns:1fr}.selector-aside-media{height:160px;min-height:0}.catalog-section{padding:52px 0 85px}.catalog-grid{gap:35px}.product-detail-intro{padding:30px 0 60px}.product-detail-copy h1{font-size:clamp(3.6rem,14vw,6rem)}.detail-deck{font-size:.96rem}.detail-actions .btn{width:100%}.product-detail-image{min-height:270px}.detail-specs{padding:70px 0}.spec-table>div{grid-template-columns:39% 61%}.related-products{padding:70px 0}.related-products .product-grid{grid-template-columns:1fr}.application-photo{height:270px}.application-text{padding:55px 20px}.application-text h2{font-size:3.1rem}.branches-section{padding:65px 0 80px}.branch-tools{flex-direction:column;align-items:stretch;gap:12px}.branch-grid{grid-template-columns:1fr}.branch-card{min-height:270px}.about-story{padding:75px 0}.about-narrative h2{font-size:3.4rem}.about-values{padding:80px 0}.value-grid{grid-template-columns:1fr 1fr;gap:8px}.value-grid h3{font-size:1.25rem}.about-image-band{min-height:330px}.about-closing{padding:75px 0}.contact-layout{padding:70px 0 100px}.contact-form-side{padding:24px 18px}.contact-method strong{font-size:1.2rem}.form-head{flex-direction:column}.legal-content{padding:70px 0 110px}.notfound{padding:90px 0 100px}.notfound h1{font-size:4.2rem}.footer{padding-top:70px}.footer-top{gap:50px;padding-bottom:75px}.foot-links{grid-template-columns:repeat(2,1fr);gap:30px}.foot-links>div:last-child{grid-column:1/-1}.footer-top h2{font-size:3.8rem}}
@media(max-width:360px){.hero-main h1{font-size:3.55rem}.brand-type{font-size:1.4rem}.quick-tile{min-height:200px}.quick-tile strong{font-size:.94rem}.page-intro h1{font-size:3.5rem}.application-text h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Explicit Escape/outside-click close wins over :hover and :focus-within. */
.nav-dropdown.force-closed .dropdown-panel{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-9px)!important}
/* Gap-safe fraction columns prevent subtle 8–70px horizontal overflow. */
.footer-top{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}
.product-detail-hero{grid-template-columns:minmax(0,51fr) minmax(0,49fr)}
.specs-layout{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
.surface-layout{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}
.about-story{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
.about-closing{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.contact-layout{grid-template-columns:minmax(0,37fr) minmax(0,63fr)}
@media(max-width:780px){.footer-top,.product-detail-hero,.specs-layout,.surface-layout,.about-story,.about-closing,.contact-layout{grid-template-columns:minmax(0,1fr)}}
[hidden]{display:none!important}
