@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#fffaf8;--paper:#fff;--ink:#47252a;--muted:#79686a;--line:#ecdedb;--light:#fff1ef;--accent:#f8d5d1;--dark:#6f1e2c;--max:1100px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:15px/1.58 'DM Sans',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope','DM Sans',Arial,sans-serif;line-height:1.16;letter-spacing:-.042em}p{color:var(--muted)}.container{width:min(calc(100% - 52px),var(--max));margin:0 auto}.skip{position:absolute;top:-200px}.skip:focus{top:10px;left:10px;z-index:25;padding:10px;background:white}.site-header{position:sticky;top:0;z-index:20;background:rgba(249,248,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.head-content{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.logo span{color:#c13749}.nav-tabs{display:flex;gap:4px;align-items:center}.nav-tab{font-size:13px;font-weight:700;padding:9px 17px;border-radius:9px;color:#79686a}.nav-tab:hover{background:#edf0eb}.nav-tab.is-active{color:#fff;background:var(--dark);box-shadow:0 2px 5px #162a2018}.site-footer{border-top:1px solid var(--line);margin-top:48px}.foot-content{padding:25px 0;display:flex;justify-content:space-between;gap:20px;color:#876f72;font-size:12px}.foot-content div{display:flex;gap:19px}.foot-content a:hover,.text-link:hover{text-decoration:underline}.kicker{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.13em;color:#b34952}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 18px;background:var(--dark);color:white;border:1px solid var(--dark);font-size:13px;font-weight:700;border-radius:8px;white-space:nowrap;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button.ghost{color:var(--dark);background:transparent;border-color:#e0c5c5}.button.light{background:white;color:var(--dark);border-color:white}.button.outline-on-dark{border-color:#a1b5a3;background:none}.button.disabled,.button:disabled{background:#dce1db;color:#657169;border-color:#dce1db;cursor:not-allowed;transform:none}.text-link{font-size:13px;font-weight:700;color:#346b4e}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.status{display:inline-block;background:#edf3e9;color:#4d7258;border:1px solid #d8e5d3;font-weight:700;font-size:11px;line-height:1.2;border-radius:99px;padding:8px 11px}.breadcrumb{display:flex;gap:10px;align-items:center;color:#839086;font-size:12px;margin:25px 0 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb a{font-weight:700;color:#456950}.breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.fine{font-size:12px;line-height:1.5;margin:14px 0}.photo-wait{background:radial-gradient(circle at 20% 20%,#9eb2a4,#d8e2d5 48%,#b4c6b7);color:#486a53;font-size:12px;display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;text-align:center;padding:24px}.photo-wait.dark-photo{background:linear-gradient(135deg,#38584b,#668271);color:#d9e8d9}.home-hero{display:grid;grid-template-columns:1.18fr .82fr;gap:43px;align-items:center;padding:46px 0 39px}.hero-copy h1{font-size:clamp(45px,5.3vw,76px);max-width:740px;margin:12px 0 14px}.hero-copy h1 em{font-style:normal;color:#7a9d7a}.hero-copy>p{max-width:570px;font-size:16px;line-height:1.65}.hero-media{position:relative;height:335px;overflow:hidden;background:#e5eee4;border-radius:13px}.hero-media>img{height:100%;width:100%;object-fit:cover;object-position:center 25%}.photo-caption{position:absolute;left:13px;bottom:13px;background:#fffef7ed;padding:7px 10px;border-radius:7px;color:#48654f;font-weight:700;font-size:11px}.highlight{background:#284438;border-radius:13px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:284px}.highlight-text{padding:31px 36px}.highlight .kicker{color:#aacfaf}.highlight h2{font-size:clamp(26px,3.2vw,39px);margin:8px 0 13px}.highlight p{color:#e1e9de;max-width:550px;font-size:14px;line-height:1.65}.highlight-media{height:100%;min-height:280px;background:#51725e}.highlight-media img{height:100%;width:100%;object-fit:cover}.highlight-media .photo-wait{height:100%}.compact-next{padding:37px 0 11px}.next-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:17px}.next-heading h2{font-size:27px;margin-top:4px}.next-heading p{font-size:13px;max-width:300px}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.next-card{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:12px;padding:20px 22px;transition:border .15s}.next-card:hover{border-color:#8daa93}.next-icon{background:#e8f0e6;border-radius:8px;color:#466d4f;font-size:24px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.next-card div{flex:1}.next-card strong{display:block;font-size:15px}.next-card div span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.next-card .arr{font-size:20px;color:#638369}.page-head{padding:38px 0 25px}.page-head h1{font-size:clamp(43px,5.6vw,65px);margin:4px 0 5px}.page-head p{max-width:700px;font-size:15px}.page-head-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.page-count{white-space:nowrap;color:#72816f;font-size:12px;padding:0 0 5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-card{display:grid;grid-template-columns:42% 58%;min-height:209px;background:white;border:1px solid var(--line);overflow:hidden;border-radius:12px;transition:border .15s,transform .15s}.project-card:hover{border-color:#90aa92;transform:translateY(-2px)}.project-thumb{min-height:209px;overflow:hidden;background:#d8e4dc}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb .photo-wait{height:100%}.card-content{padding:20px 20px 15px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.card-meta{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#729176}.card-meta span{color:#8b978f}.card-content h3{font-size:18px;margin:7px 0 8px}.card-content p{font-size:12px;line-height:1.53;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{font-weight:800;font-size:12px;color:#427454;margin-top:auto;padding-top:14px}.source-note{margin:20px auto 0;font-size:12px;color:#849086}.source-note a{text-decoration:underline}.listing-feature{display:grid;grid-template-columns:43% 57%;min-height:312px;gap:0;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.listing-img{height:310px;position:relative;background:#e4eee8}.listing-img img{height:100%;width:100%;object-fit:cover}.listing-img small{position:absolute;bottom:12px;left:12px;right:12px;background:#fffbf3e8;border-radius:7px;font-size:10px;color:#56685a;padding:7px 9px}.listing-copy{padding:37px 39px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.listing-copy h2{font-size:clamp(27px,3vw,37px);margin:13px 0}.listing-copy p{font-size:15px;line-height:1.58;max-width:520px}.listing-copy .button{margin-top:18px}.guide-listing{grid-template-columns:29% 71%}.guide-image{background:#dce7de;padding:22px 54px;min-height:320px}.guide-image img{width:100%;height:280px;object-fit:contain;box-shadow:6px 9px 21px #1d322426}.product-facts{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 2px}.product-facts span{border:1px solid #d9e1d8;background:#f8faf6;border-radius:6px;padding:6px 10px;font-size:11px;color:#597060}.story-top{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.story-top-copy h1{font-size:clamp(34px,4.6vw,55px);margin:9px 0 14px}.story-top-copy>p{font-size:16px;line-height:1.66;max-width:610px;margin:0 0 18px}.story-cover{height:314px;overflow:hidden;border-radius:12px;background:#dce5df}.story-cover img{width:100%;height:100%;object-fit:cover}.story-cover .photo-wait{min-height:314px}.fact-strip{margin:20px 0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:15px 0;border-block:1px solid var(--line)}.fact-strip>div{display:flex;flex-direction:column;gap:5px;padding-left:14px;border-left:2px solid #c8d8c7}.fact-strip span{font-size:11px;color:#849087}.fact-strip strong{font-size:13px;font-weight:700}.story-layout{display:grid;grid-template-columns:minmax(0,730px) minmax(0,230px);justify-content:space-between;gap:50px}.story-article{min-width:0}.story-chapter{margin:0 0 29px;scroll-margin-top:90px}.story-chapter h2{font-size:26px;margin-bottom:12px}.story-chapter p{font-size:15px;line-height:1.76;margin-bottom:13px;color:#4e6254}.takeaway{border-left:3px solid #87aa81;padding:6px 14px;margin:13px 0;background:#f0f4ec;border-radius:0 8px 8px 0}.takeaway span{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#638363}.takeaway p{font-size:13px;line-height:1.53;margin:5px 0 0;color:#375443}.story-index{align-self:start;position:sticky;top:92px;border:1px solid var(--line);background:white;padding:18px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.story-index strong{font-size:12px}.story-index a{font-size:12px;color:#748277;line-height:1.4}.story-index a:hover{color:#284a33;text-decoration:underline}.story-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.story-gallery figure{margin:0}.story-gallery img{height:190px;width:100%;object-fit:cover;border-radius:8px;background:#e1e8de}.story-gallery figcaption{font-size:11px;margin-top:6px;color:#78877c}.story-related{border:1px solid #f3e0db;border-radius:12px;background:#edf3ea;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:29px 0}.story-related h3{font-size:21px;margin:6px 0}.story-related p{font-size:13px;line-height:1.55;max-width:475px}.story-related .button{flex-shrink:0}.article-links{display:flex;gap:24px;flex-wrap:wrap}.back-link{margin:24px 0}.product-top{padding:37px 0 24px;display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center}.product-top .breadcrumb{margin:0 0 22px}.product-top h1{font-size:clamp(37px,4.3vw,54px);margin:10px 0 14px}.product-top p{font-size:16px;line-height:1.63;margin-bottom:13px}.product-top .button{margin-top:22px}.product-photo{height:340px;position:relative;background:#e6eee8;border-radius:11px;overflow:hidden}.product-photo img{height:100%;width:100%;object-fit:cover}.product-photo small{position:absolute;bottom:10px;left:10px;right:10px;background:#fffcf3dd;padding:7px 9px;border-radius:5px;font-size:10px;color:#637063}.detail-panel{border-block:1px solid var(--line);margin-top:20px;display:grid;grid-template-columns:31% 69%;gap:20px;padding:28px 0}.detail-panel h2{font-size:25px;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps>div{border-left:2px solid #c6d5c3;padding-left:13px}.steps b{font-size:13px}.steps p{font-size:12px;line-height:1.48;margin:6px 0 0}.form-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:40px 0 0;align-items:start;scroll-margin-top:85px}.form-band h2{font-size:28px;margin:14px 0}.form-band p{font-size:14px}.form-container{background:white;border:1px solid var(--line);padding:25px;border-radius:12px}.form-container label{display:block;font-size:12px;font-weight:700;margin:0 0 6px}.form-container input:not([type=checkbox]),.form-container select,.form-container textarea{width:100%;display:block;border:1px solid #cfd9cf;background:#fff;border-radius:6px;padding:10px 11px;color:var(--ink)}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{outline:2px solid #89af89;outline-offset:1px}.form-container .field{margin:0 0 14px}.form-container small{font-size:11px;color:#7a857b}.checks{display:flex;gap:9px;margin:18px 0}.checks input{margin-top:4px}.checks label{font-size:11px;font-weight:500;line-height:1.55}.form-container .btn{background:var(--dark);border:0;color:white;border-radius:7px;padding:11px 14px;font-weight:700;font-size:13px}.form-footnote{font-size:11px;margin-top:12px}.hide{display:none!important}.guide-visual{background:#ecf2ec;display:flex;align-items:center;justify-content:center;height:350px;padding:18px;border-radius:10px}.guide-visual img{height:100%;object-fit:contain;box-shadow:8px 11px 22px #29452c22}.preview-section{margin-top:32px}.subheading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.subheading h2{font-size:26px}.subheading span{font-size:11px;color:#6a796d}.preview-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px}.preview-gallery figure{flex:0 0 min(27%,260px);min-width:205px;background:white;border:1px solid var(--line);margin:0;padding:8px;border-radius:10px;scroll-snap-align:start}.preview-gallery img{width:100%;aspect-ratio:.72;object-fit:contain;background:#edf1ec}.preview-gallery figcaption{font-size:11px;color:#7b887c;margin:6px}.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.demo-layout .demo-info h2{font-size:26px;margin:4px 0 20px}.demo-layout .step-list>div{padding:0 0 15px 17px;border-left:2px solid #e0bdc0;margin-bottom:15px}.step-list b{font-size:14px}.step-list p{font-size:13px;margin-top:5px;line-height:1.55}.about-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:60px 0 25px}.about-layout h1{font-size:clamp(42px,5vw,62px);margin:8px 0 13px}.about-layout p{font-size:15px;margin:0 0 16px;line-height:1.72}.about-layout .lead{font-size:18px;font-weight:700;color:#643740}.about-layout .button{margin-top:9px}.about-photo{min-height:380px;height:420px;overflow:hidden;background:#f3e0db;border-radius:12px}.about-photo img{width:100%;height:100%;object-fit:cover}.legal{max-width:780px;padding-top:58px}.legal h1{font-size:45px;margin-bottom:22px}.legal h2{font-size:22px;margin:25px 0 12px}.legal p{font-size:15px;line-height:1.75;margin-bottom:16px}
@media(max-width:920px){.home-hero,.story-top,.product-top,.about-layout{gap:24px}.project-card{grid-template-columns:38% 62%}.card-content{padding:15px}.highlight-text{padding:25px}.story-layout{grid-template-columns:minmax(0,1fr) 190px;gap:25px}.story-related{align-items:flex-start;flex-direction:column}.guide-image{padding:22px 35px}}
@media(max-width:720px){.container{width:calc(100% - 30px)}.head-content{height:auto;min-height:64px;display:block;padding:12px 0}.logo{font-size:20px}.nav-tabs{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav-tab{font-size:12px;padding:7px 9px;text-align:center}.home-hero,.highlight,.story-top,.product-top,.about-layout,.listing-feature,.guide-listing,.detail-panel,.form-band,.demo-layout{grid-template-columns:1fr}.home-hero{padding:25px 0}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-media{height:230px}.highlight{min-height:0}.highlight-text{padding:24px}.highlight-media{height:190px;min-height:190px}.compact-next{padding-top:26px}.next-heading{display:block}.next-heading p{margin-top:7px}.next-grid{grid-template-columns:1fr}.page-head{padding:25px 0 16px}.page-head h1{font-size:46px}.project-grid{grid-template-columns:1fr;gap:11px}.project-card{min-height:160px;grid-template-columns:39% 61%}.project-thumb{min-height:160px}.card-content h3{font-size:16px}.card-content p{-webkit-line-clamp:2;font-size:12px}.page-count{display:none}.listing-img{height:200px}.guide-image{height:220px;min-height:220px;padding:17px}.guide-image img{height:190px}.listing-copy{padding:24px}.story-top-copy h1{font-size:36px}.story-cover,.story-cover .photo-wait{height:230px;min-height:230px}.fact-strip{grid-template-columns:1fr;gap:13px}.story-layout{display:flex;flex-direction:column}.story-index{order:-1;position:static;display:flex;flex-direction:row;overflow-x:auto;gap:14px;padding:11px}.story-index strong{white-space:nowrap}.story-index a{min-width:120px}.story-chapter h2{font-size:24px}.story-related{padding:20px}.product-top{padding-top:10px}.product-top h1{font-size:39px}.product-photo{height:250px}.detail-panel{padding:23px 0}.steps{grid-template-columns:1fr;gap:17px}.form-band{gap:23px}.form-container{padding:20px}.guide-visual{height:260px}.preview-gallery figure{flex-basis:200px}.about-layout{padding-top:32px}.about-photo{height:300px;min-height:300px}.foot-content{display:block}.foot-content div{margin-top:10px;flex-wrap:wrap}.site-footer{margin-top:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Mobile & offline resilience – v3 */
img[hidden] {display:none!important}
.image-unavailable {position:relative;background:linear-gradient(130deg,#f0dddd,#fff2ee)!important;min-height:150px}
.image-unavailable:after {content:'Original project photo unavailable offline';position:absolute;inset:0;display:grid;place-items:center;color:#87585d;font-size:13px;text-align:center;padding:20px}
.nav-tab{min-height:38px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:720px){
  .site-header{position:relative;top:0}
  .head-content{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0 7px;min-height:0}
  .logo{font-size:19px}
  .nav-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2px;gap:3px}
  .nav-tab{min-height:40px;padding:8px 3px;font-size:12px}
  .home-hero{padding:20px 0;gap:19px}
  .hero-copy h1{font-size:clamp(37px,10vw,45px)}
  .hero-media{height:205px}
  .highlight-text{padding:21px}.highlight h2{font-size:27px}
  .project-card{grid-template-columns:38% 62%}
  .card-content{padding:13px 11px}
  .card-content h3{font-size:15px;line-height:1.25}
  .card-content p{font-size:11.5px}
  .story-index{scroll-margin-top:16px}
  .story-chapter{scroll-margin-top:20px}
  .page-head h1{font-size:42px}
  .site-footer{margin-top:26px}
}
@media(max-width:350px){.project-card{grid-template-columns:1fr}.project-thumb{height:160px}.card-content h3{font-size:17px}}

/* v4: proof-first, compact project archive & long-form on demand */
.project-proof-page{padding-bottom:18px}
.project-proof-page .breadcrumb{margin:17px 0 12px}
.proof-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:22px;align-items:center}
.proof-hero-copy{padding:10px 0 16px}
.proof-hero h1{font-size:clamp(32px,4.0vw,52px);margin:13px 0 12px;line-height:1.13}
.proof-hero-copy>p{font-size:16px;max-width:550px;line-height:1.65}
.proof-hero .cta-row{margin-top:17px}
.proof-cover{height:320px;border-radius:13px;background:#f2e0dc;overflow:hidden}
.proof-cover img{height:100%;width:100%;object-fit:cover}
.goggle-evidence{min-height:100%;height:100%;background:linear-gradient(140deg,#561d2b,#903644);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:28px;gap:12px}
.goggle-evidence span{font-size:11px;color:#f3c9c5;font-weight:800;letter-spacing:.1em}
.goggle-evidence b{font-family:Manrope,sans-serif;font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.05em}
.goggle-evidence small{font-size:11px;color:#f5d6d1}
.proof-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:11px;background:white;margin:18px 0 13px;overflow:hidden}
.proof-metrics>div{padding:14px 17px;border-right:1px solid var(--line)}
.proof-metrics>div:last-child{border-right:0}
.proof-metrics strong{display:block;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.045em;color:#8a2c39}
.proof-metrics span{font-size:11px;color:#79686a;display:block;line-height:1.4}
.reach-note{font-size:12px;margin:0 0 15px;color:#79686a}
.proof-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 0 17px;margin-bottom:10px}
.proof-rail figure{margin:0;flex:0 0 clamp(230px,29%,335px);scroll-snap-align:start;min-width:0}
.proof-rail img{width:100%;height:194px;object-fit:cover;background:#f2e0dc;border-radius:10px}
.proof-rail figcaption{font-size:11px;color:#79686a;margin-top:8px;line-height:1.4;min-height:28px}
.media-note{font-size:12px;border:1px dashed #e1bbb9;border-radius:9px;padding:11px 14px;color:#715f61;background:#fff5f3;margin:5px 0 16px}
.story-reading{display:grid;grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);gap:40px;margin:24px 0 20px;padding-top:20px;border-top:1px solid var(--line)}
.story-intro h2{font-size:clamp(22px,2.5vw,29px);margin:5px 0 10px}
.story-intro>p{font-size:13px;line-height:1.65}
.story-narrative{display:grid;gap:17px}
.story-paragraph strong{font-size:15px;color:#8a2c39}
.story-paragraph p{font-size:14px;line-height:1.67;margin-top:5px;color:#715f61}
.build-log{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 24px;padding:0}
.build-log summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:17px 4px;font-size:14px;font-weight:800;color:var(--dark)}
.build-log summary::-webkit-details-marker{display:none}
.build-log summary span{font-weight:500;font-size:12px;color:#806c70}
.build-log[open] summary{border-bottom:1px solid var(--line)}
.build-log-inner{max-width:790px;padding:25px 4px 4px}
.build-log-inner .story-chapter h2{font-size:20px;margin-bottom:7px}
.build-log-inner .story-chapter p{font-size:13px;line-height:1.7}
.build-log-inner .story-chapter{margin-bottom:24px}
.video-links{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 18px}
.video-links a{font-size:12px;background:#fff0ed;padding:9px 13px;border-radius:7px;border:1px solid #e8cac7;color:#9b3643;font-weight:700}
.social-links{display:flex;gap:10px;margin:9px 0 14px}
.tiktok-inline{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:20px;background:#fff3f1;padding:18px;border-radius:12px;margin:15px 0}
.tiktok-inline iframe{width:100%;height:370px;border:0;max-width:340px;background:#f1e0dd;border-radius:10px;justify-self:end}
.tiktok-copy strong{font-size:18px;color:var(--ink)}
.tiktok-copy p{font-size:13px;margin:8px 0 12px}
.goggle-apply{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start;border-top:1px solid var(--line);margin:30px 0 22px;padding:25px 0 0;scroll-margin-top:84px}
.goggle-apply h2{font-size:28px;margin:15px 0 13px}
.goggle-apply p{font-size:14px;line-height:1.65;margin-bottom:12px}
.goggle-apply .fine{font-size:12px}
.compact-page{padding-top:24px;padding-bottom:14px}
.compact-page h1{font-size:clamp(35px,4vw,47px)}
.compact-page p{font-size:13px}
.about-v4{align-items:start;padding-top:35px;gap:40px}
.about-v4 h1{font-size:clamp(40px,4vw,55px)}
.about-v4 p{font-size:14px;line-height:1.62;margin-bottom:12px}
.about-v4 p.lead{font-size:17px}
.about-proof{background:#fff0ee;padding:17px 18px;display:flex;flex-direction:column;gap:5px;margin:14px 0 15px;border-radius:10px;border:1px solid #efceca}
.about-proof strong{font-size:24px;letter-spacing:-.04em;font-family:Manrope,sans-serif;color:#8a2c39}
.about-proof span{font-size:13px;line-height:1.55;color:#715f61}
.about-v4 .about-photo{min-height:350px;height:390px;position:sticky;top:86px}
.about-v4 .about-photo img{object-fit:cover;object-position:center 20%}
@media(max-width:850px){.proof-hero{grid-template-columns:1fr 1fr}.story-reading{gap:22px}.goggle-apply{gap:18px}}
@media(max-width:720px){
 .proof-hero,.story-reading,.goggle-apply,.tiktok-inline{grid-template-columns:1fr}
 .proof-hero h1{font-size:clamp(31px,8vw,40px)}
 .proof-hero-copy{padding-bottom:0}
 .proof-hero-copy>p{font-size:14px;line-height:1.58}
 .proof-cover{height:240px}
 .goggle-evidence{padding:22px}
 .proof-metrics{margin:13px 0 11px}
 .proof-metrics>div{padding:11px 9px}
 .proof-metrics strong{font-size:17px}
 .proof-metrics span{font-size:10px}
 .proof-rail figure{flex-basis:72%;max-width:305px}
 .proof-rail img{height:180px}
 .story-reading{gap:14px;margin-top:12px;padding-top:16px}
 .story-intro h2{font-size:23px}
 .story-narrative{gap:12px}
 .story-paragraph p{font-size:13px;line-height:1.64}
 .build-log summary{font-size:13px}
 .build-log summary span{font-size:11px;text-align:right}
 .tiktok-inline iframe{justify-self:center;height:330px}
 .goggle-apply{scroll-margin-top:10px}
 .about-v4 .about-photo{position:static;height:250px;min-height:250px}
 .about-v4 p{font-size:14px}
}
.demo-form-details{min-width:0}
.demo-form-details>summary{background:var(--dark);color:#fff;border-radius:9px;padding:18px 20px;display:flex;gap:12px;justify-content:space-between;cursor:pointer;font-weight:800;font-size:14px;align-items:center;list-style:none}
.demo-form-details>summary::-webkit-details-marker{display:none}
.demo-form-details>summary span{font-size:11px;font-weight:500;color:#ffe6e0;text-align:right}
.demo-form-details[open]>summary{border-radius:9px 9px 0 0}
.demo-form-details .form-container{margin:0;border-radius:0 0 9px 9px}
@media(max-width:720px){.goggle-apply{gap:12px}.demo-form-details>summary{padding:16px}.goggle-apply h2{font-size:24px;margin:9px 0}}

/* v5: red, agency-forward design; media should be big enough to evaluate */
:root{--bg:#fffaf8;--paper:#fff;--ink:#47252a;--muted:#79686a;--line:#ecdedb;--light:#fff1ef;--accent:#f4cecb;--dark:#8f2335}
.logo span,.kicker,.text-link,.card-link,.breadcrumb a{color:#bf3447}
.nav-tab.is-active,.button:not(.ghost):not(.disabled){background:#9e293c;color:white;border-color:#9e293c}
.nav-tab:hover{background:#ffe6e1}
.highlight{background:linear-gradient(125deg,#631f2d,#a62e41)}
.goggle-evidence{background:linear-gradient(140deg,#6e2230,#c94a53)}
.proof-metrics strong,.story-paragraph strong{color:#982e3e}
.proof-cover,.project-thumb,.about-main-photo,.about-pair figure{background:#f4e2dd}
.gallery-section{margin:20px 0 25px;padding:16px 0 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gallery-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:13px}
.gallery-head strong{font-size:16px;font-weight:800;display:block;letter-spacing:-.02em}
.gallery-head span{font-size:12px;color:var(--muted);display:block}
.gallery-actions{display:flex;gap:8px}
.gallery-arrow{border:1px solid #d7aaac;background:#fff;color:#a3293c;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-weight:800;font-size:22px;line-height:1;flex-shrink:0}
.gallery-arrow:hover,.gallery-arrow:focus-visible{background:#9e293c;color:#fff;outline-offset:3px}
.proof-rail{gap:15px;padding:2px 0 11px;scroll-padding-inline:0;scrollbar-color:#dba4a5 transparent}
.proof-rail figure{flex:0 0 min(77%,810px);min-width:0}
.proof-rail img{height:clamp(320px,49vw,510px);width:100%;object-fit:contain;background:#f5eae7;border-radius:10px;border:1px solid #ead7d4}
.proof-rail figcaption{font-size:12px;min-height:0;color:#69585a}
.build-log{border:2px solid #ce8e91;border-radius:12px;background:#fff9f8;overflow:hidden;margin-top:22px}
.build-log summary{padding:18px 22px;font-size:16px;color:#8d2136;background:#ffebeb;display:flex;gap:12px;align-items:center;justify-content:space-between}
.build-log summary:hover{background:#ffe0e0}
.build-log summary .log-summary-name{color:#89273a;font-size:16px;font-weight:800}
.build-log summary .log-open-hint{font-size:11px;color:#fff;background:#a42d40;border-radius:6px;padding:8px 11px;white-space:nowrap;font-weight:800;letter-spacing:.04em}
.build-log[open] summary .log-open-hint{background:#5e2432}
.build-log-inner{padding:22px;max-width:100%}
.build-log-inner .story-chapter{max-width:810px}
.about-v5{grid-template-columns:1.06fr .94fr;gap:38px;align-items:start;padding-top:35px}
.about-copy h1{font-size:clamp(42px,5vw,62px);margin:10px 0}
.about-copy .lead{font-size:20px;line-height:1.4;color:#8c2a3a;font-weight:700;margin-bottom:15px}
.about-copy p{font-size:15px;margin:0 0 14px;line-height:1.7}
.about-visual{display:flex;flex-direction:column;gap:10px}
.about-visual figure,.about-proof-gallery figure{margin:0;position:relative}
.about-visual img,.about-proof-gallery img{width:100%;object-fit:cover;border-radius:11px}
.about-main-photo img{height:390px}
.about-visual figcaption,.about-proof-gallery figcaption{font-size:11px;color:#806e72;margin:6px 0}
.about-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about-pair img{height:165px}
.about-proof-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:23px 0 34px;border-top:1px solid var(--line)}
.about-proof-copy h2{font-size:clamp(26px,3vw,36px);margin:10px 0}
.about-proof-copy p{font-size:14px;line-height:1.6;margin-bottom:10px}
.about-proof-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
.about-proof-gallery img{height:235px}
.w2-slot{border:2px dashed #dfb8b7;border-radius:10px;background:linear-gradient(135deg,#fff8f7,#f9e8e5);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:235px}
.w2-slot span{font-size:10px;letter-spacing:.1em;font-weight:800;color:#b3656f}
.w2-slot strong{font-size:21px;line-height:1.2;color:#773142}
.w2-slot p{font-size:12px;line-height:1.4}
.evidence-caption{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}
.evidence-caption strong{color:#8b2c3c;font-size:13px}
.evidence-caption p{font-size:12px;color:#8b7275}
.about-bottom{margin:0 auto 20px;padding:18px 22px;border-radius:12px;background:#fff0ed;font-size:15px;line-height:1.65}
.about-bottom strong{color:#963246}
.awaiting-video{padding:17px 20px;border:1px dashed #dcb6b8;background:#fff8f6;border-radius:11px;margin:20px 0}
.awaiting-video strong{color:#8e293c}
.awaiting-video p{font-size:13px;line-height:1.65;margin-top:7px}
.proof-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.proof-slots span{background:#ffece9;border-radius:8px;font-size:11px;font-weight:700;padding:18px 12px;color:#945765}
@media(max-width:900px){.about-v5,.about-proof-section{grid-template-columns:1fr}.about-main-photo img{height:350px}.about-pair img{height:190px}}
@media(max-width:720px){
 .proof-rail figure{flex:0 0 91%;max-width:none}
 .proof-rail img{height:min(74vw,420px);min-height:265px}
 .gallery-head{align-items:start}.gallery-head strong{font-size:14px}.gallery-head span{font-size:11px}
 .gallery-arrow{width:37px;height:37px;font-size:20px}
 .build-log summary{padding:12px;flex-direction:column;align-items:stretch;gap:8px}
 .build-log summary .log-summary-name{font-size:15px}.build-log summary .log-open-hint{align-self:start;font-size:10px}
 .build-log-inner{padding:16px}
 .about-v5{padding-top:23px}.about-copy p{font-size:14px}.about-main-photo img{height:280px}.about-pair img{height:145px}
 .about-proof-gallery img{height:195px}.w2-slot{padding:10px;min-height:195px}.w2-slot strong{font-size:15px}.w2-slot p{font-size:10px}
 .proof-slots{grid-template-columns:1fr}
}

/* v5: red, agency-forward design; media should be big enough to evaluate */
:root{--bg:#fffaf8;--paper:#fff;--ink:#47252a;--muted:#79686a;--line:#ecdedb;--light:#fff1ef;--accent:#f4cecb;--dark:#8f2335}
.logo span,.kicker,.text-link,.card-link,.breadcrumb a{color:#bf3447}
.nav-tab.is-active,.button:not(.ghost):not(.disabled){background:#9e293c;color:white;border-color:#9e293c}
.nav-tab:hover{background:#ffe6e1}
.highlight{background:linear-gradient(125deg,#631f2d,#a62e41)}
.goggle-evidence{background:linear-gradient(140deg,#6e2230,#c94a53)}
.proof-metrics strong,.story-paragraph strong{color:#982e3e}
.proof-cover,.project-thumb,.about-main-photo,.about-pair figure{background:#f4e2dd}
.gallery-section{margin:20px 0 25px;padding:16px 0 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gallery-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:13px}
.gallery-head strong{font-size:16px;font-weight:800;display:block;letter-spacing:-.02em}
.gallery-head span{font-size:12px;color:var(--muted);display:block}
.gallery-actions{display:flex;gap:8px}
.gallery-arrow{border:1px solid #d7aaac;background:#fff;color:#a3293c;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-weight:800;font-size:22px;line-height:1;flex-shrink:0}
.gallery-arrow:hover,.gallery-arrow:focus-visible{background:#9e293c;color:#fff;outline-offset:3px}
.proof-rail{gap:15px;padding:2px 0 11px;scroll-padding-inline:0;scrollbar-color:#dba4a5 transparent}
.proof-rail figure{flex:0 0 min(77%,810px);min-width:0}
.proof-rail img{height:clamp(320px,49vw,510px);width:100%;object-fit:contain;background:#f5eae7;border-radius:10px;border:1px solid #ead7d4}
.proof-rail figcaption{font-size:12px;min-height:0;color:#69585a}
.build-log{border:2px solid #ce8e91;border-radius:12px;background:#fff9f8;overflow:hidden;margin-top:22px}
.build-log summary{padding:18px 22px;font-size:16px;color:#8d2136;background:#ffebeb;display:flex;gap:12px;align-items:center;justify-content:space-between}
.build-log summary:hover{background:#ffe0e0}
.build-log summary .log-summary-name{color:#89273a;font-size:16px;font-weight:800}
.build-log summary .log-open-hint{font-size:11px;color:#fff;background:#a42d40;border-radius:6px;padding:8px 11px;white-space:nowrap;font-weight:800;letter-spacing:.04em}
.build-log[open] summary .log-open-hint{background:#5e2432}
.build-log-inner{padding:22px;max-width:100%}
.build-log-inner .story-chapter{max-width:810px}
.about-v5{grid-template-columns:1.06fr .94fr;gap:38px;align-items:start;padding-top:35px}
.about-copy h1{font-size:clamp(42px,5vw,62px);margin:10px 0}
.about-copy .lead{font-size:20px;line-height:1.4;color:#8c2a3a;font-weight:700;margin-bottom:15px}
.about-copy p{font-size:15px;margin:0 0 14px;line-height:1.7}
.about-visual{display:flex;flex-direction:column;gap:10px}
.about-visual figure,.about-proof-gallery figure{margin:0;position:relative}
.about-visual img,.about-proof-gallery img{width:100%;object-fit:cover;border-radius:11px}
.about-main-photo img{height:390px}
.about-visual figcaption,.about-proof-gallery figcaption{font-size:11px;color:#806e72;margin:6px 0}
.about-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about-pair img{height:165px}
.about-proof-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:23px 0 34px;border-top:1px solid var(--line)}
.about-proof-copy h2{font-size:clamp(26px,3vw,36px);margin:10px 0}
.about-proof-copy p{font-size:14px;line-height:1.6;margin-bottom:10px}
.about-proof-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
.about-proof-gallery img{height:235px}
.w2-slot{border:2px dashed #dfb8b7;border-radius:10px;background:linear-gradient(135deg,#fff8f7,#f9e8e5);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:235px}
.w2-slot span{font-size:10px;letter-spacing:.1em;font-weight:800;color:#b3656f}
.w2-slot strong{font-size:21px;line-height:1.2;color:#773142}
.w2-slot p{font-size:12px;line-height:1.4}
.evidence-caption{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}
.evidence-caption strong{color:#8b2c3c;font-size:13px}
.evidence-caption p{font-size:12px;color:#8b7275}
.about-bottom{margin:0 auto 20px;padding:18px 22px;border-radius:12px;background:#fff0ed;font-size:15px;line-height:1.65}
.about-bottom strong{color:#963246}
.awaiting-video{padding:17px 20px;border:1px dashed #dcb6b8;background:#fff8f6;border-radius:11px;margin:20px 0}
.awaiting-video strong{color:#8e293c}
.awaiting-video p{font-size:13px;line-height:1.65;margin-top:7px}
.proof-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.proof-slots span{background:#ffece9;border-radius:8px;font-size:11px;font-weight:700;padding:18px 12px;color:#945765}
@media(max-width:900px){.about-v5,.about-proof-section{grid-template-columns:1fr}.about-main-photo img{height:350px}.about-pair img{height:190px}}
@media(max-width:720px){
 .proof-rail figure{flex:0 0 91%;max-width:none}
 .proof-rail img{height:min(74vw,420px);min-height:265px}
 .gallery-head{align-items:start}.gallery-head strong{font-size:14px}.gallery-head span{font-size:11px}
 .gallery-arrow{width:37px;height:37px;font-size:20px}
 .build-log summary{padding:12px;flex-direction:column;align-items:stretch;gap:8px}
 .build-log summary .log-summary-name{font-size:15px}.build-log summary .log-open-hint{align-self:start;font-size:10px}
 .build-log-inner{padding:16px}
 .about-v5{padding-top:23px}.about-copy p{font-size:14px}.about-main-photo img{height:280px}.about-pair img{height:145px}
 .about-proof-gallery img{height:195px}.w2-slot{padding:10px;min-height:195px}.w2-slot strong{font-size:15px}.w2-slot p{font-size:10px}
 .proof-slots{grid-template-columns:1fr}
}

/* v5.1 finish palette and original-channel CTA */
.site-header{background:rgba(255,250,248,.96)}
.hero-copy h1 em{color:#b92d46}
.highlight .kicker{color:#ffd1d1}
.highlight p{color:#fce8e8}
.highlight-media{background:#78263b}
.button.outline-on-dark{border-color:#e4a7aa;color:#fff}
.next-icon,.takeaway,.story-related{background:#fff0ed;color:#942c41}
.next-card:hover,.project-card:hover{border-color:#ce8e91}
.next-card .arr,.card-link,.card-meta,.text-link,.breadcrumb a{color:#b52e46}
.status{background:#fff0ed;color:#993247;border-color:#edd3d0}
.photo-wait{background:radial-gradient(circle at 24% 21%,#efb8b8,#f8ded9 46%,#dbabab);color:#7b2838}
.photo-wait.dark-photo{background:linear-gradient(135deg,#571b2c,#a74659);color:#fff7f5}
.story-chapter p{color:#5e4a4d}
.takeaway{border-left-color:#ce7484}
.takeaway span,.takeaway p{color:#793645}
.next-card strong,.card-content h3{color:#47252a}
.channel-evidence{margin:26px 0;display:grid;grid-template-columns:43% 57%;gap:22px;border:1px solid #ecd0d0;border-radius:13px;background:#fff6f4;padding:15px;align-items:center}
.channel-visual{background:#f5e2e0;border-radius:9px;overflow:hidden;min-height:235px}
.channel-visual img{width:100%;height:235px;object-fit:cover}
.channel-evidence>div:last-child{padding:8px 18px 8px 0}
.channel-evidence h2{font-size:clamp(23px,3vw,32px);margin:10px 0}
.channel-evidence p{font-size:13px;line-height:1.55;margin:10px 0 16px}
.channel-evidence .fine{font-size:10.5px;margin-bottom:0}
.career-evidence{border:1px solid #eec2c3;border-radius:11px;background:linear-gradient(145deg,#ffe7e3,#fffaf8);padding:26px;min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.career-evidence span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#a43b4c}
.career-evidence strong{font-size:clamp(38px,4vw,53px);color:#8f2335;line-height:1.05}
.career-evidence p{font-size:14px;color:#682e3b;line-height:1.5}
.career-evidence small{font-size:11px;color:#887478;line-height:1.5}
@media(max-width:720px){.channel-evidence{grid-template-columns:1fr;gap:12px}.channel-evidence>div:last-child{padding:0 3px 5px}.channel-visual img{height:235px}.career-evidence{padding:17px;min-height:190px}}

/* v6 -- quieter hierarchy, no green, legible lists, no face cropping */
:root{--bg:#fffaf8;--paper:#fff;--ink:#38262a;--muted:#715e61;--line:#eadad6;--light:#fff0ec;--accent:#f0c6c3;--dark:#912738}
.hero-copy h1 em{color:#a52c42}
.site-header{background:rgba(255,250,248,.97)}
.nav-tab:hover{background:#fae2df}.nav-tab{color:#796267}
.text-link,.next-card .arr,.source-note a,.card-link,.card-meta,.breadcrumb a{color:#99283a}
.button.outline-on-dark{border-color:#f5cece;color:#fff}
.button.disabled,.button:disabled{background:#f0e0dd;color:#8a7376;border-color:#f0e0dd}
.next-icon{background:#fae9e6;color:#972b3d}.next-card:hover,.project-card:hover{border-color:#c88e94}
.photo-wait{background:linear-gradient(125deg,#f7e9e7,#ecc6c4);color:#81404b}
.hero-media{height:auto;aspect-ratio:4/3;display:grid;place-items:center;background:#f0e8e5;overflow:hidden}
.hero-media>img{width:100%;height:100%;max-height:370px;object-fit:contain;object-position:center}
.hero-media.image-unavailable{background:#f4e5e2}
.highlight{background:#762333}
.highlight .kicker{color:#f6d6d9}
.highlight p{color:#fcecee}
.highlight-media{background:#762333}
.highlight-media img{object-fit:contain}
.home-hero{padding:30px 0 26px;gap:26px}
.home-hero .kicker,.compact-next .kicker{display:none}
.hero-copy>p{max-width:560px;line-height:1.55}
.hero-copy h1{font-size:clamp(42px,5vw,67px)}
.highlight-text{padding:25px 30px}
.highlight h2{font-size:clamp(24px,2.7vw,34px)}
.highlight{min-height:236px}
.highlight-media{min-height:236px}
.compact-next{padding:25px 0 7px}
.simple-next-lead{font-weight:800;font-size:19px;color:var(--ink);margin-bottom:12px}
.next-card{padding:15px 18px}
.page-head{padding:25px 0 16px}
.page-head h1{font-size:clamp(34px,5vw,48px)}
.project-proof-page{padding-bottom:15px}
.project-proof-page>.breadcrumb{margin:19px 0 15px}
.proof-hero{gap:21px;align-items:center}
.proof-hero-copy h1{font-size:clamp(31px,4vw,43px);margin:0 0 10px}
.proof-hero-copy .status{display:none}
.proof-hero-copy>p{font-size:15px;line-height:1.56}
.proof-cover{height:clamp(250px,30vw,360px);display:flex;align-items:center;justify-content:center;background:#f4e9e7}
.proof-cover img{width:100%;height:100%;object-fit:contain;background:#f4e9e7}
.quick-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:13px 0;margin:12px 0 14px;border-block:1px solid var(--line)}
.quick-proof li{font-size:13px;line-height:1.45;color:var(--muted);padding-left:11px;border-left:2px solid #cc7c89}
.quick-proof li b{color:var(--dark)}
.project-plain-story{padding:0;margin:19px 0 19px;list-style:none;display:grid;gap:11px;max-width:900px}
.project-plain-story li{padding:0 0 0 20px;position:relative;font-size:14px;line-height:1.58;color:#5b4b4f}
.project-plain-story li:before{content:'•';font-size:20px;color:#a42a42;position:absolute;left:0;top:-3px}
.project-plain-story b{color:#422a30}
.gallery-section{margin:16px 0;padding:12px 0 16px}
.gallery-head strong{font-size:14px}
.proof-rail figure{flex:0 0 min(82%,900px)}
.proof-rail img{height:clamp(290px,48vw,530px);object-fit:contain}
.build-log{margin:16px 0 24px;border:1.5px solid #c98992;background:#fffaf9}
.build-log summary{padding:17px 18px;cursor:pointer;list-style:none;background:#fff0ee;flex-direction:row;align-items:center}
.build-log summary .log-summary-name{font-size:15px;color:#8c2537}
.build-log summary .log-open-hint{color:white;background:#94273a;font-size:11px}
.build-log[open] .log-open-hint{background:#642735}
.build-log-inner{max-width:none;padding:18px 21px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 27px}
.log-group{min-width:0;border-bottom:1px solid var(--line);padding:4px 0 15px}
.log-group h3{font-size:16px;letter-spacing:-.02em;line-height:1.35;margin:0 0 6px}
.log-group ul{padding-left:17px;margin:0}
.log-group li{font-size:13px;line-height:1.58;margin:0 0 8px;color:#5b4d50}
.log-takeaway{font-size:12px;line-height:1.5;background:#fff1ef;border-left:2px solid #c77482;padding:8px 10px;color:#683b45;margin:8px 0 0}
.reach-note{background:#fff0ed;border-left:3px solid #c97786;padding:11px 13px;font-size:13px;line-height:1.5}
.source-only{padding:0;margin:15px 0 10px}
.goggle-apply{gap:18px;margin:20px 0}.goggle-apply h2{font-size:23px;margin:6px 0 12px}
.plain-bullets{padding-left:18px;margin:0;color:#5d4f51;font-size:13px;line-height:1.75}
.channel-note{border:1px solid var(--line);background:#fff4f1;border-radius:9px;padding:15px 18px;margin:15px 0;display:flex;gap:9px;flex-direction:column;max-width:780px}
.channel-note b{font-size:15px}.channel-note span{font-size:13px;color:#705b60}.channel-note a{color:var(--dark);font-weight:700;font-size:13px}
.click-video{margin:15px 0 19px;max-width:900px}
.video-stage{position:relative;background:#321c21;border-radius:11px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}
.video-stage img{width:100%;height:100%;object-fit:contain;max-height:490px;background:#321c21}
.video-stage video{width:100%;height:100%;max-height:520px;object-fit:contain;background:#231a1c}
.play-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#a52b43;color:white;border:0;border-radius:60px;padding:15px 22px;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 4px 22px #21121777}
.click-video>p{font-size:11px;margin:7px 0;color:#796469}
.click-embed{margin:18px 0;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:18px;border:1px solid var(--line);background:#fff3f0;border-radius:11px}
.click-embed b{font-size:16px}
.click-embed p{font-size:12px;margin-top:4px}
.play-embed{background:#96283a;color:white;border:none;border-radius:8px;padding:12px 16px;font-weight:800;font-size:13px}
.click-embed iframe{width:100%;max-width:500px;height:520px;display:block;border:0;margin:6px auto}
.embed-fallback{width:100%;font-size:12px}
.about-simple{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:38px;padding:35px 0 20px;align-items:start}
.about-simple h1{font-size:clamp(35px,4.4vw,51px);margin-bottom:10px}
.about-simple-intro{font-size:18px;line-height:1.45;color:#912b40;font-weight:750;margin-bottom:15px}
.about-facts{padding:0;list-style:none;margin:0 0 15px;display:grid;gap:9px}
.about-facts li{position:relative;padding-left:21px;line-height:1.5;color:#5d4c51;font-size:14px}
.about-facts li:before{content:'•';position:absolute;left:0;top:0;color:#a82d42;font-size:19px;line-height:1}
.about-facts b{color:#422b31}
.about-invite{background:#fff0ed;border-left:3px solid #b94055;padding:11px 13px;font-size:14px;line-height:1.53;margin-bottom:16px}
.about-simple-photos{display:flex;flex-direction:column;gap:10px}
.about-simple-photos figure{margin:0;background:#f2e6e3;border-radius:10px;overflow:hidden}
.about-simple-photos figure>img{width:100%;height:auto;max-height:390px;object-fit:contain;object-position:center;background:#f2e6e3}
.about-simple-photos figcaption{padding:6px 10px;color:#8a7178;font-size:11px}
.about-tiny-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about-tiny-photos img{max-height:145px!important;object-fit:contain}
@media(max-width:850px){.about-simple{grid-template-columns:1fr}.about-simple-photos{display:grid;grid-template-columns:1fr 1fr;gap:9px}.about-tiny-photos{grid-template-columns:1fr}.hero-media>img{max-height:400px}}
@media(max-width:720px){
 .home-hero{padding:22px 0;gap:14px}
 .hero-media{height:260px;aspect-ratio:auto}.hero-media>img{height:260px;object-fit:contain}
 .highlight-text{padding:23px}
 .proof-hero{display:grid;grid-template-columns:1fr;gap:14px}
 .proof-cover{height:auto;aspect-ratio:16/11;max-height:330px}
 .proof-cover img{object-fit:contain}
 .quick-proof{grid-template-columns:1fr;gap:6px;margin:10px 0;padding:9px 0}
 .quick-proof li{font-size:12px}
 .project-plain-story{margin:16px 0;gap:10px}
 .project-plain-story li{font-size:13px}
 .build-log-inner{grid-template-columns:1fr;padding:14px}
 .proof-rail figure{flex:0 0 94%}.proof-rail img{height:min(75vw,470px);min-height:245px}
 .about-simple{padding-top:23px;gap:16px}
 .about-simple-photos{grid-template-columns:1fr}.about-tiny-photos{grid-template-columns:1fr 1fr}
 .about-simple-photos figure>img{max-height:330px}
 .about-tiny-photos img{max-height:135px!important}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

.story-related-compact{padding:14px 18px;background:#fff1ef;border:1px solid #ecd5d2;border-radius:9px;margin:13px 0 19px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.story-related-compact b{font-size:14px}.story-related-compact span{font-size:13px;color:#705c5f;flex:1;min-width:210px}.story-related-compact a{font-size:13px;font-weight:800;color:#94283b}


/* v7 — restrained red / warm-neutral refinement
   Red is reserved for a few accents. The page architecture and content stay unchanged.
   This block intentionally supersedes older mint/forest rules retained in the v6 CSS. */
:root {
  --bg:#faf9f7;
  --paper:#ffffff;
  --ink:#2e2c2c;
  --muted:#6d6866;
  --line:#e9e3de;
  --light:#f5f1ed;
  --accent:#e9d9d5;
  --dark:#78504e;
}
body{color:var(--ink);background:var(--bg)}
p,.listing-copy p,.hero-copy>p{color:var(--muted)}
h1,h2,h3{font-weight:600;letter-spacing:-.034em;color:var(--ink)}
.logo{font-weight:700;letter-spacing:-.045em;color:#2e2c2c}
.logo span{color:#985b55}
.site-header{background:rgba(250,249,247,.97)}
.nav-tab{font-weight:550;color:#6c6663}
.nav-tab:hover{background:#f3efec;color:#373330}
.nav-tab.is-active{background:#eee9e5;color:#573d3a;border:1px solid #e5dad5;box-shadow:none}
.kicker{color:#817672;font-weight:650;letter-spacing:.11em}
.hero-copy h1 em{color:#a36660;font-style:normal}
.hero-copy h1{font-weight:600}
.page-head h1,.story-top-copy h1,.proof-hero-copy h1,.about-simple h1,.product-top h1{font-weight:600}
.page-count,.card-meta,.card-meta span,.source-note,.source-note a{color:#807775}
.button,.button:not(.ghost):not(.disabled){background:#554946;border-color:#554946;color:#fff;font-weight:600;box-shadow:none}
.button:hover,.button:not(.ghost):not(.disabled):hover{background:#82514e;border-color:#82514e}
.button.ghost{background:transparent;border:1px solid #d9d0ca;color:#4a4543}
.button.ghost:hover{background:#f3efeb;border-color:#b8a6a1}
.button.light{background:#fff;border-color:#fff;color:#463b39}
.button.light:hover{background:#fff8f5;border-color:#fff8f5;color:#463b39}
.button.outline-on-dark{background:transparent;border-color:#c4afa9;color:#614947}
.button.outline-on-dark:hover{background:#fff9f5;border-color:#b7a09b;color:#533d3c}
.button.disabled,.button:disabled{background:#ece7e2;color:#817a75;border:1px solid #ece7e2}
.text-link,.card-link,.breadcrumb a,.next-card .arr,.source-only a,.story-related-compact a,.channel-note a{color:#7b5150;font-weight:650}
.text-link:hover,.card-link:hover,.breadcrumb a:hover,.story-related-compact a:hover{color:#563835}
.status{background:#f3efeb;border-color:#e9e0da;color:#736763;font-weight:600}
.breadcrumb{color:#8a827d}
.next-card:hover,.project-card:hover{border-color:#cbb9b2}
.next-icon{background:#f1eae5;color:#8b605c}
.next-card .arr{color:#7c6460}
.next-card strong,.card-content h3,.gallery-head strong{font-weight:650}
.card-link{font-weight:650}
.project-thumb,.listing-img,.story-cover,.proof-cover,.product-photo{background:#eeeae5}
.card-meta{font-weight:600}
.product-facts span{background:#f7f5f2;border:1px solid #ece6e0;color:#6f6662;font-weight:500}
/* Guides had several mint rules that survived the previous red pass. */
.guide-image{background:#f3efeb}
.guide-visual{background:#f3efeb}
.preview-gallery img{background:#f7f5f2}
.guide-image img,.guide-visual img{box-shadow:5px 8px 22px rgba(52,42,37,.10)}
.preview-gallery figure{background:#fff;border:1px solid var(--line)}
.listing-img small,.product-photo small{background:rgba(250,248,245,.94);color:#665e5a}
/* Featured section: replace the saturated crimson block with a quiet editorial panel. */
.highlight{background:#ece6e0;color:#342f2d;border:1px solid #e6ddd7}
.highlight h2{color:#342f2d;font-weight:600}
.highlight .kicker{color:#96776f}
.highlight p{color:#655d59}
.highlight-media{background:#e5ddd7}
.highlight .button.light{background:#564947;border-color:#564947;color:#fff}
.highlight .button.light:hover{background:#78504e;border-color:#78504e}
.highlight .button.outline-on-dark{color:#65504b;border-color:#c9b7af}
.highlight .button.outline-on-dark:hover{background:#f9f5f1}
.photo-wait{background:linear-gradient(125deg,#f1ede8,#e8e1db);color:#685c58}
.photo-wait.dark-photo{background:linear-gradient(130deg,#70615c,#9c8b83);color:#fff}
.photo-caption{background:rgba(250,249,247,.95);color:#59514c;font-weight:600}
.hero-media,.hero-media.image-unavailable{background:#efeae5}
.takeaway,.story-related,.story-related-compact,.about-invite,.reach-note,.channel-note{background:#f6f2ee}
.takeaway,.log-takeaway,.about-invite,.reach-note{border-left-color:#b69b94}
.takeaway span,.takeaway p,.story-paragraph strong{color:#6e504d}
.story-chapter p{color:var(--muted)}
.story-index a{color:#756d68}
.story-index a:hover{color:#79514d}
.story-gallery img,.proof-rail img{background:#f0ece7;border-color:#e5ded7}
.gallery-arrow{border-color:#d6c8c0;background:#fff;color:#715753;font-weight:650}
.gallery-arrow:hover,.gallery-arrow:focus-visible{background:#65504b;color:#fff}
.proof-metrics strong{color:#68504c}
.quick-proof li{border-left-color:#c5b3ac}
.quick-proof li b{color:#4c4140}
.project-plain-story li:before,.about-facts li:before{color:#9c766e}
.build-log{border-color:#ddd0c8;background:#fff}
.build-log summary{background:#f5f1ed}
.build-log summary:hover{background:#f1eae5}
.build-log summary .log-summary-name{color:#443d39;font-weight:650}
.build-log summary .log-open-hint,.build-log[open] .log-open-hint{background:#5e504b;color:#fff;font-weight:650}
.log-takeaway{background:#f7f3ef;color:#65514e}
.form-container input:not([type=checkbox]),.form-container select,.form-container textarea{border-color:#d8cfca}
.form-container input:focus,.form-container select:focus,.form-container textarea:focus{outline:2px solid #ae867e}
.form-container .btn{background:#554946;font-weight:600}
.about-simple-intro{color:#5e514e;font-weight:600}
.about-invite{color:#5e514e}
.about-simple-photos figure,.about-simple-photos figure>img{background:#efebe6}
.channel-note a,.story-related-compact a{font-weight:650}
.play-video,.play-embed{background:#5d4d49;font-weight:650}
.click-embed{background:#f7f3ef}
.foot-content{color:#817873}
/* Preserve clarity on narrow screens without increasing emphasis. */
@media(max-width:720px){
  .nav-tab.is-active{border-color:#e9ded9}
  .highlight{border-color:#e8ded8}
}
/* Keep unfinished prototype proof areas understated and legible. */
.goggle-evidence,
.highlight .goggle-evidence{
 background:linear-gradient(135deg,#ded7d0,#ebe6e0);
 color:#33302f;
}
.goggle-evidence b{color:#33302f;font-weight:600;letter-spacing:-.035em}
.goggle-evidence small,.goggle-evidence span{color:#746a66}
.highlight .button.outline-on-dark{
 background:transparent;
 color:#594744;
 border-color:#bea9a0;
}
.highlight .button.outline-on-dark:hover{background:#f7f2ee;color:#433837}


/* v8 — AR optics sales copy, within the subdued v7 editorial system */
.shop-head{padding-bottom:21px}
.shop-head h1{font-size:clamp(38px,4.2vw,52px)}
.shop-head p{font-size:14px;max-width:680px}
.shop-kit-feature{grid-template-columns:minmax(260px,42%) minmax(0,58%);min-height:385px}
.shop-kit-feature .listing-img{height:auto;min-height:385px}
.shop-kit-feature .listing-img img{object-fit:contain;background:#f0ebe5}
.shop-kit-feature .listing-copy{padding:29px 34px}
.shop-kit-feature .listing-copy h2{font-size:clamp(25px,2.65vw,33px);line-height:1.18;margin:13px 0 9px}
.shop-kit-feature .listing-copy>p{font-size:14px;line-height:1.6;color:#6e6560}
.shop-benefits{list-style:none;margin:14px 0 4px;padding:0;display:grid;gap:7px}
.shop-benefits li{position:relative;padding-left:19px;font-size:13px;line-height:1.42;color:#4b4643}
.shop-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:#9e625b;font-weight:650}
.shop-kit-meta{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0}
.shop-kit-meta span{font-size:11px;color:#726864;background:#f5f2ee;border:1px solid #eee7e1;border-radius:6px;padding:6px 9px}
.shop-kit-feature .listing-copy .button{margin-top:17px}
.shop-smallprint{font-size:11px!important;line-height:1.5!important;margin-top:12px;color:#837773!important}
.kit-product-top{gap:32px}
.kit-product-top h1{margin:11px 0 12px;max-width:610px;font-size:clamp(35px,3.6vw,49px)}
.kit-product-top>div>p:not(.shop-smallprint){font-size:15px;line-height:1.65;max-width:600px}
.kit-promise{list-style:none;padding:0;margin:18px 0 19px;display:grid;gap:9px}
.kit-promise li{font-size:13px;line-height:1.5;padding-left:16px;position:relative;color:#615854}
.kit-promise li:before{content:'•';color:#a36660;position:absolute;left:0}
.kit-promise b{color:#383331;font-weight:650}
.kit-contents-panel{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:26px 0}
.kit-contents-panel h2{font-size:clamp(23px,2.4vw,31px);font-weight:600;margin-bottom:10px}
.kit-contents-panel p{font-size:13px;line-height:1.66;margin-top:9px}
.kit-contents-list{border-radius:10px;background:#f4f0ec;padding:21px 24px}
.kit-contents-list>strong{display:block;font-weight:650;font-size:14px;margin-bottom:8px}
.kit-contents-list ul{margin:5px 0 9px;padding-left:17px}
.kit-contents-list li{font-size:13px;line-height:1.56;padding:3px 0;color:#48413f}
.kit-contents-list p{font-size:11px}
.kit-product-top .product-photo{height:400px;background:#eeeae5}
.kit-product-top .product-photo img{object-fit:contain}
@media(max-width:780px){.shop-kit-feature{grid-template-columns:1fr}.shop-kit-feature .listing-img{height:270px;min-height:270px}.shop-kit-feature .listing-copy{padding:24px 23px}.kit-contents-panel{grid-template-columns:1fr;gap:17px}.kit-product-top .product-photo{height:285px}}
@media(max-width:420px){.shop-kit-feature .listing-img{height:228px;min-height:228px}.shop-kit-feature .listing-copy h2{font-size:25px}.shop-kit-feature .listing-copy{padding:21px}.shop-kit-meta span{font-size:10px}.kit-product-top .product-photo{height:250px}}

/* v9 — real prototype photos and compact experiment list */
.kit-product-top{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:32px;align-items:center}
.kit-product-top h1{max-width:720px;font-size:clamp(31px,3.5vw,46px)}
.kit-product-top .cta-row{margin:15px 0 0}
.kit-product-top .button.ghost{background:transparent;color:#514746;border-color:#d9d1c8}
.kit-product-top .product-photo{height:455px;background:#f3ede9}
.kit-product-top .product-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
.kit-product-top .product-photo small{background:rgba(250,248,245,.96)}
.shop-kit-feature .listing-img{background:#eeeae5}
.shop-kit-feature .listing-img img{object-fit:cover;object-position:50% 55%}
.kit-gallery{margin-top:11px;margin-bottom:20px}
.kit-gallery .gallery-head{margin-bottom:12px}
.kit-gallery .proof-rail{gap:16px}
.kit-gallery .proof-rail figure{flex:0 0 min(60%,700px)}
.kit-gallery .proof-rail img{width:100%;height:clamp(350px,46vw,570px);object-fit:contain;background:#f5f2ee;border:1px solid #e9e1d8}
.kit-gallery .proof-rail figcaption{margin-top:8px;min-height:26px}
.kit-feature-bullets{padding-left:18px;color:#615854;font-size:13px;line-height:1.7;margin-top:11px}
.kit-feature-bullets li{padding-bottom:6px}
.kit-contents-panel{gap:35px;padding-top:26px;padding-bottom:26px}
.kit-experiments{padding:25px 0 14px}
.kit-ex-heading{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-bottom:17px}
.kit-ex-heading h2{font-size:clamp(23px,2.5vw,32px);font-weight:620;flex:1}
.kit-ex-heading p{flex:1;max-width:435px;font-size:13px;line-height:1.55}
.kit-experiment-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kit-experiment-list li{display:flex;gap:13px;align-items:flex-start;border:1px solid #e8dfd8;background:white;border-radius:10px;padding:15px 17px;min-height:139px}
.kit-ex-number{display:grid;place-items:center;background:#f5efed;color:#8b544f;width:33px;height:33px;border-radius:8px;font-size:12px;font-weight:650;flex-shrink:0}
.kit-experiment-list strong{display:block;font-size:14px;color:#423b38;line-height:1.35;font-weight:650}
.kit-experiment-list p{font-size:12px;line-height:1.48;margin:6px 0;color:#6d6460}
.kit-experiment-list small{font-size:11px;color:#77675f}
.kit-experiment-list small b{font-weight:650;color:#795752}
#kit-experiments,#kit-signup{scroll-margin-top:90px}
@media(max-width:850px){.kit-product-top{grid-template-columns:1fr 1fr;gap:16px}.kit-product-top .product-photo{height:350px}.kit-gallery .proof-rail figure{flex-basis:78%}}
@media(max-width:720px){.kit-product-top{grid-template-columns:1fr}.kit-product-top .product-photo{height:auto;max-height:none;aspect-ratio:1.05}.kit-product-top .product-photo img{object-fit:contain}.kit-ex-heading{display:block}.kit-ex-heading p{margin-top:8px}.kit-experiment-list{grid-template-columns:1fr;gap:9px}.kit-experiment-list li{min-height:0;padding:13px}.kit-gallery .proof-rail figure{flex-basis:92%}.kit-gallery .proof-rail img{height:min(108vw,530px);min-height:340px}.kit-contents-panel{padding-top:22px}}
@media(max-width:360px){.kit-gallery .proof-rail img{min-height:285px}.kit-product-top .cta-row{flex-direction:column}.kit-product-top .cta-row .button{width:100%}}

/* v12 -- clearer homepage offer cards */
.next-proof-card{align-items:stretch;padding:14px 16px;gap:12px}
.next-thumb{width:98px;height:78px;overflow:hidden;border-radius:10px;background:#f3e8e4;flex-shrink:0;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.next-thumb img{width:100%;height:100%;object-fit:cover;background:#f3e8e4}.next-thumb-guide img{object-fit:contain;padding:6px;background:#efe6e3}
.next-copy{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.next-copy strong{display:block;font-size:15px;line-height:1.28}.next-copy p{margin:0;font-size:12px;line-height:1.45;color:#6d595d}.next-proof{font-size:11px;line-height:1.35;color:#8d4a54;font-weight:700}.next-proof-card .arr{align-self:center;font-size:20px}
@media(max-width:720px){.next-proof-card{padding:14px 14px}.next-thumb{width:84px;height:68px}.next-copy strong{font-size:14px}.next-copy p{font-size:11.5px}}

/* v13: Pricing shown in homepage offer, shop and kit detail, without implying checkout is open */
.next-price{display:inline-block;color:#93625d;font-weight:700;margin-left:3px;white-space:nowrap;font-size:14px}
.kit-price-label{display:flex;align-items:baseline;gap:10px;color:#463237;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:27px!important;line-height:1.22!important;font-weight:750;margin:2px 0 9px!important}
.kit-price-label small{font-size:12px;color:#806d70;font-weight:500;font-family:'DM Sans',Arial,sans-serif}
.shop-kit-feature .kit-price-label{font-size:26px!important;margin:0 0 10px!important}

/* v14: compact, consistent home offers and the founder's engineering-education story */
.next-copy strong{font-size:14.5px;line-height:1.35;letter-spacing:-.012em;color:#443536}
.next-copy .next-price{color:#775554;font-size:14px;font-weight:700;white-space:nowrap}
.next-copy p{font-size:12px;line-height:1.52;margin-top:3px;color:#6b5e5b}
.kit-product-top h1{font-size:clamp(32px,3.65vw,47px);line-height:1.13;letter-spacing:-.05em}
.kit-product-top .breadcrumb{margin-bottom:20px}
.kit-education-story{margin-top:15px;margin-bottom:10px;padding:23px 28px;border:1px solid var(--line);border-radius:12px;background:#f9f5f2;display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr);gap:12px 30px;align-items:start}
.kit-education-story h2{font-size:clamp(22px,2.8vw,29px);font-weight:650;line-height:1.2;max-width:290px}
.kit-education-story ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kit-education-story li{font-size:13.5px;color:#574d49;line-height:1.57;position:relative;padding-left:17px}
.kit-education-story li:before{content:'•';position:absolute;left:0;color:#9a6863;font-size:18px;top:-4px}
.kit-education-story li b{color:#393330;font-weight:680}
.kit-education-story>p{font-size:13px;color:#665853;line-height:1.56;grid-column:2;margin:0}
@media(max-width:720px){.kit-education-story{grid-template-columns:1fr;padding:20px 19px;gap:12px}.kit-education-story h2{max-width:none}.kit-education-story>p{grid-column:auto}.next-copy strong{font-size:14px}.next-copy p{font-size:12px}}

/* v15 – Guides now uses the same quiet warm neutral palette as the rest of the site. */
.guide-listing{background:#fffdfa;border-color:#e9e1dc}
.guide-listing .listing-copy{background:#fffdfa}
.guide-listing .listing-copy h2{color:#392f2f}
.guide-listing .listing-copy p{color:#665b58}
.guide-image{background:#efe9e5!important}
.guide-image img{box-shadow:5px 8px 20px #3b2e291b}
.guide-detail .guide-visual{background:#efe9e5!important;border-color:#e9e1dc}
.guide-detail .product-facts span,.guide-listing .product-facts span{background:#f5f0ed;color:#675b57;border-color:#e6dad5}
.guide-detail h1,.guide-detail h2,.guide-listing h2{color:#362d2c}
.preview-section{background:transparent}
.preview-section .preview-gallery figure{background:#f8f5f2;border-color:#eaded9}
.preview-section .subheading span{color:#71645f}
.guide-detail .fine{color:#70635e}

/* v15 Guide content — remove the last mint-tinted details. */
.detail-panel .steps>div{border-left-color:#cdbcb4}
.preview-section .preview-gallery img{background:#f6f2ef}
.preview-section .preview-gallery figcaption{color:#756660}

/* v19 — one-screen guide offer: one message, one product sample, one checkout CTA. */
.guide-simple{min-height:calc(100svh - 177px)}
.guide-simple-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(30px,6vw,86px);padding-top:clamp(36px,6vh,72px);padding-bottom:clamp(28px,5vh,54px)}
.guide-simple-copy{min-width:0}
.guide-simple-copy .breadcrumb{margin:0 0 35px;color:#927d76}
.guide-simple h1{max-width:650px;font-size:clamp(42px,4.4vw,63px);letter-spacing:-.052em;line-height:1.095;color:#362e2c}
.guide-simple-lead{max-width:545px;margin:22px 0 22px;font-size:18px;line-height:1.62;color:#665b57}
.guide-simple-format{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#736660;font-size:13px;font-weight:600;line-height:1.55}
.guide-simple-buy{margin-top:29px;padding:17px 25px;font-size:15px;min-height:54px;background:#574743!important;border-color:#574743!important;border-radius:9px}
.guide-simple-buy:hover{background:#705955!important;border-color:#705955!important}
.guide-simple-checkout{color:#8c7e77;font-size:12px;margin-top:10px}
.guide-simple-preview{min-width:0;margin:0;text-align:center}
.guide-simple-preview a{display:flex;align-items:center;justify-content:center;max-width:100%;padding:24px;background:#f1eae5;border:1px solid #e9ded7;border-radius:16px;transition:background .18s ease}
.guide-simple-preview a:hover{background:#ece1d9}
.guide-simple-preview a:focus-visible{outline:3px solid #9a6a60;outline-offset:4px}
.guide-simple-preview img{display:block;width:auto;height:min(61vh,520px);max-width:100%;object-fit:contain;box-shadow:0 12px 28px rgba(46,35,29,.13);background:white}
.guide-simple-preview figcaption{margin-top:11px;color:#756760;font-size:12px;font-weight:600}
@media(max-width:850px){
  .guide-simple-layout{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:24px}
  .guide-simple h1{font-size:clamp(36px,5vw,45px)}
  .guide-simple-lead{font-size:15px}
  .guide-simple-preview img{height:min(52vh,430px)}
}
@media(max-width:720px){
  .guide-simple{min-height:0}
  .guide-simple-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:27px;padding-bottom:32px}
  .guide-simple-copy .breadcrumb{margin-bottom:24px}
  .guide-simple h1{font-size:clamp(39px,9vw,48px);max-width:530px}
  .guide-simple-lead{font-size:16px;line-height:1.58;margin:17px 0}
  .guide-simple-format{font-size:12px;gap:8px}
  .guide-simple-buy{width:100%;margin-top:25px;font-size:15px}
  .guide-simple-checkout{text-align:center}
  .guide-simple-preview a{padding:20px}
  .guide-simple-preview img{height:auto;max-height:525px;width:auto;max-width:100%}
}
@media(max-width:370px){.guide-simple h1{font-size:37px}.guide-simple-preview a{padding:14px}}
@media(prefers-reduced-motion:reduce){.guide-simple-preview a{transition:none}}


/* v21 — Homepage offer cards: image-to-edge, balanced copy, single clear action. */
.home-offers{padding:39px 0 5px}
.home-offers-heading{color:#3e3532;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:clamp(23px,2.7vw,28px);line-height:1.2;letter-spacing:-.04em;font-weight:650;margin:0 0 17px}
.home-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-offer-card{display:grid;grid-template-columns:minmax(0,35%) minmax(0,65%);min-height:229px;overflow:hidden;background:#fffdfb;border:1px solid #e7ded7;border-radius:14px;color:#38312e;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-offer-card:hover{border-color:#bda9a0;transform:translateY(-2px);box-shadow:0 12px 28px rgba(50,33,24,.07)}
.home-offer-card:focus-visible{outline:3px solid #976c61;outline-offset:4px}
.home-offer-media{position:relative;display:block;overflow:hidden;background:#ebe5de;min-width:0}
.home-offer-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-offer-kit-photo img{object-position:center 59%}
.home-offer-guide-photo{background:#eee6e2}
.home-offer-guide-photo img{left:15%;top:9%;width:70%;height:82%;object-fit:contain;filter:drop-shadow(4px 7px 9px rgba(67,45,37,.15))}
.home-offer-body{display:flex;flex-direction:column;min-width:0;padding:22px 23px 18px}
.home-offer-category{font-size:10px;letter-spacing:.105em;font-weight:750;color:#8f7770;margin-bottom:9px;line-height:1.2}
.home-offer-title{display:block;font-family:'Manrope','DM Sans',Arial,sans-serif;color:#3d302e;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.035em}
.home-offer-desc{display:block;color:#746761;font-size:13px;line-height:1.55;margin-top:10px}
.home-offer-footer{margin-top:auto;padding-top:17px;display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap}
.home-offer-action{display:inline-flex;align-items:center;gap:7px;color:#7e4944;font-size:12.5px;font-weight:750;white-space:nowrap;transition:gap .18s ease}
.home-offer-card:hover .home-offer-action{gap:12px}
.home-offer-action span{font-size:17px;line-height:1}
.home-offer-price{color:#8b7971;font-size:11.5px;font-weight:650;white-space:nowrap}
@media(max-width:900px){.home-offer-grid{grid-template-columns:1fr}.home-offer-card{min-height:210px;grid-template-columns:minmax(0,32%) minmax(0,68%)}.home-offer-body{padding:20px 23px}}
@media(max-width:600px){.home-offers{padding-top:30px}.home-offers-heading{font-size:24px;margin-bottom:14px}.home-offer-grid{gap:12px}.home-offer-card{grid-template-columns:35% minmax(0,65%);min-height:204px}.home-offer-body{padding:16px 17px 15px}.home-offer-title{font-size:17px}.home-offer-category{font-size:9.5px;margin-bottom:7px}.home-offer-desc{font-size:12px;line-height:1.48;margin-top:8px}.home-offer-footer{padding-top:13px}.home-offer-action{font-size:12px}.home-offer-price{font-size:11px}.home-offer-guide-photo img{left:11%;width:78%}}
@media(max-width:360px){.home-offer-card{grid-template-columns:32% minmax(0,68%)}.home-offer-body{padding:14px 12px}.home-offer-title{font-size:16px}.home-offer-desc{font-size:11.7px}.home-offer-footer{padding-top:10px}.home-offer-action{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.home-offer-card,.home-offer-action{transition:none}}

/* v22: local goggle footage, scoped to the three original media slots. */
.goggle-media{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;background:#eeeae5}
.goggle-media>.goggle-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;background:#eeeae5}
.project-thumb>.goggle-photo{object-fit:cover;object-position:50% 45%}
.goggle-play{position:absolute;bottom:14px;left:14px;display:inline-flex;align-items:center;gap:9px;min-height:44px;max-width:calc(100% - 28px);padding:11px 15px;border:1px solid #e7ded7;border-radius:8px;background:#fffdfbf2;color:#493a36;font-size:12px;font-weight:700;box-shadow:0 3px 14px #231b2020}
.goggle-play:hover{background:#fff}
.goggle-play[hidden]{display:none}
.goggle-play:focus-visible{outline:3px solid #976c61;outline-offset:3px}
.goggle-media>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#211f1e}
.goggle-media-error{position:absolute;top:12px;left:12px;right:12px;padding:9px 12px;border-radius:6px;background:#fffdfb;color:#493a36;font-size:12px}
.goggle-media-error[hidden]{display:none}

/* v23: show the physical prototype and the image produced by its optics together. */
.goggle-proof-stills{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);gap:2px;background:#ded8d2}
.goggle-proof-shot{position:relative;min-width:0;overflow:hidden;background:#e7e2dc}
.goggle-proof-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.goggle-proof-shot:last-child img{object-position:50% 54%}
.goggle-proof-shot span{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);padding:6px 8px;border-radius:6px;background:rgba(255,253,251,.94);color:#4c403c;font-size:10px;font-weight:700;line-height:1.25;box-shadow:0 2px 9px rgba(35,27,24,.11)}
.hero-media>.hero-photo{object-position:center 48%}
.project-card[href="/projects/apertotech-vision/"] .project-thumb img{object-position:50% 48%}
.project-card[href="/projects/cnc-pen-plotter/"] .project-thumb img{object-position:50% 50%}
@media(max-width:720px){
 .goggle-proof-stills{grid-template-columns:minmax(0,60%) minmax(0,40%)}
 .goggle-proof-shot span{top:8px;left:8px;max-width:calc(100% - 16px);padding:5px 6px;font-size:8.5px}
}

/* v24: a clear three-step swim story using natural-color footage stills. */
.hero-prototype-media{background:#e9e1da}
.hero-prototype-media>.hero-photo{object-fit:contain;object-position:center;background:#e9e1da}
.goggle-sequence{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#d6cdc6}
.goggle-sequence-step{position:relative;min-width:0;overflow:hidden;background:#e7e2dc}
.goggle-sequence-step:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,16,14,.03) 45%,rgba(22,16,14,.55) 100%);pointer-events:none}
.goggle-sequence-step img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.goggle-sequence-step:first-child img{object-position:54% 56%}
.goggle-sequence-step:nth-child(2) img{object-position:50% 46%}
.goggle-sequence-step:nth-child(3) img{object-position:50% 52%}
.goggle-sequence-label{position:absolute;z-index:2;top:11px;left:10px;right:10px;display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:7px;background:rgba(255,253,251,.94);color:#4a3c38;line-height:1.25;box-shadow:0 2px 9px rgba(35,27,24,.11)}
.goggle-sequence-label b{font-size:10px;font-weight:800}
.goggle-sequence-label>span{font-size:8.5px;color:#695a55}
.goggle-sequence-step .goggle-play{z-index:3;left:10px;right:10px;bottom:10px;max-width:none;min-height:38px;justify-content:center;padding:8px 9px;font-size:10px}
@media(max-width:720px){
 .hero-prototype-media{height:390px}
 .goggle-sequence-label{top:7px;left:6px;right:6px;padding:5px 6px}
 .goggle-sequence-label b{font-size:8.5px}
 .goggle-sequence-label>span{display:none}
 .goggle-sequence-step .goggle-play{left:6px;right:6px;bottom:7px;min-height:34px;padding:6px;font-size:9px}
}

/* v26: captions sit below each image and clear completely during playback. */
.goggle-sequence-step{display:grid;grid-template-rows:minmax(0,1fr) auto}
.goggle-sequence-step:after{display:none}
.goggle-sequence-step img{min-height:0;grid-row:1}
.goggle-sequence-label{position:static;z-index:auto;grid-row:2;min-height:62px;padding:8px 10px;border-top:1px solid #ded4cc;border-radius:0;background:#fffdfb;box-shadow:none}
.goggle-sequence-step:nth-child(3) .goggle-sequence-label{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;align-items:center;gap:1px 7px}
.goggle-sequence-step:nth-child(3) .goggle-sequence-label b{grid-column:1;grid-row:1}
.goggle-sequence-step:nth-child(3) .goggle-sequence-label>span{grid-column:1;grid-row:2}
.goggle-sequence-label .goggle-play{position:static;grid-column:2;grid-row:1 / 3;align-self:center;min-height:34px;max-width:none;padding:7px 10px;border-radius:6px;box-shadow:none;font-size:9.5px;white-space:nowrap}
.goggle-media>video{z-index:10}
.goggle-media-error{z-index:11}
.goggle-sequence.is-playing{visibility:hidden}
@media(max-width:720px){
 .goggle-sequence-label{position:static;min-height:43px;padding:6px 7px}
 .goggle-sequence-label b{font-size:8.5px}
 .goggle-sequence-label .goggle-play{position:static;min-height:29px;padding:5px 7px;font-size:8px}
}

/* v27: structural image/caption separation, real banner crop, and hard playback hiding. */
.hero-prototype-media{display:block;height:335px;aspect-ratio:auto;background:#e9e1da}
.hero-prototype-media>.hero-photo{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 50%}
.goggle-sequence[hidden]{display:none!important}
.goggle-story-card{min-width:0;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#fffdfb}
.goggle-story-image{min-height:0;overflow:hidden;background:#e7e2dc}
.goggle-story-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.goggle-story-card:first-child .goggle-story-image img{object-position:54% 56%}
.goggle-story-card:nth-child(2) .goggle-story-image img{object-position:50% 46%}
.goggle-story-card:nth-child(3) .goggle-story-image img{object-position:50% 52%}
.goggle-story-caption{min-height:62px;padding:8px 10px;border-top:1px solid #ded4cc;background:#fffdfb;color:#4a3c38;line-height:1.25;display:flex;flex-direction:column;gap:2px}
.goggle-story-caption b{font-size:10px;font-weight:800}
.goggle-story-caption>span{font-size:8.5px;color:#695a55}
.goggle-story-card:nth-child(3) .goggle-story-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;align-items:center;gap:1px 7px}
.goggle-story-caption .goggle-play{position:static;grid-column:2;grid-row:1 / 3;align-self:center;min-height:34px;max-width:none;padding:7px 10px;border-radius:6px;box-shadow:none;font-size:9.5px;white-space:nowrap}
@media(max-width:720px){
 .hero-prototype-media{height:260px;aspect-ratio:auto}
 .goggle-story-caption{min-height:43px;padding:6px 7px}
 .goggle-story-caption b{font-size:8.5px}
 .goggle-story-caption>span{display:none}
 .goggle-story-caption .goggle-play{min-height:29px;padding:5px 7px;font-size:8px}
}

/* v28: the banner and source crop share one 4:3 ratio, keeping the microdisplay in frame. */
.hero-prototype-media{height:auto;aspect-ratio:4/5}
.hero-prototype-media>.hero-photo{object-position:center 47%}
@media(max-width:720px){.hero-prototype-media{height:auto;aspect-ratio:4/5}}

/* v29: current About photos with simple captions and consistent crops. */
.about-simple-photos figure>img{width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;background:#efebe6}
.about-simple-photos>figure>img{object-position:center 48%}
.about-tiny-photos img{height:auto!important;max-height:none!important;aspect-ratio:4/5;object-fit:cover}
.about-tiny-photos figure:first-child img{object-position:center 44%}
.about-tiny-photos figure:last-child img{object-position:center 48%}
.about-simple-photos figcaption{padding:8px 10px 9px;color:#756b67;font-size:11.5px;line-height:1.35;background:#fffdfb}

/* v30: visible athlete references on the sprint-analysis project. */
.athlete-reference{margin:14px 0 18px;padding:13px 16px;border:1px solid #e5dbd5;border-radius:9px;background:#f8f4f1;display:flex;align-items:center;gap:13px 22px;flex-wrap:wrap}
.athlete-reference-label{display:flex;flex-direction:column;gap:1px;margin-right:auto}
.athlete-reference-label span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8a7770;font-weight:750}
.athlete-reference-label b{font-size:14px;color:#403633}
.athlete-reference-links{display:flex;gap:16px;flex-wrap:wrap}
.athlete-reference-links a{font-size:12px;color:#7b5150;font-weight:700}
.athlete-reference-links a:hover{text-decoration:underline}
@media(max-width:520px){.athlete-reference{align-items:flex-start;flex-direction:column;gap:9px}.athlete-reference-links{gap:13px}}

/* v32: dedicated Ferdinand field-test ribbon and a true first-frame video poster. */
.ferdinand-ribbon{margin:17px 0 21px;padding:15px;border:1px solid #e2d8d1;border-radius:12px;background:#f8f5f1;overflow:hidden}
.ferdinand-ribbon-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:14px}
.ferdinand-ribbon-head>div:first-child{max-width:610px}
.ferdinand-ribbon-head span{font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#8a7770}
.ferdinand-ribbon-head h2{font-size:clamp(20px,2.4vw,27px);margin:3px 0 5px}
.ferdinand-ribbon-head p{font-size:13px;line-height:1.5}
.ferdinand-ribbon-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ferdinand-ribbon-links a{padding:8px 11px;border:1px solid #d9cbc3;border-radius:7px;background:#fff;font-size:11px;font-weight:700;color:#65504b;white-space:nowrap}
.ferdinand-ribbon-links a:hover,.ferdinand-ribbon-links a:focus-visible{border-color:#92756d;background:#fdfaf8}
.ferdinand-ribbon-rail{display:grid;grid-template-columns:minmax(0,220px) minmax(0,500px);align-items:start;gap:11px;max-width:731px}
.ferdinand-ribbon-rail figure{position:relative;margin:0;border-radius:9px;overflow:hidden;background:#e8e1da}
.ferdinand-ribbon-rail figure:first-child{aspect-ratio:3/4}
.ferdinand-ribbon-rail figure:last-child{aspect-ratio:4/3}
.ferdinand-ribbon-rail img{width:100%;height:100%;object-fit:cover}
.ferdinand-ribbon-rail figure:first-child img{object-position:center 28%}
.ferdinand-ribbon-rail figcaption{position:absolute;left:9px;right:9px;bottom:9px;padding:7px 9px;border-radius:6px;background:rgba(34,29,27,.78);color:#fff;font-size:10.5px;line-height:1.35}
.running-demo{width:min(100%,300px);max-width:300px;margin-bottom:24px}
.running-demo .video-stage{aspect-ratio:9/16;background:#241f1d}
.running-demo .video-stage img{max-height:none;object-fit:cover;background:#241f1d}
.running-demo .video-stage video{max-height:none}
@media(max-width:650px){.ferdinand-ribbon{padding:13px}.ferdinand-ribbon-head{align-items:start;flex-direction:column;gap:11px}.ferdinand-ribbon-links{justify-content:flex-start}.ferdinand-ribbon-rail{display:flex;max-width:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:4px}.ferdinand-ribbon-rail figure{flex:0 0 78%;scroll-snap-align:start}.ferdinand-ribbon-rail figure:first-child{flex-basis:58%}.running-demo{width:min(100%,270px);max-width:270px}}

/* v33: homepage context, closable pool footage, and project reels. */
.hero-prototype-caption{position:absolute;left:11px;bottom:11px;z-index:2;width:max-content;max-width:calc(100% - 22px);padding:6px 9px;border-radius:6px;background:rgba(255,253,251,.93);color:#5f5551;font-size:10.5px;line-height:1.35;box-shadow:0 2px 10px rgba(46,36,32,.1)}
.goggle-video-close{position:absolute;top:10px;right:10px;z-index:13;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid rgba(255,255,255,.55);border-radius:7px;background:rgba(31,28,27,.86);color:#fff;font-size:11px;font-weight:700;box-shadow:0 3px 14px rgba(0,0,0,.28)}
.goggle-video-close:hover,.goggle-video-close:focus-visible{background:#171514;outline-offset:3px}
.goggle-video-close span:first-child{font-size:18px;font-weight:400;line-height:.8}
.goggle-reels{margin:23px 0 25px;padding:18px 0 17px;border-block:1px solid var(--line)}
.goggle-reels-head{margin-bottom:13px}
.goggle-reels-head>span{font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#87756f}
.goggle-reels-head h2{font-size:clamp(22px,3vw,31px);margin:3px 0 5px}
.goggle-reels-head p{font-size:13px}
.goggle-reel-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:1px 1px 9px}
.goggle-reel-rail article{flex:0 0 min(29%,290px);min-width:245px;scroll-snap-align:start;overflow:hidden;border:1px solid #e1d8d2;border-radius:10px;background:#fff}
.goggle-reel-rail iframe{display:block;width:100%;aspect-ratio:9/16;border:0;background:#f0ece8}
.goggle-reel-rail a{display:block;padding:9px 11px;border-top:1px solid #e8e0db;color:#65504b;font-size:10.5px;font-weight:700}
.goggle-reel-rail a:hover{text-decoration:underline}
@media(max-width:720px){.hero-prototype-caption{font-size:9.5px}.goggle-video-close{top:7px;right:7px;min-height:32px;padding:6px 8px}.goggle-reel-rail article{flex-basis:min(82%,280px);min-width:235px}.goggle-reels{padding-top:15px}}

/* v34: accessible Netlify form submission feedback. */
.form-container .btn:disabled{cursor:wait;opacity:.68}
.form-submit-status{margin:11px 0 0;padding:9px 11px;border:1px solid #cdddcf;border-radius:7px;background:#f1f7f1;color:#365a3f;font-size:11.5px;line-height:1.45}
.form-submit-status.is-error{border-color:#e1c5c2;background:#fff3f1;color:#7b3432}
.form-submit-status:focus{outline:2px solid #8e756d;outline-offset:2px}

/* v35: compact, artwork-first gallery for the CNC pen plotter. */
.cnc-drawing-showcase{margin:22px 0 25px;padding:19px;border:1px solid #e3d9d2;border-radius:13px;background:#f7f3ef}
.cnc-drawing-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.cnc-drawing-head>div{min-width:0}
.cnc-drawing-head span{display:block;margin-bottom:3px;color:#8a7770;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.cnc-drawing-head h2{margin:0;color:#3d3431;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.035em}
.cnc-drawing-head p{max-width:360px;margin:0;color:#746761;font-size:12px;line-height:1.5}
.cnc-drawing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cnc-drawing-grid figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;margin:0;overflow:hidden;border:1px solid #e2d9d2;border-radius:9px;background:#fffdfb}
.cnc-drawing-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9e4de}
.cnc-drawing-grid figure:nth-child(3) img,.cnc-drawing-grid figure:nth-child(4) img,.cnc-drawing-grid figure:nth-child(5) img{object-position:center}
.cnc-drawing-grid figcaption{padding:8px 10px 9px;color:#5f514c;font-size:10.5px;font-weight:650;line-height:1.35}
@media(max-width:720px){
 .cnc-drawing-showcase{padding:14px;margin-top:18px}
 .cnc-drawing-head{align-items:start;flex-direction:column;gap:7px}
 .cnc-drawing-head p{max-width:520px}
 .cnc-drawing-grid{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:5px}
 .cnc-drawing-grid figure{flex:0 0 min(72%,245px);scroll-snap-align:start}
 .cnc-drawing-grid figure.is-wide{flex-basis:min(82%,285px)}
}

/* v36: three native TikTok players replace the CNC page's outbound video links. */
.cnc-tiktok-videos{margin:23px 0 25px;padding:18px 0 16px;border-block:1px solid var(--line)}
.cnc-video-head{margin-bottom:13px}
.cnc-video-head>span{display:block;color:#8a7770;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.cnc-video-head h2{margin:3px 0 5px;color:#3d3431;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.035em}
.cnc-video-head p{margin:0;color:#746761;font-size:12px;line-height:1.5}
.cnc-video-rail{display:flex;gap:11px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:1px 1px 9px}
.cnc-video-rail figure{flex:0 0 min(27%,250px);min-width:210px;margin:0;overflow:hidden;scroll-snap-align:start;border:1px solid #e1d8d2;border-radius:10px;background:#fffdfb}
.cnc-video-rail iframe{display:block;width:100%;aspect-ratio:9/16;border:0;background:#211f1e}
.cnc-video-rail figcaption{padding:8px 10px 9px;border-top:1px solid #e8e0db;color:#5f514c;font-size:10.5px;font-weight:650;line-height:1.35}
@media(max-width:720px){.cnc-video-rail figure{flex-basis:min(68%,235px);min-width:205px}.cnc-tiktok-videos{padding-top:15px}}

/* v37: stable scroll-card ratios without cropping the CNC artwork. */
.cnc-drawing-grid img{height:auto;aspect-ratio:1/1;object-fit:contain;padding:6px}
.cnc-process-gallery .proof-rail figure{flex:0 0 min(48%,500px)}
.cnc-process-gallery .proof-rail img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/3;object-fit:contain}
@media(max-width:720px){
 .cnc-drawing-grid img{aspect-ratio:1/1;padding:4px}
 .cnc-process-gallery .proof-rail figure{flex-basis:min(82%,310px);max-width:310px}
 .cnc-process-gallery .proof-rail img{height:auto;min-height:0;aspect-ratio:4/3}
}

/* v38: recognizable YouTube branding for the Sammy Trains Track link. */
.channel-note .youtube-channel-link{display:inline-flex;align-items:center;align-self:flex-start;gap:8px}
.youtube-channel-link .youtube-logo{display:block;width:22px;height:auto;flex:0 0 auto}
.youtube-channel-link:hover .youtube-logo{filter:brightness(.9)}

/* v39: preserve the Aperto Terrier photos' real proportions at every size. */
.project-proof-page:has(.ferdinand-ribbon) .ferdinand-ribbon-rail figure{height:auto;aspect-ratio:auto}
.project-proof-page:has(.ferdinand-ribbon) .ferdinand-ribbon-rail img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.project-proof-page:has(.ferdinand-ribbon) .gallery-section .proof-rail img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;padding:0}
@media(min-width:900px){
 .project-proof-page:has(.ferdinand-ribbon) .ferdinand-ribbon-rail{grid-template-columns:minmax(0,3fr) minmax(0,5.333fr);max-width:none;align-items:start}
 .project-proof-page:has(.ferdinand-ribbon) .gallery-section .proof-rail figure{flex:0 0 min(68%,700px);max-width:none}
}

/* v40: phone-friendly running-machine video controls. */
.video-exit{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 11px;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:rgba(31,28,27,.88);color:#fff;font-size:11px;font-weight:700;box-shadow:0 3px 14px rgba(0,0,0,.28)}
.video-exit:hover,.video-exit:focus-visible{background:#171514;outline-offset:3px}
.video-exit span:first-child{font-size:18px;font-weight:400;line-height:.8}
@media(max-width:650px){
 .project-proof-page:has(.running-demo) .running-demo{width:min(100%,320px);max-width:320px;margin-left:auto;margin-right:auto}
 .project-proof-page:has(.running-demo) .running-demo .play-video{left:12px;right:12px;top:auto;bottom:14px;width:auto;min-height:46px;padding:11px 14px;transform:none;white-space:normal;text-align:center;font-size:12.5px;line-height:1.3}
 .project-proof-page:has(.running-demo) .running-demo .video-exit{top:8px;right:8px;min-width:44px;min-height:44px;padding:8px 10px}
 .project-proof-page:has(.running-demo) .gallery-arrow{width:44px;height:44px}
 .project-proof-page:has(.running-demo) .ferdinand-ribbon-links a{display:inline-flex;align-items:center;min-height:44px}
}

/* v41: keep Aperto Terrier phone text inside its cards and controls. */
@media(max-width:650px){
 .project-proof-page:has(.running-demo) .proof-hero-copy,
 .project-proof-page:has(.running-demo) .quick-proof li,
 .project-proof-page:has(.running-demo) .ferdinand-ribbon,
 .project-proof-page:has(.running-demo) .ferdinand-ribbon-head,
 .project-proof-page:has(.running-demo) .ferdinand-ribbon-head>div,
 .project-proof-page:has(.running-demo) .ferdinand-ribbon-links,
 .project-proof-page:has(.running-demo) .gallery-head>div:first-child,
 .project-proof-page:has(.running-demo) .proof-rail figure,
 .project-proof-page:has(.running-demo) .build-log,
 .project-proof-page:has(.running-demo) .build-log summary,
 .project-proof-page:has(.running-demo) .build-log-inner,
 .project-proof-page:has(.running-demo) .log-group,
 .project-proof-page:has(.running-demo) .story-related-compact,
 .project-proof-page:has(.running-demo) .story-related-compact span{min-width:0;max-width:100%}
 .project-proof-page:has(.running-demo) .ferdinand-ribbon-links a,
 .project-proof-page:has(.running-demo) .ferdinand-ribbon figcaption,
 .project-proof-page:has(.running-demo) .proof-rail figcaption,
 .project-proof-page:has(.running-demo) .quick-proof li,
 .project-proof-page:has(.running-demo) .project-plain-story li,
 .project-proof-page:has(.running-demo) .build-log summary span,
 .project-proof-page:has(.running-demo) .log-group,
 .project-proof-page:has(.running-demo) .story-related-compact,
 .project-proof-page:has(.running-demo) .story-related-compact span,
 .project-proof-page:has(.running-demo) .story-related-compact a{overflow-wrap:anywhere;word-break:normal}
 .project-proof-page:has(.running-demo) .ferdinand-ribbon-links a{white-space:normal;line-height:1.25;text-align:center}
 .project-proof-page:has(.running-demo) .gallery-head{gap:10px}
 .project-proof-page:has(.running-demo) .gallery-actions{flex-shrink:0}
 .project-proof-page:has(.running-demo) .build-log summary .log-open-hint{white-space:normal;max-width:100%}
 .project-proof-page:has(.running-demo) .story-related-compact{display:grid;grid-template-columns:minmax(0,1fr)}
 .project-proof-page:has(.running-demo) .story-related-compact span{min-width:0}
}

/* v42: outcome-led AR Builder Kit offer. */
.ar-offer-page{--ar-ink:#3b3032;--ar-ink-soft:#564548;--ar-paper:#fffaf8;--ar-wash:#f5efed;--ar-line:#e5dcd8;--ar-accent:#d9c8c3;--ar-signal:#eadbd7;--ar-muted:#716465;background:var(--ar-paper);color:#382f30;overflow:hidden}
.ar-offer-page h1,.ar-offer-page h2,.ar-offer-page h3{font-family:'Manrope','DM Sans',Arial,sans-serif}
.ar-kicker{display:flex;align-items:center;gap:9px;margin:0 0 17px;color:var(--ar-accent);font-size:10px;font-weight:750;letter-spacing:.115em;text-transform:uppercase}
.ar-kicker span{width:17px;height:1px;background:currentColor;flex:0 0 auto}
.ar-kicker.dark{color:#8a5a62}
.ar-offer-page .text-link{color:#8f2335}
.ar-offer-hero{position:relative;background:var(--ar-ink);color:#fff9f4;padding:42px 0 70px}
.ar-offer-hero:after{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(244,195,165,.12);border-radius:50%;right:-255px;top:-215px;box-shadow:0 0 0 70px rgba(244,195,165,.035),0 0 0 140px rgba(244,195,165,.025);pointer-events:none}
.ar-offer-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);gap:55px;align-items:center}
.ar-offer-breadcrumb{margin-bottom:29px;color:#c9bbb6}
.ar-offer-breadcrumb a{color:#fff4ed}
.ar-offer-hero-copy{min-width:0}
.ar-offer-hero h1{max-width:720px;margin:0 0 23px;color:#fffaf5;font-size:clamp(44px,5.6vw,77px);font-weight:710;line-height:1.01;letter-spacing:-.064em}
.ar-offer-hero h1 em{color:var(--ar-signal);font-style:normal}
.ar-offer-lead{max-width:650px;margin:0;color:#d8ceca;font-size:clamp(16px,1.6vw,19px);line-height:1.65;letter-spacing:-.015em}
.ar-offer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}
.ar-offer-page .button.ar-primary-button{min-height:51px;padding:12px 19px;background:#9e293c;border-color:#9e293c;color:#fffaf8;font-size:13.5px;font-weight:750;box-shadow:0 6px 16px rgba(35,17,21,.18)}
.ar-offer-page .button.ar-primary-button:hover{background:#b13d50;border-color:#b13d50;color:#fff}
.ar-offer-page .button.ar-secondary-button{min-height:51px;padding:12px 18px;border-color:#d6b4b2;background:transparent;color:#fff7f2;font-size:13.5px}
.ar-offer-page .button.ar-secondary-button:hover{border-color:#eadbd7;background:rgba(255,250,248,.09);color:#fff}
.ar-hero-facts{display:flex;flex-wrap:wrap;gap:7px 18px;list-style:none;margin:23px 0 0;padding:0;color:#c8bbb7;font-size:11px;font-weight:650}
.ar-hero-facts li{position:relative;padding-left:13px}
.ar-hero-facts li:before{content:'•';position:absolute;left:0;color:var(--ar-signal)}
.ar-target-note{max-width:650px;margin:18px 0 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.13);color:#a99c98;font-size:10.5px;line-height:1.55}
.ar-target-note b{color:#d7cbc6}
.ar-offer-hero-visual{position:relative;min-width:0;margin:20px 0 0;padding:0 0 49px 39px}
.ar-hero-main-photo{height:500px;border:1px solid #675657;border-radius:13px;overflow:hidden;background:#e9e2dc;box-shadow:0 30px 70px rgba(0,0,0,.28);transform:rotate(1deg)}
.ar-hero-main-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.ar-hero-proof-photo{position:absolute;left:0;bottom:17px;width:46%;padding:7px;border:1px solid #8a7671;border-radius:9px;background:#f9f4ef;box-shadow:0 15px 35px rgba(0,0,0,.35);transform:rotate(-3deg)}
.ar-hero-proof-photo span{display:block;padding:3px 4px 7px;color:#75514c;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ar-hero-proof-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px;background:#ddd}
.ar-offer-hero-visual figcaption{position:absolute;right:5px;bottom:0;max-width:51%;color:#b6aaa5;font-size:10px;line-height:1.45;text-align:right}
.ar-offer-hero-visual figcaption b{color:#e8ddd7}
.ar-proof-strip{border-bottom:1px solid #e6d8d4;background:#f6eeeb}
.ar-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ar-proof-grid>div{min-width:0;padding:25px 24px;border-right:1px solid #e6d8d4}
.ar-proof-grid>div:first-child{padding-left:0}
.ar-proof-grid>div:last-child{border-right:0;padding-right:0}
.ar-proof-grid strong{display:block;color:#6f343e;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:clamp(20px,2.5vw,31px);font-weight:730;letter-spacing:-.045em;line-height:1.1}
.ar-proof-grid span{display:block;margin-top:6px;color:#79686a;font-size:10.5px;line-height:1.45}
.ar-value-section{padding-top:105px;padding-bottom:105px}
.ar-section-heading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:55px;align-items:end;margin-bottom:40px}
.ar-section-heading h2{max-width:890px;margin:0;color:#352e2c;font-size:clamp(36px,4.5vw,61px);font-weight:690;line-height:1.07;letter-spacing:-.058em}
.ar-section-heading>p{margin:0 0 5px;color:var(--ar-muted);font-size:14px;line-height:1.68}
.ar-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ar-value-grid article{display:flex;min-width:0;min-height:334px;flex-direction:column;padding:28px;border:1px solid var(--ar-line);border-radius:12px;background:#fffdfb}
.ar-card-number{color:#90716f;font-size:9.5px;font-weight:760;letter-spacing:.09em}
.ar-card-icon{display:grid;width:74px;height:74px;place-items:center;margin:27px 0 30px;border:1px solid #ddd0ca;border-radius:50%;background:#f7efeb;color:#86545b;font-size:30px;font-weight:300}
.ar-value-grid h3{margin:0 0 10px;color:#3c3331;font-size:22px;font-weight:670;line-height:1.2;letter-spacing:-.035em}
.ar-value-grid p{margin:0;color:#746965;font-size:13px;line-height:1.65}
.ar-thesis{padding:27px 0;background:var(--ar-accent);color:#352b2b}
.ar-thesis .container{display:flex;align-items:center;justify-content:space-between;gap:35px}
.ar-thesis strong{max-width:900px;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:clamp(19px,2.4vw,29px);font-weight:690;line-height:1.25;letter-spacing:-.035em}
.ar-thesis a{flex:0 0 auto;font-size:12px;font-weight:750}
.ar-journey-section{padding:105px 0;background:var(--ar-ink);color:#fdf7f2}
.ar-section-heading.light h2{color:#fffaf6}
.ar-section-heading.light>p{color:#c6bab6}
.ar-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid #655657}
.ar-journey li{min-width:0;padding:27px 25px 0;border-right:1px solid #655657}
.ar-journey li:first-child{padding-left:0}
.ar-journey li:last-child{padding-right:0;border-right:0}
.ar-time{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:29px;padding:0 9px;border:1px solid #7c6968;border-radius:999px;color:var(--ar-signal);font-size:10px;font-weight:800;letter-spacing:.07em}
.ar-journey b{display:block;margin:22px 0 9px;color:#fff9f4;font-size:18px;line-height:1.3}
.ar-journey p{margin:0;color:#bdb1ad;font-size:12.5px;line-height:1.65}
.ar-proof-gallery{padding-top:88px;padding-bottom:88px}
.ar-proof-gallery .gallery-head{margin-bottom:16px}
.ar-proof-gallery .proof-rail{gap:16px}
.ar-proof-gallery .proof-rail figure{flex:0 0 min(63%,740px);max-width:none;min-width:0}
.ar-proof-gallery .proof-rail img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#f2ece8;border:1px solid var(--ar-line);border-radius:10px}
.ar-proof-gallery .proof-rail figcaption{padding:10px 2px 0;color:#746864;font-size:11.5px;line-height:1.5}
.ar-proof-gallery .proof-rail figcaption b{color:#4a3b39}
.ar-founder-section{padding:100px 0;background:#f5efed}
.ar-founder-grid{display:grid;grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);gap:70px;align-items:center}
.ar-founder-visual{position:relative;display:flex;min-height:470px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:35px;border-radius:13px;background:var(--ar-ink);color:#fff}
.ar-founder-visual:after{content:'';position:absolute;width:350px;height:350px;border:1px solid rgba(234,219,215,.2);border-radius:50%;left:-165px;bottom:-170px;box-shadow:0 0 0 62px rgba(234,219,215,.055),0 0 0 124px rgba(234,219,215,.028)}
.ar-founder-visual span,.ar-founder-visual small{position:relative;z-index:1;color:var(--ar-signal);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.ar-founder-visual strong{position:relative;z-index:1;max-width:430px;font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:clamp(42px,4.7vw,68px);font-weight:680;line-height:1.02;letter-spacing:-.062em}
.ar-founder-visual small{color:#c7bbb6}
.ar-founder-copy h2{margin:0 0 22px;color:#372f2d;font-size:clamp(34px,3.8vw,53px);font-weight:690;line-height:1.08;letter-spacing:-.052em}
.ar-founder-copy p:not(.ar-kicker){color:#665c58;font-size:15px;line-height:1.74}
.ar-founder-copy .text-link{display:inline-flex;margin-top:10px;font-size:13px}
.ar-kit-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:60px;align-items:center;padding-top:105px;padding-bottom:105px}
.ar-kit-photo{position:relative;min-height:510px;overflow:hidden;border:1px solid var(--ar-line);border-radius:13px;background:#eee7e2}
.ar-kit-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ar-kit-photo span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px 9px;border-radius:5px;background:rgba(255,251,247,.92);color:#75655f;font-size:9.5px;font-weight:650}
.ar-kit-copy h2{margin:0 0 17px;color:#372f2d;font-size:clamp(34px,4vw,55px);font-weight:690;line-height:1.08;letter-spacing:-.055em}
.ar-kit-copy>p:not(.ar-kicker){color:#716662;font-size:14px;line-height:1.7}
.ar-kit-copy ul{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--ar-line)}
.ar-kit-copy li{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:18px;padding:15px 0;border-bottom:1px solid var(--ar-line)}
.ar-kit-copy li b{color:#473b38;font-size:12.5px;line-height:1.45}
.ar-kit-copy li span{color:#7a6d68;font-size:11.5px;line-height:1.5}
.ar-fit-section{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);overflow:hidden;margin-bottom:100px;padding:0;border:1px solid var(--ar-line);border-radius:13px;background:#fff}
.ar-fit-intro{padding:42px;background:#eee4e0}
.ar-fit-intro h2{margin:0 0 14px;color:#3c312f;font-size:clamp(31px,3.3vw,45px);font-weight:680;line-height:1.1;letter-spacing:-.052em}
.ar-fit-intro>p:not(.ar-kicker){margin:0;color:#6c5e5a;font-size:13.5px;line-height:1.65}
.ar-fit-grid{display:grid;grid-template-columns:1fr 1fr;padding:18px 27px}
.ar-fit-grid article{min-width:0;padding:24px;border-bottom:1px solid #ebe0da}
.ar-fit-grid article:nth-last-child(-n+2){border-bottom:0}
.ar-fit-grid b{color:#453a37;font-size:16px}
.ar-fit-grid p{margin:8px 0 0;color:#766a66;font-size:12px;line-height:1.6}
.ar-offer-section{position:relative;overflow:hidden;padding:105px 0;background:var(--ar-ink);color:#fff8f3}
.ar-offer-section:after{content:'';position:absolute;width:440px;height:440px;border:1px solid rgba(234,219,215,.13);border-radius:50%;right:-170px;top:-180px;box-shadow:0 0 0 70px rgba(234,219,215,.03),0 0 0 140px rgba(234,219,215,.02)}
.ar-offer-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.72fr);gap:75px;align-items:center}
.ar-offer-grid h2{max-width:730px;margin:0 0 21px;color:#fff9f5;font-size:clamp(43px,5vw,70px);font-weight:690;line-height:1.03;letter-spacing:-.065em}
.ar-offer-grid>div:first-child>p:not(.ar-kicker){max-width:650px;color:#c9bdb8;font-size:15px;line-height:1.72}
.ar-offer-grid .ar-offer-emphasis{color:#fff8f0!important;font-weight:700}
.ar-price-card{padding:31px;border:1px solid #6a5959;border-radius:12px;background:var(--ar-ink-soft);box-shadow:0 25px 65px rgba(0,0,0,.22)}
.ar-price-card>small{display:block;color:#bfb0aa;font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1.5}
.ar-price-card>strong{display:block;margin:15px 0 4px;color:var(--ar-signal);font-family:'Manrope','DM Sans',Arial,sans-serif;font-size:clamp(62px,7vw,87px);font-weight:720;line-height:1;letter-spacing:-.075em}
.ar-price-card>strong span{font-size:15px;font-weight:550;letter-spacing:0}
.ar-price-card>p{margin:0;color:#cfc2bd;font-size:13px}
.ar-price-card ul{list-style:none;margin:24px 0;padding:21px 0;border-top:1px solid #685858;border-bottom:1px solid #685858}
.ar-price-card li{position:relative;padding:5px 0 5px 18px;color:#eee5e0;font-size:12px;line-height:1.5}
.ar-price-card li:before{content:'↗';position:absolute;left:0;color:var(--ar-signal)}
.ar-price-card .button{width:100%;white-space:normal;text-align:center}
.ar-price-card>.button+small{margin-top:14px;color:#a99994;letter-spacing:0}
.ar-signup-section{padding:95px 0;background:var(--ar-signal)}
.ar-signup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.75fr);gap:75px;align-items:center}
.ar-signup-grid h2{margin:0 0 15px;color:#332d28;font-size:clamp(42px,4.8vw,65px);font-weight:690;line-height:1.05;letter-spacing:-.06em}
.ar-signup-grid>div:first-child>p:not(.ar-kicker){max-width:580px;margin:0;color:#715e61;font-size:15px;line-height:1.7}
.ar-signup-form{padding:27px;border:1px solid rgba(60,70,42,.27);border-radius:12px;background:rgba(255,255,255,.7)}
.ar-signup-form .field input{background:#fffdf8}
.ar-signup-form .btn{width:100%;min-height:49px;background:#6f1e2c}
.ar-signup-form .form-footnote{margin-bottom:0}
.ar-faq-section{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:80px;padding-top:95px;padding-bottom:110px}
.ar-faq-heading h2{margin:0;color:#3a302e;font-size:clamp(36px,4vw,54px);font-weight:690;line-height:1.08;letter-spacing:-.055em}
.ar-faq-list details{padding:20px 0;border-bottom:1px solid var(--ar-line)}
.ar-faq-list details:first-child{border-top:1px solid var(--ar-line)}
.ar-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;color:#453a37;font-size:15px;font-weight:700;line-height:1.45;cursor:pointer}
.ar-faq-list summary::-webkit-details-marker{display:none}
.ar-faq-list summary:after{content:'+';flex:0 0 auto;color:#9a5f56;font-size:24px;font-weight:400}
.ar-faq-list details[open] summary:after{content:'−'}
.ar-faq-list details p{max-width:780px;margin:12px 30px 0 0;color:#766a65;font-size:13px;line-height:1.7}
@media(max-width:980px){
 .ar-offer-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:30px}
 .ar-hero-main-photo{height:430px}
 .ar-section-heading{grid-template-columns:1fr;gap:15px;align-items:start}
 .ar-section-heading>p{max-width:650px}
 .ar-founder-grid,.ar-kit-section{gap:38px}
 .ar-offer-grid{gap:40px}
 .ar-signup-grid{gap:45px}
}
@media(max-width:780px){
 .ar-offer-hero{padding:28px 0 55px}
 .ar-offer-hero-grid,.ar-founder-grid,.ar-kit-section,.ar-offer-grid,.ar-signup-grid,.ar-faq-section{grid-template-columns:1fr}
 .ar-offer-hero-grid{gap:34px}
 .ar-offer-hero h1{font-size:clamp(42px,12vw,61px)}
 .ar-offer-hero-visual{max-width:610px;margin:0 auto;padding-left:30px}
 .ar-hero-main-photo{height:auto;aspect-ratio:1.05}
 .ar-proof-grid{grid-template-columns:1fr 1fr}
 .ar-proof-grid>div,.ar-proof-grid>div:first-child,.ar-proof-grid>div:last-child{padding:20px}
 .ar-proof-grid>div:nth-child(2){border-right:0}
 .ar-proof-grid>div:nth-child(-n+2){border-bottom:1px solid #e6d8d4}
 .ar-value-section,.ar-journey-section,.ar-founder-section,.ar-kit-section,.ar-offer-section{padding-top:78px;padding-bottom:78px}
 .ar-value-grid{grid-template-columns:1fr}
 .ar-value-grid article{min-height:0}
 .ar-journey{grid-template-columns:1fr 1fr}
 .ar-journey li{padding:24px}
 .ar-journey li:first-child{padding-left:24px}
 .ar-journey li:nth-child(2){border-right:0}
 .ar-journey li:nth-child(-n+2){border-bottom:1px solid #655657}
 .ar-proof-gallery{padding-top:68px;padding-bottom:68px}
 .ar-proof-gallery .proof-rail figure{flex-basis:88%}
 .ar-founder-visual{min-height:390px}
 .ar-founder-copy{padding-top:5px}
 .ar-kit-photo{min-height:0;aspect-ratio:1.15}
 .ar-kit-section{gap:34px}
 .ar-fit-section{grid-template-columns:1fr;margin-bottom:75px}
 .ar-faq-section{gap:38px;padding-top:75px;padding-bottom:85px}
}
@media(max-width:560px){
 .ar-offer-page .container{min-width:0}
 .ar-offer-hero h1{font-size:clamp(39px,12.5vw,52px)}
 .ar-offer-lead{font-size:15.5px}
 .ar-offer-actions{display:grid;grid-template-columns:1fr}
 .ar-offer-actions .button{width:100%;min-width:0;white-space:normal;text-align:center}
 .ar-hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}
 .ar-offer-hero-visual{padding:0 0 75px 17px}
 .ar-hero-main-photo{border-radius:10px}
 .ar-hero-proof-photo{bottom:29px;width:52%}
 .ar-offer-hero-visual figcaption{bottom:0;max-width:65%}
 .ar-proof-grid{grid-template-columns:1fr}
 .ar-proof-grid>div,.ar-proof-grid>div:first-child,.ar-proof-grid>div:last-child{padding:17px 0;border-right:0;border-bottom:1px solid #e6d8d4}
 .ar-proof-grid>div:last-child{border-bottom:0}
 .ar-proof-grid>div:nth-child(2){border-bottom:1px solid #e6d8d4}
 .ar-value-section,.ar-journey-section,.ar-founder-section,.ar-kit-section,.ar-offer-section{padding-top:62px;padding-bottom:62px}
 .ar-section-heading{margin-bottom:29px}
 .ar-section-heading h2{font-size:34px}
 .ar-value-grid article{padding:23px}
 .ar-card-icon{margin:23px 0;width:62px;height:62px}
 .ar-thesis .container{display:block}
 .ar-thesis a{display:inline-block;margin-top:13px}
 .ar-journey{grid-template-columns:1fr}
 .ar-journey li,.ar-journey li:first-child{padding:22px 0;border-right:0;border-bottom:1px solid #655657}
 .ar-journey li:last-child{border-bottom:0}
 .ar-proof-gallery .gallery-head{align-items:flex-end;gap:10px}
 .ar-proof-gallery .gallery-head>div:first-child{min-width:0}
 .ar-proof-gallery .gallery-actions{flex:0 0 auto}
 .ar-proof-gallery .proof-rail figure{flex-basis:94%;min-width:0}
 .ar-proof-gallery .proof-rail figcaption{overflow-wrap:anywhere}
 .ar-founder-grid{gap:30px}
 .ar-founder-visual{min-height:360px;padding:27px}
 .ar-founder-visual strong{font-size:42px}
 .ar-kit-copy li{grid-template-columns:1fr;gap:5px}
 .ar-fit-intro{padding:28px 23px}
 .ar-fit-grid{grid-template-columns:1fr;padding:8px 22px}
 .ar-fit-grid article{padding:20px 0}
 .ar-fit-grid article:nth-last-child(2){border-bottom:1px solid #ebe0da}
 .ar-price-card{padding:25px 21px}
 .ar-signup-section{padding:68px 0}
 .ar-signup-grid{gap:30px}
 .ar-signup-grid h2{font-size:42px}
 .ar-signup-form{padding:21px}
 .ar-faq-section{padding-top:65px;padding-bottom:75px}
 .ar-faq-list summary,.ar-faq-list details p{overflow-wrap:anywhere}
}

/* v43: touch-friendly interactive mirror experiment for the AR offer. */
.ar-lab-section{padding:105px 0;background:#3b3032;color:#fff9f5}
.ar-lab-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:16px}
.ar-lab-window{position:relative;min-width:0;overflow:hidden;border:1px solid #6d5a5e;border-radius:12px;background:#282123;box-shadow:inset 0 0 70px rgba(22,13,15,.24)}
.ar-lab-window:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.ar-lab-window svg{position:relative;display:block;width:100%;height:auto;min-height:420px}
.ar-lab-label{fill:#eaded8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.06em}
.ar-lab-note{fill:#9e8d89;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:.04em}
.ar-lab-hit{fill:#eadbd7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700}
.ar-lab-badge{fill:#eadbd7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:750;letter-spacing:.04em}
.ar-lab-panel{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:25px;padding:30px;border:1px solid #79666a;border-radius:12px;background:#564548}
.ar-lab-overline{margin:0;color:var(--ar-signal);font-size:9.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.ar-lab-panel h3{margin:10px 0 10px;color:#fff9f4;font-size:27px;font-weight:680;line-height:1.16;letter-spacing:-.04em}
.ar-lab-panel>div:first-child>p:last-child{margin:0;color:#d3c6c1;font-size:13px;line-height:1.68}
.ar-lab-control{padding-top:3px}
.ar-lab-control-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}
.ar-lab-control-head label{color:#d7cac5;font-size:10px;font-weight:750;letter-spacing:.075em;text-transform:uppercase}
.ar-lab-control-head output{color:var(--ar-signal);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:30px;font-weight:750;line-height:1}
.ar-lab-input-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:11px;align-items:center}
.ar-lab-input-row button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid #92777d;border-radius:50%;background:#3b3032;color:#fff9f5;font-size:23px;line-height:1;touch-action:manipulation}
.ar-lab-input-row button:hover{border-color:var(--ar-signal);color:var(--ar-signal)}
.ar-lab-input-row button:focus-visible,.ar-lab-input-row input:focus-visible{outline:3px solid var(--ar-accent);outline-offset:3px}
.ar-lab-input-row input[type=range]{width:100%;height:44px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}
.ar-lab-input-row input[type=range]::-webkit-slider-runnable-track{height:8px;border:1px solid #a68a90;border-radius:99px;background:linear-gradient(90deg,#bb949b,#eadbd7)}
.ar-lab-input-row input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px;appearance:none;border:5px solid #564548;border-radius:50%;background:var(--ar-signal);box-shadow:0 0 0 1px var(--ar-signal)}
.ar-lab-input-row input[type=range]::-moz-range-track{height:8px;border:1px solid #a68a90;border-radius:99px;background:linear-gradient(90deg,#bb949b,#eadbd7)}
.ar-lab-input-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border:5px solid #564548;border-radius:50%;background:var(--ar-signal);box-shadow:0 0 0 1px var(--ar-signal)}
.ar-lab-scale{display:flex;justify-content:space-between;margin:5px 55px 0;color:#ad9d98;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}
.ar-lab-instruction{margin:10px 0 0;color:#aa9995;font-size:10px;text-align:center}
.ar-lab-results{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ar-lab-results>div{min-width:0;padding:13px;border:1px solid #79666a;border-radius:8px;background:#3b3032}
.ar-lab-results strong{display:block;color:var(--ar-signal);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;line-height:1.1}
.ar-lab-results span{display:block;margin-top:5px;color:#c8bab5;font-size:8.5px;font-weight:700;letter-spacing:.055em;line-height:1.4;text-transform:uppercase;overflow-wrap:anywhere}
.ar-lab-footnote{margin:14px 0 0;color:#9f8e8a;font-size:9.5px;line-height:1.55}
@media(max-width:860px){
 .ar-lab-grid{grid-template-columns:1fr}
 .ar-lab-window svg{min-height:0}
 .ar-lab-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.9fr);align-items:center}
 .ar-lab-results{grid-column:1/-1}
}
@media(max-width:560px){
 .ar-lab-section{padding:62px 0}
 .ar-lab-grid{gap:10px}
 .ar-lab-window{border-radius:9px}
 .ar-lab-window svg{width:100%;max-width:100%;min-height:0;transform:none}
 .ar-lab-panel{display:flex;padding:22px 18px;gap:22px;border-radius:9px}
 .ar-lab-panel h3{font-size:24px}
 .ar-lab-input-row{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}
 .ar-lab-input-row button{width:48px;height:48px;font-size:25px}
 .ar-lab-input-row input[type=range]{height:48px}
 .ar-lab-scale{margin-left:57px;margin-right:57px}
 .ar-lab-results strong{font-size:21px}
 .ar-lab-results>div{padding:12px 10px}
}
@media(prefers-reduced-motion:reduce){.ar-lab-input-row button,.ar-lab-input-row input{scroll-behavior:auto}}

/* v52: align and art-direct the proof photo crops. */
.ar-hero-main-photo{position:relative;z-index:1}
.ar-hero-proof-photo{z-index:3}
.ar-offer-hero-visual figcaption{z-index:4}
.ar-proof-gallery{width:min(calc(100% - 52px),var(--max));margin:20px auto 25px;scroll-margin-top:84px}
.ar-proof-gallery .gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px;padding-bottom:15px;border-bottom:1px solid var(--ar-line)}
.ar-proof-gallery .gallery-head>div:first-child{min-width:0}
.ar-proof-gallery .gallery-head strong{display:block;color:#472f33;font-size:18px;line-height:1.25}
.ar-proof-gallery .gallery-head>div:first-child span{display:block;margin-top:4px;color:#806e72;font-size:11px;line-height:1.45}
.ar-proof-gallery .gallery-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.ar-gallery-count{min-width:43px;margin-right:2px;color:#806e72;font-size:10px;font-weight:750;letter-spacing:.05em;text-align:center;white-space:nowrap}
.ar-proof-gallery .gallery-arrow{width:46px;height:46px}
.ar-proof-gallery .gallery-arrow:disabled{opacity:.32;cursor:default;transform:none}
.ar-proof-gallery .proof-rail{align-items:stretch;gap:14px;margin:0;padding:4px 0 17px;scroll-padding-inline:0;scrollbar-color:#c7a7a9 transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.ar-proof-gallery .proof-rail figure{display:grid;grid-template-rows:minmax(0,1fr) auto;height:clamp(360px,42vw,560px);flex:0 0 100%;max-width:none;min-width:0;overflow:hidden;margin:0;padding:9px;border:1px solid var(--ar-line);border-radius:13px;background:#fff;box-shadow:0 9px 22px rgba(71,37,42,.06);scroll-snap-align:center;scroll-snap-stop:always}
.ar-proof-gallery .proof-rail img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;padding:0;border:0;border-radius:8px;background:#f7efed}
.ar-proof-gallery .ar-slide-outcome img{object-position:center 53%}
.ar-proof-gallery .ar-slide-first-light img{object-position:58% 53%}
.ar-proof-gallery .ar-slide-optics img{object-position:52% 45%}
.ar-proof-gallery .ar-slide-display img{object-position:50% 46%}
.ar-proof-gallery .ar-slide-bench img{object-position:52% 54%}
.ar-proof-gallery .proof-rail figcaption{display:flex;align-items:center;min-width:0;min-height:54px;margin:0;padding:11px 7px 4px;color:#69585a;font-size:11.5px;line-height:1.5;overflow-wrap:anywhere}
.ar-proof-gallery .proof-rail figcaption b{margin-right:.3em;color:#7b3f49}
@media(max-width:780px){
 .ar-proof-gallery .proof-rail figure{flex-basis:100%}
 .ar-proof-gallery .proof-rail figure{height:clamp(300px,70vw,460px);flex-basis:100%}
 .ar-proof-gallery .proof-rail img{padding:0}
}
@media(max-width:560px){
 .ar-proof-gallery .gallery-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:11px}
 .ar-proof-gallery .gallery-actions{width:100%;justify-content:flex-end}
 .ar-gallery-count{margin-right:auto;text-align:left}
 .ar-proof-gallery .proof-rail{gap:10px;padding-inline:0}
 .ar-proof-gallery .proof-rail figure{grid-template-rows:minmax(0,1fr) auto;height:clamp(270px,82vw,370px);flex-basis:100%;padding:7px;border-radius:11px}
 .ar-proof-gallery .proof-rail img{padding:0;border-radius:7px}
 .ar-proof-gallery .proof-rail figcaption{min-height:62px;padding:10px 6px 4px;font-size:11px}
}