:root{--ink:#213026;--cream:#f3efe4;--paper:#fcfaf3;--moss:#52664d;--sage:#bbc8ad;--rust:#b65031;--gold:#d3a84f;--line:rgba(33,48,38,.18);--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--pad:clamp(1.25rem,4vw,4.8rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.6}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-underline-offset:.25em}button{font:inherit}.skip-link{position:fixed;z-index:99;top:.5rem;left:.5rem;padding:.7rem 1rem;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.demo-bar{background:var(--ink);color:#fff;padding:.45rem var(--pad);font-size:.68rem;text-align:center;letter-spacing:.13em;text-transform:uppercase}.site-header{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(252,250,243,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{text-decoration:none;font-family:var(--serif);font-size:1.35rem;display:flex;gap:.6rem;align-items:center}.brand-mark{width:21px;height:34px;position:relative;border-left:2px solid var(--rust)}.brand-mark:before,.brand-mark:after{content:'';position:absolute;width:10px;height:14px;border:2px solid var(--rust);border-radius:50%}.brand-mark:before{left:3px;top:2px;transform:rotate(35deg)}.brand-mark:after{left:-9px;top:12px;transform:rotate(-35deg)}nav{display:flex;align-items:center;gap:clamp(.65rem,1.7vw,1.7rem)}nav a{text-decoration:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}nav a:hover,nav a[aria-current]{color:var(--rust)}.nav-cta{border:1px solid var(--ink);padding:.55rem .8rem}.menu{display:none;background:none;border:0}.hero{min-height:calc(100vh - 112px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);overflow:hidden}.hero-copy{padding:clamp(4rem,9vw,9rem) var(--pad);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.kicker,.eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rust)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;margin:.3em 0}h1{font-size:clamp(3.4rem,7vw,7.8rem);letter-spacing:-.045em;max-width:11ch}h1 em{font-weight:500;color:var(--rust)}h2{font-size:clamp(2.3rem,5vw,5.3rem);letter-spacing:-.035em}h3{font-size:1.45rem}.lede{font-size:clamp(1rem,1.35vw,1.25rem);max-width:38rem;color:#506055}.hero-media{position:relative;min-height:600px}.hero-media:after{content:'SONORAN STUDY / 01';position:absolute;right:1rem;bottom:1rem;background:var(--paper);padding:.5rem .75rem;font-size:.62rem;letter-spacing:.15em}.button{display:inline-flex;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 1.1rem;background:var(--rust);color:#fff;text-decoration:none;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--rust)}.button:hover{background:var(--ink);border-color:var(--ink)}.button.ghost{color:var(--ink);background:transparent;border-color:var(--ink)}.actions{display:flex;gap:1rem;flex-wrap:wrap}.section{padding:clamp(5rem,9vw,9rem) var(--pad);border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.5fr 1.5fr .8fr;gap:2rem;align-items:start;margin-bottom:clamp(3rem,6vw,6rem)}.section-head h2{margin:0}.section-head p{margin-top:.5rem}.sage{background:var(--sage)}.dark{background:var(--ink);color:var(--cream)}.rust{background:var(--rust);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:center}.split-media{aspect-ratio:4/5;position:relative}.split-media.landscape{aspect-ratio:4/3}.split-copy{max-width:34rem}.split-copy h2{font-size:clamp(2.3rem,4vw,4.6rem)}.metric{font-family:var(--serif);font-size:clamp(4rem,10vw,10rem);line-height:.8;color:var(--rust)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--paper);padding:2.2rem;min-height:270px;display:flex;flex-direction:column}.card .num{font-size:.68rem;letter-spacing:.18em;color:var(--rust)}.card p{color:#5e685f}.card a{margin-top:auto}.photo-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:260px 260px;gap:1rem}.photo-grid figure{margin:0;overflow:hidden;position:relative}.photo-grid figure:first-child{grid-row:span 2}.photo-grid figcaption,.stock-label{position:absolute;left:.75rem;bottom:.75rem;background:rgba(252,250,243,.92);padding:.4rem .6rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{counter-increment:step;border-top:1px solid currentColor;padding:1.5rem 2rem 2rem 0;margin-right:2rem}.step:before{content:'0' counter(step);font-size:.65rem;letter-spacing:.15em}.quote{font-family:var(--serif);font-size:clamp(2rem,4vw,4.2rem);max-width:23ch;line-height:1.15}.tool{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.choices,.filters{display:flex;gap:.6rem;flex-wrap:wrap}.choices button,.filters button,.tabs button{border:1px solid currentColor;background:transparent;padding:.7rem .9rem;cursor:pointer}.choices button[aria-pressed=true],.filters button.active,.tabs button[aria-selected=true]{background:var(--ink);color:#fff}.route,.tab-panel,.planner-output{margin-top:1.5rem;border-left:3px solid var(--rust);padding:1rem 1.5rem}.tabs{display:flex;gap:.4rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.gallery-item{padding:0;border:0;background:none;text-align:left;cursor:pointer}.gallery-item figure{height:380px;margin:0;position:relative}.gallery-item em{display:block;margin-top:.6rem;font-style:normal}.gallery-item[hidden]{display:none}.planner-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:1rem}.option-group{border:1px solid var(--line);padding:1rem}.option-group label{display:block;margin:.5rem 0}.lightbox{width:min(760px,90vw);border:0;padding:0;background:var(--paper);box-shadow:0 20px 80px #0007}.lightbox::backdrop{background:#152018cc}.lightbox [data-art]{height:50vh}.lightbox h2,.lightbox p{padding:0 2rem}.close{position:absolute;right:1rem;top:1rem;z-index:2;border:0;background:var(--paper);width:2.5rem;height:2.5rem;font-size:1.5rem}.note-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.note{padding:2rem;border:1px solid var(--line)}.disclosure-band{text-align:center;padding:1rem var(--pad);background:var(--gold);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.ribbon{text-align:center;padding:clamp(4rem,7vw,7rem) var(--pad);background:var(--cream)}.ribbon h2{max-width:16ch;margin:.3em auto}.site-footer{padding:4rem var(--pad);background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:3rem}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}.site-footer p{font-size:.78rem}.stock-notice{font-size:.7rem;color:#cad0c8}.art-seal{width:36px;height:36px;opacity:.25;position:absolute;right:1.5rem;bottom:1.5rem}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:860px){.js .menu{display:block}.site-header nav{position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:1.5rem var(--pad);flex-direction:column;align-items:flex-start}.js .site-header nav{display:none}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-media{min-height:58vh;order:-1}.section-head,.tool{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.planner-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr;grid-template-rows:400px 240px 240px}.photo-grid figure:first-child{grid-row:auto}}
@media(max-width:520px){h1{font-size:3.2rem}.steps,.note-list{grid-template-columns:1fr}.hero-copy{padding-block:4rem}.actions{flex-direction:column}.site-footer nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Project comparison and progressive-enhancement safeguards */
.compare-section{background:#e9dfcc}.compare-section>label{display:block;max-width:48rem;margin:0 auto 1rem;font-weight:700}.compare-section input[type=range]{width:100%;accent-color:#a94d32}.compare-frame{position:relative;overflow:hidden;max-width:72rem;margin:auto;aspect-ratio:16/9;background:#d8cbb5}.compare-frame>img,.compare-after,.compare-after img{width:100%;height:100%;object-fit:cover}.compare-after{position:absolute;inset:0;clip-path:inset(0 48% 0 0);border-right:3px solid #f7f0df}.palette .tab-panel{max-width:60rem}.noscript{margin:0;padding:.75rem 5vw;background:#fff3cc;color:#17251c;text-align:center}.js nav:not(.open){}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dc7d4a;outline-offset:4px}@media(max-width:760px){.compare-frame{aspect-ratio:4/3}.site-header nav.open{display:flex}.hero{min-height:auto}.gallery{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}