:root{color-scheme:dark;--bg:#0d1219;--panel:#161f2a;--panel2:#1e2a38;--line:#2b3847;--text:#f2f5f9;--muted:#a7b5c4;--steel:#2b6fa6;--steel-light:#80bbed;--copper:#c76a3b;--danger:#e28b83;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:none;color:var(--steel-light)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid #425061;border-radius:10px;background:#0e1721;color:var(--text);width:100%;padding:13px 14px;min-height:46px}input::placeholder,textarea::placeholder{color:#8494a5}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #93cafa;outline-offset:2px}input[type=checkbox]{width:19px;min-height:auto;accent-color:var(--steel)}.site-header{position:sticky;top:0;background:rgba(13,18,25,.96);backdrop-filter:blur(18px);border-bottom:1px solid #293545;z-index:20}.header-inner,.container{max-width:1180px;margin:auto;padding:0 24px}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;letter-spacing:-.06em;font-weight:900;display:inline-flex;align-items:center;white-space:nowrap}.brand-block{background:var(--copper);padding:1px 4px;color:#12141b;margin-left:1px}.brand small{font-size:11px;letter-spacing:.11em;font-weight:700;margin-left:13px;color:#d5e2ef}.site-header nav{display:flex;align-items:center;gap:26px;font-size:13px;color:#c7d4e2}.nav-cta{border:1px solid var(--steel);border-radius:10px;padding:13px 17px;font-size:13px;font-weight:750}.hero{min-height:630px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 36%,#1c3348 0,transparent 48%)}.hero-glow{position:absolute;right:0;bottom:-100px;width:500px;height:500px;border-radius:100%;background:rgba(199,106,59,.06);filter:blur(65px)}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:52px;padding-top:94px;padding-bottom:78px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.21em;font-weight:850;color:var(--steel-light);margin-bottom:22px}.spark{color:var(--copper);font-size:17px;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,5.9rem);line-height:1.05;letter-spacing:-.07em;font-weight:850;margin-bottom:26px}h1 em,h2 em{color:var(--steel-light);font-style:normal}.lead{font-size:clamp(1.04rem,1.45vw,1.28rem);color:#bbc9d7;line-height:1.72;max-width:650px}.actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #445568;border-radius:11px;padding:15px 21px;font-weight:760;font-size:14px;line-height:1.3;min-height:49px;background:transparent;color:#eaf3fb}.btn:hover{transform:translateY(-1px);background:#253444;color:#fff}.btn.primary{background:var(--steel);border-color:#5287b5;color:#fff}.btn.primary:hover{background:#347fb9}.btn.ghost{background:#182330}.btn.small{padding:9px 12px;font-size:12px;min-height:35px}.btn.danger{color:var(--danger);border-color:#815652}.metrics{display:flex;gap:28px;flex-wrap:wrap;margin-top:59px}.metrics div{display:flex;flex-direction:column;gap:7px}.metrics b{font-size:25px;letter-spacing:-.03em}.metrics small{color:#9badbf;font-size:11px;letter-spacing:.04em}.smallprint,.hint{font-size:12px;color:#93a6b9;line-height:1.55}.smallprint{margin-top:20px}.hero-art{min-height:420px;padding:23px;position:relative}.art-panel{position:relative;z-index:1;height:100%;min-height:440px;background:linear-gradient(155deg,#26394d,#111b28 68%);border:1px solid #466077;border-radius:23px;box-shadow:0 30px 90px #05080b80;padding:26px}.art-grid{background-image:linear-gradient(#3a4a5a22 1px,transparent 1px),linear-gradient(90deg,#3a4a5a22 1px,transparent 1px);background-size:23px 23px;inset:0;position:absolute;transform:rotate(2deg)}.art-top,.art-data{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:800;color:#abc3d9}.house{height:235px;position:relative;margin-top:30px}.roof{width:70%;height:160px;position:absolute;left:15%;top:0;border-top:13px solid #aab9c9;border-left:13px solid #aab9c9;transform:rotate(45deg) scale(.75);border-radius:7px}.insulation-layer{position:absolute;bottom:19px;left:5%;width:90%;height:86px;background:repeating-linear-gradient(16deg,#9e583a 0,#ba714a 3px,#d08b5b 5px,#945537 8px);clip-path:polygon(0 13%,100% 13%,100% 100%,0 100%);opacity:.9}.house-floor{position:absolute;bottom:16px;left:2%;width:96%;height:6px;background:#bed2e4}.art-data{border-top:1px solid #54728d;padding-top:14px;align-items:center;gap:12px}.art-data strong{font-size:38px;color:#e8f5ff;letter-spacing:-.05em}.feature-section{padding-top:93px;padding-bottom:98px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-heading h2,.cta-band h2{font-size:clamp(2.6rem,5vw,4.6rem);letter-spacing:-.06em;line-height:1.09}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.feature-card,.panel{border:1px solid var(--line);background:linear-gradient(160deg,var(--panel),#111922);border-radius:var(--radius);padding:28px}.feature-number{color:var(--copper);font-weight:850;font-size:12px}.feature-card h3{font-size:22px;margin:42px 0 12px}.feature-card p,.panel p{color:#b8c6d4;line-height:1.7}.cta-band{background:#1a2633;border:1px solid #304559;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:45px;padding-bottom:30px;margin-bottom:95px}.footer{max-width:1180px;margin:auto;border-top:1px solid #293745;padding:43px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9caebe;font-size:13px;flex-wrap:wrap}.footer b{color:#e9f3fb}.footer p{margin:6px 0}.page-head{padding-top:85px;padding-bottom:40px}.page-head h1{max-width:1000px}.page-head>p{margin-bottom:40px}.calc-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;margin-bottom:90px}.form-grid{display:flex;flex-direction:column;gap:17px}.form-grid h2{font-size:22px;margin:9px 0 3px}.form-grid label{display:block;color:#d2dce7;font-size:13px;font-weight:650}.form-grid label input,.form-grid label textarea,.form-grid label select{margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .check{display:flex;align-items:start;gap:12px;font-weight:500;font-size:12px;color:#adbdd0}.form-grid .check input{margin:0;width:20px;flex:0 0 20px}.trap{display:none}.steps{padding:0;list-style:none;display:flex;flex-direction:column;gap:23px}.steps li{color:#b2c2d2;display:flex;align-items:baseline;gap:15px;line-height:1.4}.steps b{color:var(--copper)}.calculator-aside h3{font-size:28px}.panel+.panel{margin-top:14px}details.panel{margin-bottom:12px}summary{font-weight:750;cursor:pointer}details p{padding-top:16px}.narrow{max-width:700px}.search-big{margin-top:12px;font-size:17px}.library-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.result-card{display:block;border:1px solid #35485b;background:var(--panel);border-radius:13px;padding:19px;min-height:104px}.result-card small{display:block;color:var(--copper);letter-spacing:.08em;text-transform:uppercase;font-size:10px;margin-bottom:8px}.result-card strong{font-size:17px}.result-card p{color:#a4b7cb;font-size:13px;margin:9px 0 0}.multiline,.article-body{white-space:pre-wrap;line-height:1.8}.quote-view{max-width:760px}.quote-line{display:flex;justify-content:space-between;border-bottom:1px solid #344354;padding:15px 0;gap:15px}.quote-line.total{font-size:22px;font-weight:850}.quote-view form{margin-top:24px}.launcher-button{position:fixed;right:20px;bottom:22px;z-index:24;display:flex;align-items:center;gap:8px;border:1px solid #4b5e72;background:#1a2836;box-shadow:0 12px 50px #05080c99;padding:12px 15px;border-radius:13px;color:#fff;font-size:13px}.launcher-button kbd{font:11px ui-monospace,monospace;color:#9faebc;border:1px solid #4a6278;padding:4px;border-radius:5px}#search-root:not([hidden]){display:flex;position:fixed;inset:0;z-index:50;justify-content:center;align-items:flex-start;padding:12vh 15px;background:#03070bd4;backdrop-filter:blur(7px)}.search-modal{background:#151f2b;border:1px solid #55708a;width:min(660px,100%);border-radius:16px;box-shadow:0 30px 100px #000;padding:15px}.search-results{max-height:420px;overflow:auto}.search-hit{width:100%;display:block;text-align:left;border:0;border-radius:9px;padding:13px;background:transparent;color:#e9f0f8}.search-hit:hover,.search-hit[aria-selected=true]{background:#2b4054}.search-hit small{display:block;color:#a6b8c9;margin-top:4px}#toast{position:fixed;z-index:70;left:20px;bottom:20px;max-width:440px;background:#28445f;border:1px solid #6a90b2;border-radius:12px;padding:12px 16px;display:none}#toast.show{display:block}.app-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#131c27;border-right:1px solid #2d3e50;padding:24px 13px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar .logo{font-size:19px;font-weight:850;letter-spacing:-.045em;padding:13px 10px;margin-bottom:29px}.sidebar small{font-size:10px;color:#93a5b5;letter-spacing:.1em;display:block;margin-top:4px}.side-link{display:flex;width:100%;border:0;background:transparent;color:#c1cddd;padding:13px 14px;text-align:left;border-radius:10px;margin-bottom:5px;font-size:14px;gap:11px;align-items:center}.side-link.active,.side-link:hover{background:#2b4054;color:#fff}.app-content{padding:32px clamp(16px,4vw,55px);max-width:1500px;width:100%;margin:auto}.app-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:35px}.app-top h1{font-size:clamp(2rem,3.2vw,3rem);margin:0}.app-top p{color:#9aaec0;margin:7px 0}.app-top .user-chip{padding:9px 14px;border:1px solid #3c5063;border-radius:25px;font-size:12px;color:#cad8e6}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.kpi{padding:20px;background:#182534;border:1px solid #344759;border-radius:14px}.kpi small{color:#95aec3}.kpi strong{display:block;font-size:30px;margin:14px 0 2px}.table-scroll{overflow-x:auto;border:1px solid #35485b;border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}th{color:#9db2c5;font-size:11px;text-transform:uppercase;letter-spacing:.09em}td,th{padding:15px 16px;border-bottom:1px solid #304254;font-size:13px}tr:last-child td{border-bottom:0}tr:hover td{background:#1b2a39}.tag{display:inline-flex;font-size:11px;padding:6px 10px;border-radius:99px;background:#2c4258;color:#c6e3fb}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle at 80% 0,#213f5b,transparent 45%)}.auth-card{max-width:450px;width:100%;padding:36px}.auth-card h1{font-size:39px}.actionbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:21px}.app-content .panel{margin-bottom:18px}.muted{color:var(--muted)}.error-text{color:#f3aca9}.photo-thumb{width:115px;height:90px;object-fit:cover;border-radius:8px}.photo-grid{display:flex;flex-wrap:wrap;gap:13px}.offline-pill{font-size:11px;border:1px solid #8c7260;border-radius:99px;padding:7px 11px;color:#f0c2a2}.media-controls{display:flex;justify-content:space-between;gap:8px}.mobile-menu{display:none}@media(max-width:900px){.site-header nav{display:none}.hero-layout{grid-template-columns:1fr;padding-top:68px}.hero-art{max-width:540px;width:100%;margin:auto}.feature-grid{grid-template-columns:1fr}.calc-layout{grid-template-columns:1fr}.metrics{margin-top:36px}.kpis{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:10px}.sidebar .logo{font-size:12px;white-space:nowrap;margin:0 15px 0 0}.sidebar small{display:none}.side-link{white-space:nowrap;width:auto;font-size:12px}.app-content{padding:23px 15px}.grid-two,.grid-three{grid-template-columns:1fr}}@media(max-width:590px){.header-inner,.container{padding-left:18px;padding-right:18px}.header-inner{height:67px}.brand small{display:none}.nav-cta{font-size:12px;padding:10px}.hero-layout{padding-top:55px}.hero-art{display:none}.page-head{padding-top:53px}.two,.library-results{grid-template-columns:1fr}.section-heading{display:block}.cta-band{flex-direction:column;align-items:stretch}.footer{display:block}.footer>div{margin:20px 0}.launcher-button span,.launcher-button kbd{display:none}.app-top{display:block}.kpis{grid-template-columns:1fr 1fr}.auth-card{padding:23px}.grid-three{display:block}}@media(prefers-reduced-motion:no-preference){.btn,.side-link,.feature-card{transition:background .2s,transform .2s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Texas Attic Works — photography-led editorial design refresh, October 2026.
   All visual treatments are shared with the existing sales and admin apps. */
:root { --bg:#0d1116; --panel:#171d24; --steel:#2B6FA6; --steel-light:#9bc6ed; --copper:#C76A3B; --line:#303943; --text:#f5f4f0; --muted:#b2bac3; }
body { background:#0d1116; }
.site-header { background:rgba(13,17,22,.94); border-bottom:1px solid #323941; }
.header-inner, .container { max-width:1360px; padding-inline:clamp(20px,3.25vw,54px); }
.header-inner { height:78px; }
.brand { gap:14px; font-weight:800; letter-spacing:.01em; font-size:18px; }
.brand-mark { display:inline-flex; align-items:center; font-weight:900; letter-spacing:-.12em; border-right:1px solid #51545b; padding-right:16px; font-size:27px; line-height:1; }
.brand-mark-dot { color:var(--copper); font-size:29px; }
.brand small { margin:0; font-size:10px; letter-spacing:.17em; color:#ebe8e1; }
.site-header nav { gap:clamp(12px,2.1vw,32px); font-weight:600; }
.site-header nav a { transition:color .2s; }
.site-header nav a:hover { color:#fff; }
.nav-cta { border:1px solid #426b8a; border-radius:5px; font-weight:760; }
.btn { border-radius:6px; font-weight:720; letter-spacing:.01em; }
.btn.primary { background:var(--steel); border-color:#448ac3; }
.btn.primary:hover { background:#3482c2; }
.btn.ghost { background:transparent; border-color:#64717b; }
.eyebrow { font-size:11px; color:#a8c9e3; letter-spacing:.18em; font-weight:770; }
h1,h2,h3 { letter-spacing:-.045em; }
h1 em,h2 em { color:var(--steel-light); }
.hero-photo-led { position:relative; overflow:hidden; background:radial-gradient(circle at 55% 20%,#162433 0,#0d1116 58%); }
.hero-photo-led:before { content:"";position:absolute;width:45vw;height:45vw;left:-25vw;top:-30vw;background:radial-gradient(circle,#243a4a44,transparent 70%);pointer-events:none; }
.hero-photo-led .hero-layout { max-width:1440px; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(28px,4vw,70px); align-items:center; padding-top:clamp(45px,6.2vw,102px); padding-bottom:clamp(35px,4vw,74px); }
.hero-copy { position:relative; z-index:2; padding:28px 0; }
.eyebrow-bar { display:inline-block; width:20px; height:2px; background:var(--copper);vertical-align:middle;margin-right:12px; }
.hero-photo-led h1 { font-size:clamp(3.35rem,5.75vw,6.4rem); line-height:.995; letter-spacing:-.067em; max-width:700px; font-weight:780; margin-bottom:29px; }
.hero-photo-led .lead { color:#c7ccd1; font-size:clamp(1.03rem,1.38vw,1.25rem); max-width:570px; line-height:1.78; margin-bottom:28px; }
.hero-photo-led .actions { gap:12px; margin-top:33px; }
.hero-photo-led .actions .btn { padding:17px 24px; }
.hero-quiet { font-size:13px; margin:26px 0 0; color:#9faab5; }
.hero-photo { margin:0; height:clamp(430px,48vw,610px); min-width:0; position:relative; border:1px solid #41505b; border-radius:3px; overflow:hidden; box-shadow:0 24px 70px #03080cb3; }
.hero-photo:before { content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05090ecc,transparent 48%),linear-gradient(90deg,#10192033,transparent 65%); z-index:1; pointer-events:none; }
.hero-photo img { width:100%;height:100%;object-fit:cover;object-position:56% center;display:block; }
.hero-photo figcaption { position:absolute;left:clamp(18px,3vw,40px);bottom:30px;right:22px;z-index:2;display:grid;gap:6px;font-size:18px;color:#fff;font-weight:700; }
.photo-caption-kicker { font-size:10px;letter-spacing:.19em;color:#d6a68c; }
.hero-photo figcaption small { color:#ccd0d5;font-size:11px;font-weight:500; }
.stat-ribbon { display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #353e47;border-bottom:1px solid #353e47;padding-block:23px;margin-bottom:4px;gap:16px; }
.stat-ribbon>div { display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:9px 16px;padding:6px 20px; }
.stat-ribbon>div+div { border-left:1px solid #343c43; }
.stat-ribbon strong { font-size:clamp(19px,2vw,28px);letter-spacing:-.035em;color:#f0eee9;white-space:nowrap; }
.stat-ribbon span { color:#adb8c2;font-size:12px; }
.experience-section { padding-top:clamp(75px,9vw,137px);padding-bottom:clamp(70px,9vw,126px); }
.section-heading { display:flex;align-items:end;justify-content:space-between; gap:30px;margin-bottom:37px; }
.section-heading h2 { margin:0;font-size:clamp(2.55rem,4.6vw,4.75rem);font-weight:730;line-height:1.05;max-width:760px; }
.section-heading>p { color:#abb7c1;line-height:1.74;max-width:360px;margin:0;font-size:15px; }
.editorial-grid { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); border-top:1px solid #33414a;border-bottom:1px solid #33414a; gap:clamp(25px,6vw,95px);align-items:center; }
.editorial-photo, .story-photo, .page-banner, .knowledge-banner { margin:0;position:relative;overflow:hidden; }
.editorial-photo { height:clamp(320px,38vw,485px);margin-block:24px; }
.editorial-photo img,.story-photo img,.page-banner img,.knowledge-banner img,.aside-photo img { display:block;width:100%;height:100%;object-fit:cover; }
.editorial-photo img { object-position:55% center; }
.editorial-photo figcaption { position:absolute;left:16px;bottom:15px;color:#fff;font-size:11px;background:#111820ca;padding:9px 12px; }
.editorial-photo figcaption span { display:block;color:#cbd4de;font-size:10px;margin-top:3px; }
.editorial-copy { padding-block:34px;max-width:480px; }
.small-index { color:var(--copper);font-size:11px;letter-spacing:.17em;font-weight:780; }
.editorial-copy h3 { font-size:clamp(2rem,3.3vw,3.75rem);line-height:1.09;margin:28px 0 20px; }
.editorial-copy p,.story-copy p { color:#adb9c3;font-size:16px;line-height:1.82;max-width:530px; }
.text-link { display:inline-flex;align-items:center;gap:12px;color:#a8d0f0;border-bottom:1px solid #536b7e;padding:10px 0;font-weight:750;font-size:14px; }
.how-section { padding-bottom:clamp(70px,8vw,120px); }
.process-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #35424e; }
.process-list article { padding:33px clamp(18px,2.5vw,38px) 40px 0; }
.process-list article+article { border-left:1px solid #35424e;padding-left:clamp(18px,2.5vw,38px); }
.process-list b { color:#cd875e;font-size:13px;font-weight:850;letter-spacing:.12em; }
.process-list h3 { margin:38px 0 10px;font-size:clamp(19px,1.8vw,26px); }
.process-list p { color:#aab8c4;line-height:1.75; }
.photo-story { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(25px,5vw,82px);align-items:center;padding-bottom:clamp(80px,9vw,140px); }
.story-photo { height:clamp(310px,38vw,520px); }
.story-photo:after { content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#060b11b8,transparent);pointer-events:none; }
.story-photo figcaption { position:absolute;bottom:20px;left:22px;font-size:11px;z-index:2;color:#e8eaed; }
.story-copy h2 { font-size:clamp(2.65rem,4.3vw,4.9rem);line-height:1.04;margin:0 0 24px; }
.story-copy .btn { margin-top:17px; }
.final-cta { background:linear-gradient(105deg,#182734,#111920);border:1px solid #3a5265;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:58px;padding-bottom:58px;margin-bottom:100px; }
.final-cta h2 { font-size:clamp(2.4rem,4.5vw,4.8rem);line-height:1.02;max-width:680px;margin:0 0 16px; }
.final-cta p { margin:0;color:#b8c7d4; }
.final-cta .btn { flex-shrink:0; }
.page-head .page-banner { margin:38px 0 0;height:clamp(260px,39vw,485px);border:1px solid #354553; }
.page-banner img { object-position:center 40%; }
.page-banner figcaption,.knowledge-banner figcaption { position:absolute;bottom:12px;right:12px;background:#101820c9;color:#e2e6e9;padding:7px 11px;font-size:11px; }
.calculator-aside { overflow:hidden; }
.aside-photo { margin:-28px -28px 28px; height:220px;overflow:hidden;position:relative; }
.aside-photo img { object-position:50% 55%; }
.aside-photo figcaption { position:absolute;right:10px;bottom:10px;font-size:11px;background:#0b1117c9;padding:6px 9px; }
.knowledge-banner { max-width:100%;height:clamp(200px,28vw,360px);margin:0 0 25px;border:1px solid #39434b; }
.knowledge-banner img { object-position:center 55%; }
/* Subdomain dashboards use the shared palette but not the photo-led public layout. */
.app-shell .sidebar { background:#141a20; }
.app-shell .kpi,.app-shell .panel { background:#1a222b; }
@media (max-width:1100px) { .hero-photo-led .hero-layout { gap:32px; } .hero-photo-led h1 { font-size:clamp(3.1rem,5.4vw,5rem); } .stat-ribbon>div {display:grid;text-align:center; } }
@media (max-width:900px) { .hero-photo-led .hero-layout {grid-template-columns:1fr 1fr;padding-top:50px;gap:25px;} .hero-photo {height:470px;} .hero-photo-led h1 {font-size:clamp(2.8rem,5.7vw,4.4rem);} .stat-ribbon { grid-template-columns:1fr 1fr 1fr; } .editorial-grid { gap:28px; } }
@media (max-width:700px) { .hero-photo-led .hero-layout { display:flex;flex-direction:column;padding-top:45px;gap:26px; } .hero-copy {padding:0;} .hero-photo-led h1 {font-size:clamp(3.15rem,10vw,5rem);} .hero-photo-led .lead { font-size:16px;line-height:1.7; } .hero-photo { width:100%; height:380px;max-width:none; } .stat-ribbon {grid-template-columns:1fr;gap:0;} .stat-ribbon>div { display:flex;justify-content:space-between;text-align:left;padding:17px 1px; } .stat-ribbon>div+div { border-left:0;border-top:1px solid #343c43; } .section-heading { display:block; } .section-heading>p {margin-top:24px;} .editorial-grid,.photo-story {grid-template-columns:1fr;} .editorial-photo { margin-block:15px;height:320px; } .editorial-copy {padding:10px 0 25px;} .process-list { grid-template-columns:1fr; }.process-list article {padding:23px 0 28px!important;}.process-list article+article {border-left:0;border-top:1px solid #343c43;} .process-list h3 {margin:15px 0 10px;} .story-photo {height:300px;} .final-cta {display:block;padding-top:38px;padding-bottom:38px;} .final-cta .btn {margin-top:24px;} }
@media (max-width:590px) { .hero-photo { display:block; } .brand small {font-size:9px;} .brand-mark {font-size:23px;} .nav-cta {padding:10px 12px;font-size:11px;} .hero-photo {height:340px;} .stat-ribbon strong{font-size:21px;} .experience-section {padding-top:65px;} .experience-section .section-heading h2 {font-size:clamp(2.55rem,10vw,3.8rem);} .page-banner {height:240px!important;} }
@media (prefers-reduced-motion:reduce) { .site-header nav a {transition:none;} }

/* -------------------------------------------------------------
   Texas Attic Works — visual refinement 2 (approved photography)
   Consistent 1200px grid, balanced columns, no bottom search bar.
   Ctrl+Space still opens the existing accessible search dialog.
   ------------------------------------------------------------- */
:root { --taw-width:1200px; --taw-gutter:clamp(20px,3vw,42px); }
html { overflow-x:clip; }
body.public { background:#0d1218; }
body.public .container,
body.public .header-inner,
body.public .footer {
  width:100%;
  max-width:calc(var(--taw-width) + 2 * var(--taw-gutter));
  padding-left:var(--taw-gutter);
  padding-right:var(--taw-gutter);
  margin-left:auto;
  margin-right:auto;
}
body.public .site-header { background:rgba(13,18,24,.97); }
body.public .header-inner { height:78px; gap:24px; }
body.public .brand { flex:0 0 auto; gap:12px; }
body.public .brand-mark { font-size:26px; padding-right:14px; border-color:#3c464f; }
body.public .brand small { font-size:10px; letter-spacing:.14em; margin-left:0; }
body.public .site-header nav { margin-left:auto; gap:clamp(12px,1.7vw,26px); }
body.public .site-header nav a { white-space:nowrap; }
body.public .nav-cta { border-radius:7px; white-space:nowrap; padding:13px 18px; }
body.public .hero-photo-led { background:linear-gradient(120deg,#0c1117 0%,#101b25 100%); }
body.public .hero-photo-led:before { display:none; }
body.public .hero-photo-led .hero-layout {
  max-width:calc(var(--taw-width) + 2 * var(--taw-gutter));
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,4.5vw,66px);
  align-items:center;
  padding-top:70px;
  padding-bottom:64px;
}
body.public .hero-copy { padding:0; min-width:0; }
body.public .hero-photo-led h1 {
  font-size:clamp(3.3rem,5vw,4.9rem);
  max-width:12.2ch;
  font-weight:790;
  letter-spacing:-.052em;
  line-height:1.065;
  margin:26px 0 24px;
  text-wrap:balance;
}
body.public .hero-photo-led .eyebrow { margin-bottom:0; letter-spacing:.15em; }
body.public .hero-photo-led .lead { max-width:51ch; font-size:clamp(1rem,1.15vw,1.15rem); line-height:1.66; margin-bottom:22px; }
body.public .hero-photo-led .actions { margin:24px 0 20px; gap:12px; }
body.public .hero-photo-led .actions .btn { padding:15px 20px; font-size:14px; }
body.public .hero-quiet { max-width:56ch; margin-top:15px; font-size:12.5px; line-height:1.6; }
body.public .hero-photo {
  width:100%;
  height:auto;
  aspect-ratio:1.05 / 1;
  max-height:565px;
  border-radius:8px;
  border:1px solid #425260;
  box-shadow:0 28px 70px #0005;
}
body.public .hero-photo img { object-position:53% center; }
body.public .hero-photo figcaption { left:24px;right:20px;bottom:23px;font-size:15px; }
body.public .stat-ribbon {
  max-width:calc(var(--taw-width) + 2 * var(--taw-gutter));
  padding-top:19px;
  padding-bottom:19px;
  gap:0;
  margin-bottom:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.public .stat-ribbon>div {
  text-align:center;
  padding:12px 18px;
  min-height:78px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  display:flex;
  gap:7px;
}
body.public .stat-ribbon strong { font-size:clamp(18px,1.8vw,25px); }
body.public .stat-ribbon span { font-size:11px; line-height:1.35; }
body.public .experience-section { padding-top:105px;padding-bottom:100px; }
body.public .section-heading { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.48fr);align-items:end;gap:40px;margin-bottom:35px; }
body.public .section-heading h2 { font-size:clamp(2.5rem,4.25vw,4.15rem);max-width:14.5ch; }
body.public .section-heading>p { max-width:43ch; font-size:15px;line-height:1.65; }
body.public .editorial-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4.5vw,68px); }
body.public .editorial-photo { height:auto;aspect-ratio:1.21 / 1;margin:20px 0; }
body.public .editorial-copy { padding:28px 0;max-width:48ch; }
body.public .editorial-copy h3 { font-size:clamp(2rem,3.2vw,3.4rem);margin:18px 0; }
body.public .how-section { padding-bottom:100px; }
body.public .process-list article { padding:30px 25px 35px!important; }
body.public .process-list article:first-child { padding-left:0!important; }
body.public .process-list article:last-child { padding-right:0!important; }
body.public .process-list h3 { margin-top:34px; }
body.public .photo-story { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4.5vw,68px);padding-bottom:100px; }
body.public .story-photo { height:auto;aspect-ratio:1.21 / 1; }
body.public .story-copy h2 { font-size:clamp(2.55rem,4.15vw,4.15rem); }
body.public .final-cta { width:calc(100% - 2 * var(--taw-gutter));max-width:var(--taw-width);padding:45px 42px;border-radius:8px; margin-bottom:95px; }
body.public .final-cta h2 { font-size:clamp(2.3rem,3.9vw,3.9rem); }
body.public .footer { align-items:flex-start; }
/* Do not show the floating search pill even with an older cached server template. */
body.public .launcher-button { display:none!important; }
@media (max-width:1020px) {
  body.public .site-header nav { gap:13px; font-size:12px; }
  body.public .brand small { display:none; }
  body.public .hero-photo-led .hero-layout { gap:32px; }
  body.public .hero-photo-led h1 { font-size:clamp(2.75rem,5.3vw,4rem); }
}
@media (max-width:790px) {
  body.public .site-header nav { display:none; }
  body.public .header-inner { height:68px; }
  body.public .hero-photo-led .hero-layout { grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:42px; }
  body.public .hero-photo-led h1 { max-width:14ch;font-size:clamp(3rem,8.5vw,4.6rem); }
  body.public .hero-photo { aspect-ratio:1.55/1;max-height:none; }
  body.public .stat-ribbon { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.public .section-heading { grid-template-columns:1fr;gap:18px; }
  body.public .section-heading h2 { max-width:18ch; }
  body.public .editorial-grid,body.public .photo-story { grid-template-columns:1fr;gap:25px; }
  body.public .editorial-photo,body.public .story-photo { aspect-ratio:1.65/1;margin:0; }
  body.public .editorial-copy { padding:12px 0 30px; }
  body.public .photo-story { padding-bottom:80px; }
  body.public .final-cta { padding:34px 28px; }
}
@media (max-width:520px) {
  body.public .brand small { display:inline; font-size:9px; }
  body.public .brand-mark { font-size:23px; }
  body.public .nav-cta { font-size:11px;padding:11px 10px; }
  body.public .hero-photo-led .hero-layout { padding-top:38px;gap:23px; }
  body.public .hero-photo-led h1 { font-size:clamp(2.9rem,10.8vw,3.7rem); }
  body.public .hero-photo-led .actions .btn { width:100%; }
  body.public .hero-photo { aspect-ratio:1.11/1; }
  body.public .stat-ribbon { grid-template-columns:1fr; }
  body.public .stat-ribbon>div { min-height:0;align-items:flex-start;text-align:left; }
  body.public .stat-ribbon>div+div { border-left:0;border-top:1px solid #343c43; }
  body.public .experience-section { padding-top:70px;padding-bottom:70px; }
  body.public .process-list article { padding:22px 0!important; }
  body.public .final-cta { width:calc(100% - 2 * var(--taw-gutter)); }
}
@media (prefers-reduced-motion:reduce) { body.public .hero-photo-led *,body.public .site-header * { animation:none!important;transition:none!important; } }