/* Revisions 02–03: original-resolution photos, transparent Photoshop logo,
   reusable four-square brand mark and a more readable type scale.
   Tehranto live reference, desktop 1280px: body ~15–17px, section headings ~61–64px. */
:root {
  --type-body: 18px;
  --type-support: 16px;
  --type-label: 13px;
  --type-fine: 12px;
  --mark-gold: #c4a25a;
  --mark-slate: #48515c;
  --gold-text: #927643;
  --muted: #605d58;
}
body { font-size:var(--type-body); }
h2 { font-size:clamp(44px,4.7vw,64px); line-height:1.13; }
h1 em,h2 em { color:var(--gold-text); }
.body-copy { font-size:var(--type-body); line-height:1.7; }
.eyebrow { font-size:var(--type-label); line-height:1.6; letter-spacing:.1em; }
.section-index { color:var(--gold-text); }
.small-copy { font-size:var(--type-support); max-width:400px; }
.button { font-size:16px; min-height:58px; font-weight:500; }
.button-small { font-size:15px; min-height:50px; }
.text-link { font-size:16px; gap:14px; line-height:1.5; }
.text-link span { font-size:23px; }
.header { min-height:118px; }
.brand,.brand img { width:143px; }
.brand img { height:100px; object-fit:contain; mix-blend-mode:normal; }
.nav { font-size:16px; margin-left:40px; gap:28px; }
.label-short { display:none; }
.hero { min-height:722px; }
.hero-copy { width:555px; }
.hero h1 { line-height:1.025; }
.hero-description { font-size:20px; line-height:1.55; max-width:470px; margin:23px 0 28px; }
.hero-actions { gap:24px; }
.hero-proof { margin-top:28px; }
.hero-proof p { font-size:14px; line-height:1.6; }
.hero-proof strong { font-weight:550; }
.hero-art { top:36px; }
.art-note { font-size:14px; line-height:1.6; top:28px; right:22%; }
.floating-note { transform:none; font-size:15px; padding:14px 20px; gap:12px; line-height:1.45; top:382px; left:19%; }
.mini-project { width:160px; }
.mini-project img { height:117px; }
.mini-project span { font-size:14px; padding:10px 8px 6px; }
.mini-project b { font-size:19px; }
.mini-kitchen { right:185px; bottom:68px; }
.mini-bathroom { bottom:35px; }
.concept-label { font-size:12px; bottom:27px; left:14%; color:#68645e; }
.proof-strip { padding:32px 0; gap:26px; }
.proof-intro { font-size:15px; line-height:1.55; gap:17px; }
.stat { gap:11px; padding-left:25px; }
.stat strong { font-size:48px; }
.stat strong span { font-size:25px; color:var(--gold-text); }
.stat:last-child strong span { margin-left:5px; }
.stat>span { font-size:14px; line-height:1.5; }
.section-top { margin-bottom:46px; }
.services-grid { gap:72px; }
.service-art { height:624px; }
.service-main { height:542px; }
.service-inset { height:290px; }
.image-tab { font-size:14px; padding:11px 16px; gap:18px; }
.image-tab span { font-size:20px; }
.material-chip { font-size:14px; line-height:1.6; }
.service-concept-label { font-size:12px; bottom:61px; color:#68645e; }
.service-copy .body-copy { font-size:18px; max-width:100%; margin-bottom:23px; line-height:1.65; }
.service-list summary { font-size:20px; line-height:1.35; padding:20px 0; gap:15px; }
.service-list summary small { font-size:13px; margin-right:14px; color:var(--gold-text); }
.service-list summary i { width:32px; height:32px; font-size:23px; }
.service-list p { font-size:16px; line-height:1.65; }
.service-list details div { padding:0 26px 22px 31px; }
.work-heading { grid-template-columns:1fr 2.5fr 110px; margin-bottom:48px; }
.work-heading h2 { font-size:clamp(42px,4.65vw,62px); }
.gallery-nav { gap:12px; }
.gallery-nav button { width:46px; height:46px; font-size:25px; }
.projects { height:484px; }
.project { height:446px; }
.project-chip { font-size:12px; padding:9px 13px; line-height:1.5; letter-spacing:.07em; }
.project-caption small { font-size:12px; line-height:1.5; }
.project-caption strong { font-size:28px; line-height:1.3; }
.project-side { font-size:21px; }
.project-side small { font-size:13px; }
.gallery-bottom p { font-size:15px; }
.gallery-bottom>span { font-size:15px; }
.about { gap:78px; }
.about-copy h2 { font-size:clamp(42px,4.1vw,60px); line-height:1.15; }
.about-copy .body-copy { font-size:18px; max-width:100%; line-height:1.7; }
.about-art { height:560px; }
.team-photo { height:441px; }
.craft-photo { height:251px; }
.warranty-seal { width:131px; height:158px; }
.warranty-seal strong { font-size:57px; }
.warranty-seal span { font-size:11px; line-height:1.5; }
.warranty-seal i { font-size:19px; }
.about-caption { font-size:14px; line-height:1.55; bottom:28px; }
.trust-tags>span { font-size:13px; padding:9px 13px; line-height:1.5; }
.trust-tags b { font-size:12px; }
.promise { gap:35px; padding:40px 0; }
.promise h2 { font-size:33px; line-height:1.2; }
.promise h3 { font-size:20px; line-height:1.35; }
.promise p { font-size:16px; line-height:1.65; }
.line-icon { font-size:28px; }
.estimate-copy { padding:54px 26px 51px 48px; }
.estimate-copy .eyebrow { font-size:12px; line-height:1.65; }
.estimate-copy h2 { font-size:clamp(46px,4.9vw,67px); line-height:1.12; }
.estimate-copy>p:not(.eyebrow) { font-size:18px; line-height:1.65; }
.estimate-copy>small { font-size:13px; line-height:1.5; }
.estimate-panel { min-height:500px; }
.estimate-image { min-height:0; }
.estimate-image img { position:absolute; inset:22px 22px 22px 0; width:calc(100% - 22px); height:calc(100% - 44px); max-height:none; }
.estimate-image-label { font-size:16px; line-height:1.5; }
.estimate-image-label small { font-size:12px; }
.footer-name { font-size:30px; }
.footer-name span { font-size:12px; line-height:1.55; }
.footer-top p { font-size:16px; line-height:1.65; }
.footer-top nav { font-size:15px; gap:21px; line-height:1.5; }
.footer-bottom { font-size:13px; line-height:1.6; }
.concept-toolbar { padding:10px 17px; gap:16px; }
.concept-toolbar>span { font-size:10px; letter-spacing:.08em; }
.concept-toolbar a { font-size:12px; }
.form-note,form label,#form-result { font-size:15px; line-height:1.6; }
input,select,textarea { font-size:16px; padding:13px 14px; line-height:1.5; }
dialog { width:min(570px,calc(100% - 32px)); }
dialog h2 { font-size:44px; }
/* A single reusable motif: three gold panes and one slate pane, from the supplied logo. */
.brand-mark { --mark-size:28px; display:inline-grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); gap:4px; width:var(--mark-size); height:var(--mark-size); flex:0 0 var(--mark-size); vertical-align:middle; transform:none; font-size:0; }
.brand-mark i { display:block; width:auto; height:auto; background:var(--mark-gold); border:0; border-radius:0; }
.brand-mark i:nth-child(3) { background:var(--mark-slate); }
.eyebrow .brand-mark { --mark-size:22px; gap:3px; }
.brand-mark.orbit-cross { --mark-size:49px; gap:6px; top:82px; right:7%; }
.brand-mark.small-star { --mark-size:20px; gap:3px; }
.brand-mark.four-square { --mark-size:27px; gap:4px; }
.brand-mark.service-spark { --mark-size:47px; gap:6px; top:229px; right:calc(9% - var(--mark-size) / 2); }
.brand-mark.inline-spark { --mark-size:32px; gap:4px; margin-left:8px; }
.promise-intro>.brand-mark { --mark-size:37px; gap:5px; }
.brand-mark.estimate-star { --mark-size:59px; gap:7px; top:20px; left:50%; }
.brand-mark.brand-mark--diamond { transform:rotate(45deg); transform-origin:center; }
.concept-toolbar { position:relative; left:auto; bottom:auto; transform:none; width:fit-content; margin:0 auto 26px; }
.about-caption small { display:block; font-size:11px; line-height:1.6; margin-top:5px; }
.team-photo { object-position:50% 28%; }
.craft-photo { object-position:50% 12%; }
@media(max-width:800px) {
  .concept-toolbar { margin-bottom:93px; }
}
@media(min-width:1450px) {
  .hero { min-height:757px; }
  .floating-note { top:419px; }
  .mini-kitchen { right:209px; }
  .mini-project { width:174px; }
  .mini-project img { height:126px; }
}
@media(max-width:1100px) {
  .nav { gap:24px; margin-left:0; font-size:15px; }
  .brand,.brand img { width:132px; }
  .brand img { height:92px; }
  .hero-copy { width:500px; }
  .hero h1 { font-size:68px; }
  .hero-description { max-width:410px; }
  .hero-art { width:63%; right:-40px; }
  .art-note { right:15%; font-size:13px; }
  .floating-note { font-size:14px; left:26%; top:375px; }
  .mini-project { width:137px; }
  .mini-project img { height:100px; }
  .mini-kitchen { right:151px; bottom:67px; }
  .mini-bathroom { right:0; bottom:36px; }
  .concept-label { left:25%; max-width:180px; }
  .proof-intro { font-size:13px; }
  .stat { padding-left:19px; }
  .stat strong { font-size:43px; }
  .stat>span { font-size:13px; }
  .services-grid { gap:44px; }
  .service-art { height:599px; }
  .service-main { height:519px; }
  .service-inset { height:260px; }
  .service-list summary { font-size:19px; }
  .service-copy h2 { font-size:49px; }
  .work-heading { grid-template-columns:.8fr 2.8fr 104px; }
  .work-heading h2 { font-size:48px; }
  .project-chip { font-size:11px; padding:8px 10px; left:16px; }
  .project-caption strong { font-size:25px; }
  .project-caption { left:20px; }
  .about { gap:50px; }
  .about-copy h2 { font-size:48px; }
  .about-art { height:537px; }
  .team-photo { height:419px; }
  .craft-photo { height:230px; }
  .about-caption { font-size:13px; }
  .promise { gap:24px; }
  .promise h2 { font-size:28px; }
  .promise-intro { gap:14px; }
  .promise-intro>.brand-mark { --mark-size:30px; }
  .promise h3 { font-size:19px; }
  .promise p { font-size:15px; }
  .estimate-copy { padding-left:35px; }
  .estimate-copy h2 { font-size:51px; }
  .footer-top nav { gap:15px; }
}
@media(max-width:800px) {
  .wrap { width:calc(100% - 40px); }
  .header { min-height:109px; gap:16px; }
  .brand,.brand img { width:107px; }
  .brand img { height:75px; }
  .header-cta { font-size:14px; min-height:46px; gap:12px; padding-left:16px; }
  .header-cta .arrow { width:30px; height:30px; }
  .label-wide { display:none; }
  .label-short { display:inline; }
  .menu-toggle { width:30px; height:44px; }
  .nav { top:108px; padding:26px; font-size:17px; gap:25px; }
  .hero { display:flex; flex-direction:column; padding-top:40px; padding-bottom:30px; min-height:0; }
  .hero-copy { width:100%; }
  .hero .eyebrow { font-size:12px; gap:11px; letter-spacing:.08em; }
  .hero h1 { font-size:clamp(58px,9.9vw,77px); margin-top:25px; }
  .hero-description { font-size:19px; line-height:1.6; max-width:550px; margin-top:23px; margin-bottom:24px; }
  .hero-actions { flex-wrap:wrap; gap:13px 24px; }
  .hero-actions .button { font-size:16px; min-height:57px; padding-left:20px; gap:20px; }
  .hero-actions .gold-arrow { width:41px; height:41px; }
  .hero-actions .text-link { font-size:15px; gap:10px; }
  .hero-proof { margin-top:24px; }
  .hero-proof p { font-size:13px; line-height:1.6; }
  .hero-proof p br { display:block; }
  .hero-proof strong { margin-left:0; }
  .hero-art { position:relative; top:auto; right:auto; bottom:auto; width:100%; height:503px; margin-top:32px; flex:none; }
  .hero-shape { top:75px; left:5%; height:305px; }
  .house-cutout { top:32px; left:-9%; width:118%; height:373px; }
  .art-note { top:0; right:30%; font-size:13px; }
  .floating-note { top:305px; left:7%; font-size:14px; padding:11px 16px; }
  .brand-mark.orbit-cross { --mark-size:35px; top:36px; right:5%; gap:5px; }
  .mini-project { width:145px; }
  .mini-project img { height:91px; }
  .mini-kitchen { right:166px; bottom:27px; }
  .mini-bathroom { right:0; bottom:0; }
  .mini-project span { font-size:14px; padding:9px 7px 5px; }
  .concept-label { font-size:11px; left:0; bottom:11px; max-width:120px; line-height:1.55; }
  .proof-strip { grid-template-columns:repeat(3,1fr); gap:24px 10px; padding:27px 0; }
  .proof-intro { font-size:14px; gap:13px; }
  .proof-intro p br { display:block; }
  .stat { padding-left:13px; gap:8px; }
  .stat:nth-child(2) { padding-left:0; }
  .stat strong { font-size:42px; }
  .stat strong span { font-size:22px; }
  .stat>span { font-size:13px; line-height:1.5; }
  .eyebrow { font-size:12px; }
  .section-top { margin-bottom:30px; gap:24px; }
  .section-top .small-copy { font-size:14px; line-height:1.6; max-width:220px; }
  .services-grid { grid-template-columns:1fr; gap:38px; }
  .service-art { height:561px; max-width:600px; }
  .service-main { height:469px; width:88%; }
  .service-inset { height:267px; width:43%; }
  .image-tab { font-size:13px; padding:10px 14px; }
  .brand-mark.service-spark { --mark-size:40px; top:190px; right:calc(12% - var(--mark-size) / 2); }
  .service-concept-label { bottom:60px; left:18px; font-size:11px; }
  .material-chip { font-size:13px; left:18px; bottom:3px; }
  .service-copy h2 { font-size:46px; }
  .service-copy .body-copy { font-size:18px; }
  .service-list summary { font-size:19px; padding:20px 0; }
  .service-list p { font-size:16px; }
  .service-list summary small { font-size:13px; }
  .work-heading { grid-template-columns:1fr 104px; gap:25px; }
  .work-heading h2 { font-size:43px; }
  .gallery-nav button { width:46px; height:46px; }
  .projects { height:449px; }
  .project,.project.is-active { height:414px; flex-basis:78%; }
  .project-chip { font-size:11px; top:19px; }
  .project-caption small { font-size:12px; }
  .project-caption strong { font-size:27px; }
  .project-circle { width:37px; height:37px; right:16px; }
  .gallery-bottom { gap:20px; margin-top:21px; }
  .gallery-bottom p { font-size:14px; max-width:79%; line-height:1.6; }
  .gallery-bottom>span { font-size:14px; white-space:nowrap; }
  .about { grid-template-columns:1fr; gap:43px; }
  .about-copy h2 { font-size:46px; }
  .about-copy .body-copy { font-size:18px; }
  .about-art { height:526px; }
  .team-photo { height:403px; }
  .craft-photo { height:246px; }
  .about-caption { font-size:13px; max-width:51%; bottom:30px; }
  .warranty-seal { width:124px; height:151px; }
  .warranty-seal strong { font-size:53px; }
  .warranty-seal span { font-size:10px; }
  .promise { gap:32px 27px; }
  .promise h2 { font-size:30px; }
  .promise-intro { gap:13px; }
  .promise-intro>.brand-mark { --mark-size:30px; }
  .promise h3 { font-size:20px; }
  .promise p { font-size:16px; }
  .estimate-copy { padding:40px 28px 32px; }
  .estimate-copy .eyebrow { font-size:12px; letter-spacing:.08em; }
  .estimate-copy h2 { font-size:52px; }
  .estimate-copy>p:not(.eyebrow) { font-size:18px; }
  .estimate-copy>small { font-size:13px; }
  .estimate-image { height:330px; }
  .estimate-image img { position:static; width:100%; height:100%; }
  .estimate-image-label { font-size:15px; }
  .brand-mark.estimate-star { --mark-size:48px; gap:6px; left:auto; right:24px; top:auto; bottom:300px; }
  .footer-name { font-size:28px; }
  .footer-name span { font-size:11px; }
  .footer-top p { font-size:15px; }
  .footer-top nav { font-size:15px; gap:25px; }
  .footer-bottom { font-size:12px; line-height:1.65; }
  .concept-toolbar { gap:12px; padding:9px 12px; }
  .concept-toolbar>span { font-size:9px; }
  .concept-toolbar a { font-size:11px; padding-left:12px; }
}
@media(max-width:450px) {
  .hero h1 { font-size:58px; }
  .hero-description { font-size:18px; }
  .hero-actions>.button { width:100%; }
  .hero-actions .text-link { font-size:16px; }
  .hero-proof p { font-size:13px; }
  .hero-art { height:450px; margin-top:34px; }
  .hero-shape { height:241px; top:72px; }
  .house-cutout { height:305px; top:39px; }
  .floating-note { top:257px; left:2%; font-size:13px; padding:10px 13px; }
  .mini-project { width:120px; }
  .mini-project img { height:83px; }
  .mini-kitchen { right:137px; bottom:25px; }
  .mini-bathroom { bottom:0; }
  .mini-project span { font-size:13px; padding:8px 5px 4px; }
  .concept-label { max-width:82px; font-size:11px; bottom:11px; }
  .art-note { right:27%; font-size:12px; }
  .brand-mark.orbit-cross { --mark-size:29px; gap:4px; top:39px; right:3%; }
  .section-top { display:block; }
  .section-top .small-copy { max-width:none; margin-top:18px; font-size:15px; }
  .section-top .small-copy br { display:none; }
  .service-art { height:477px; }
  .service-main { height:388px; }
  .service-inset { height:231px; width:45%; }
  .image-tab { top:18px; left:16px; font-size:12px; padding:10px 12px; gap:12px; }
  .brand-mark.service-spark { --mark-size:33px; gap:4px; top:151px; right:calc(12% - var(--mark-size) / 2); }
  .material-chip { font-size:12px; gap:10px; left:8px; bottom:3px; }
  .material-chip i { width:29px; height:29px; }
  .service-concept-label { left:8px; bottom:59px; font-size:11px; }
  .service-copy h2 { font-size:42px; }
  .service-list summary { font-size:18px; gap:10px; }
  .service-list summary small { margin-right:10px; }
  .service-list details div { padding-left:27px; padding-right:8px; }
  .work-heading { grid-template-columns:1fr; gap:23px; margin-bottom:27px; }
  .work-heading h2 { font-size:39px; }
  .gallery-nav { justify-self:end; }
  .projects { height:414px; }
  .project,.project.is-active { height:381px; flex-basis:86%; }
  .project-chip { font-size:10px; left:16px; }
  .project-circle { width:34px; height:34px; font-size:21px; right:13px; }
  .project-caption strong { font-size:25px; }
  .gallery-bottom p { max-width:77%; }
  .about-copy h2 { font-size:41px; }
  .brand-mark.inline-spark { --mark-size:26px; }
  .about-art { height:468px; }
  .team-photo { height:358px; }
  .craft-photo { height:207px; bottom:19px; }
  .warranty-seal { width:110px; height:136px; left:0; }
  .warranty-seal strong { font-size:48px; }
  .warranty-seal span { font-size:10px; }
  .about-caption { font-size:12px; bottom:31px; }
  .trust-tags { gap:9px; }
  .trust-tags>span { font-size:12px; padding:8px 11px; }
  .promise { grid-template-columns:1fr; gap:29px; }
  .promise-intro { align-items:center; }
  .promise h2 { font-size:34px; }
  .promise h3 { font-size:21px; }
  .promise p { font-size:16px; max-width:38ch; }
  .promise>div:not(.promise-intro) { padding-left:44px; position:relative; }
  .promise .line-icon { position:absolute; left:0; top:1px; }
  .estimate-copy { padding:35px 24px 30px; }
  .estimate-copy h2 { font-size:47px; }
  .estimate-copy h2>span { font-size:30px; margin-left:9px; }
  .estimate-copy .button { font-size:16px; }
  .estimate-copy>p:not(.eyebrow) { font-size:18px; }
  .estimate-image { height:294px; }
  .brand-mark.estimate-star { bottom:266px; --mark-size:44px; }
  .footer-top { grid-template-columns:1fr; gap:24px; }
  .footer-top p { font-size:16px; }
  .footer-name { font-size:29px; }
  .footer-name span { font-size:12px; }
  .footer-top nav { gap:24px; }
  .footer-bottom { gap:20px; }
  .concept-toolbar { max-width:calc(100% - 24px); gap:9px; padding:10px 11px; }
  .concept-toolbar>span { font-size:8px; letter-spacing:.03em; }
  .concept-toolbar a { font-size:11px; padding-left:9px; }
}

/* Revision 11: raised photo-edge motifs and gently floating hero cards. */
.brand-mark:is(.orbit-cross,.service-spark,.estimate-star) {
  z-index:4;
  filter:drop-shadow(0 3px 2px #29292926) drop-shadow(0 11px 10px #29292930);
  animation:mark-float 7s ease-in-out infinite;
  pointer-events:none;
}
.brand-mark:is(.orbit-cross,.service-spark,.estimate-star) i {
  outline:1.5px solid #fafaf6;
  outline-offset:0;
}
.brand-mark.service-spark { animation-delay:-2.3s; }
.estimate-panel { overflow:visible; }
.brand-mark.estimate-star {
  left:auto; right:calc(16px - var(--mark-size) / 2);
  top:30%; bottom:auto; animation-delay:-4.6s;
}
.mini-project {
  box-shadow:0 7px 14px #2929290d,0 22px 34px -10px #29292933;
  animation:card-float 6.8s ease-in-out infinite;
  transition:box-shadow .25s ease;
}
.mini-kitchen { transform:rotate(-4deg); }
.mini-bathroom { transform:rotate(5deg); animation-duration:7.6s; animation-delay:-3.2s; }
.mini-kitchen:hover { transform:rotate(-4deg); }
.mini-bathroom:hover { transform:rotate(5deg); }
.mini-project:is(:hover,:focus-visible) {
  animation-play-state:paused;
  box-shadow:0 9px 18px #29292914,0 26px 40px -10px #29292940;
}
@keyframes mark-float { 0%,100% { translate:0 0; } 50% { translate:0 -6px; } }
@keyframes card-float { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }
@media(max-width:800px) {
  .brand-mark.estimate-star { top:auto; bottom:140px; }
}
@media(max-width:450px) {
  .brand-mark.estimate-star { bottom:124px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-mark:is(.orbit-cross,.service-spark,.estimate-star),.mini-project {
    animation:none; translate:none; transition:none;
  }
}
@media print {
  .brand-mark:is(.orbit-cross,.service-spark,.estimate-star),.mini-project { animation:none; translate:none; }
}

/* Revision 12: architectural trust cards and a circular warranty seal. */
.proof-strip { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:34px 0; align-items:stretch; }
.proof-intro { grid-column:1/-1; justify-content:flex-start; margin-bottom:8px; }
.proof-intro p { font-size:18px; line-height:1.5; }
.proof-intro p br { display:none; }
.stat,.stat:nth-child(2) { position:relative; isolation:isolate; overflow:hidden; min-height:190px; padding:28px; gap:12px; border:1px solid #d8cfbd; border-radius:26px 26px 48px 26px; background:#f1ede4; }
.stat strong { position:relative; z-index:1; font-size:64px; line-height:1.1; margin-top:16px; }
.stat strong span { font-size:27px; }
.stat>span { position:relative; z-index:1; color:var(--ink); font-size:16px; }
.stat .trust-icon { position:absolute; width:56px; height:56px; right:24px; top:21px; color:var(--gold-text); }
.stat-detail { position:absolute; z-index:-1; width:130px; height:160px; right:-23px; bottom:-87px; border:1px solid #c4a25a66; border-radius:80px 80px 0 0; transform:rotate(-30deg); }
.stat-detail:after { content:""; position:absolute; inset:12px; border:1px solid #c4a25a55; border-radius:inherit; }
.stat-projects { background:#292929; border-color:#292929; color:#fff; }
.stat-projects>span { color:#e5dfd4; }
.stat-projects strong span,.stat-projects .trust-icon { color:#e5d8b9; }
.stat-warranty { background:#e5d8b9; }
.warranty-seal { width:156px; height:156px; padding:21px 15px 17px; border-radius:50%; background:linear-gradient(140deg,#f1e8d2,#ddc891); border:1px solid #c4a25a; transform:rotate(-8deg); box-shadow:0 12px 24px #29292920; z-index:2; }
.warranty-seal:before { content:""; position:absolute; inset:8px; border:1px dashed #92764399; border-radius:50%; pointer-events:none; }
.warranty-seal .seal-overline { font-size:8px; letter-spacing:.12em; margin:0 0 3px; }
.warranty-seal strong { font-family:Georgia,serif; font-size:58px; line-height:.95; margin-bottom:3px; }
.warranty-seal>span:not(.seal-overline) { font-size:10px; margin-top:4px; letter-spacing:.09em; }
.warranty-seal .seal-check { position:absolute; right:0; bottom:2px; width:34px; height:34px; display:grid; place-items:center; border:3px solid var(--paper); border-radius:50%; background:#292929; color:#e5d8b9; }
.seal-check svg { width:28px; height:28px; stroke-width:3; }
.promise { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:38px 0; }
.promise-intro { grid-column:1/-1; margin-bottom:8px; }
.promise h2 { font-size:38px; }
.promise>div.benefit-card { position:relative; overflow:hidden; padding:28px; border:1px solid #ded7ca; border-radius:28px; background:linear-gradient(140deg,#fff,#f4f0e7); }
.benefit-art { position:relative; height:100px; margin-bottom:24px; display:flex; align-items:center; }
.benefit-art:before { content:""; position:absolute; width:84px; height:84px; top:10px; left:8px; border-radius:28px 44px 24px 40px; background:#e5d8b9; transform:rotate(-12deg); }
.benefit-illustration { position:relative; width:88px; height:88px; color:#655331; filter:drop-shadow(0 3px 0 #ffffffb3); }
.benefit-art>span { margin-left:auto; align-self:flex-start; font-size:13px; color:#927643; letter-spacing:.12em; border-bottom:1px solid #c4a25a; padding-bottom:7px; }
.promise h3 { font-size:23px; margin-bottom:12px; }
.promise p { font-size:16px; line-height:1.65; max-width:32ch; }
.site-credit { border-top:1px solid var(--line); margin-top:22px; padding:20px 0 4px; text-align:center; color:var(--muted); font-size:13px; line-height:1.8; }
.site-credit a { color:var(--ink); white-space:nowrap; text-underline-offset:4px; }
.site-credit a:hover { color:var(--gold-text); text-decoration:underline; }
.site-credit strong { font-weight:600; }
@media(max-width:1000px) and (min-width:801px) {
 .stat,.stat:nth-child(2) { padding:22px; }
 .stat strong { font-size:53px; }
 .stat .trust-icon { width:44px; height:44px; right:16px; }
 .stat strong span { font-size:22px; }
 .promise>div.benefit-card { padding:22px; }
}
@media(max-width:800px) {
 .proof-strip { gap:12px; }
 .proof-intro p { font-size:17px; }
 .stat,.stat:nth-child(2) { padding:20px 16px; min-height:196px; border-radius:22px; }
 .stat .trust-icon { position:static; width:40px; height:40px; }
 .stat strong { font-size:43px; margin-top:0; }
 .stat strong span { font-size:19px; }
 .stat>span { font-size:14px; }
 .warranty-seal { width:140px; height:140px; }
 .warranty-seal strong { font-size:51px; }
 .warranty-seal .seal-overline { font-size:7px; }
 .promise { grid-template-columns:1fr; gap:14px; }
 .promise>div.benefit-card { display:grid; grid-template-columns:96px 1fr; gap:0 20px; padding:24px; }
 .benefit-art { grid-row:1/3; margin:0; height:96px; }
 .benefit-art>span { position:absolute; bottom:-8px; left:36px; border:0; padding:0; font-size:10px; }
 .promise h3 { font-size:22px; margin-bottom:7px; }
 .promise p { font-size:16px; }
}
@media(max-width:450px) {
 .proof-strip { grid-template-columns:1fr; }
 .proof-intro { margin-bottom:10px; }
 .proof-intro p br { display:block; }
 .stat,.stat:nth-child(2) { min-height:136px; padding:23px; gap:8px; }
 .stat .trust-icon { position:absolute; width:53px; height:53px; right:20px; top:26px; }
 .stat strong { font-size:52px; }
 .stat strong span { font-size:24px; }
 .stat>span { font-size:15px; }
 .warranty-seal { width:124px; height:124px; padding:17px 11px 14px; left:0; }
 .warranty-seal strong { font-size:44px; }
 .warranty-seal>span:not(.seal-overline) { font-size:8px; }
 .warranty-seal .seal-overline { font-size:6px; }
 .warranty-seal .seal-check { width:29px; height:29px; }
 .promise h2 { font-size:34px; }
 .promise>div.benefit-card { padding:21px 18px; grid-template-columns:68px 1fr; gap:0 15px; }
 .benefit-art { height:76px; }
 .benefit-art:before { width:62px; height:62px; left:0; top:6px; }
 .benefit-illustration { width:68px; height:68px; }
 .benefit-art>span { left:24px; }
 .promise h3 { font-size:20px; }
 .promise p { font-size:15px; }
 .site-credit { font-size:12px; padding-bottom:12px; }
}

/* Revision 13: readable metric units and proportionate card typography. */
.proof-intro p { font-size:20px; font-weight:500; }
.stat strong { display:flex; align-items:baseline; gap:6px; font-size:72px; font-weight:500; letter-spacing:-.025em; line-height:1.08; }
.stat strong span { font-size:30px; font-weight:550; letter-spacing:0; line-height:1.2; }
.stat.stat-warranty strong { gap:10px; }
.stat.stat-warranty strong span { margin-left:0; }
.stat>span { font-size:18px; font-weight:500; letter-spacing:0; line-height:1.45; }
@media(max-width:1000px) and (min-width:801px) {
 .stat strong { font-size:60px; }
 .stat strong span { font-size:26px; }
 .stat>span { font-size:17px; }
}
@media(max-width:800px) {
 .proof-intro p { font-size:18px; }
 .stat strong { font-size:48px; }
 .stat strong span { font-size:22px; }
 .stat>span { font-size:16px; }
}
@media(max-width:600px) {
 .proof-strip { grid-template-columns:1fr; }
 .proof-intro p br { display:block; }
 .stat,.stat:nth-child(2) { min-height:146px; padding:24px; gap:10px; }
 .stat .trust-icon { position:absolute; width:48px; height:48px; right:22px; top:25px; }
 .stat strong { font-size:56px; }
 .stat strong span { font-size:26px; }
 .stat>span { font-size:17px; }
}

/* Revision 14: two-line mobile headline brings hero imagery into view sooner. */
@media(max-width:800px) {
 .hero h1 { font-size:clamp(38px,12.7vw,77px); line-height:1.08; }
 .hero h1 .hero-title-line { white-space:nowrap; }
 .hero h1 br.hero-line-break { display:block; }
 .hero h1 br.hero-home-break { display:none; }
 .hero h1 em { margin-left:0; }
}
@media(min-width:451px) and (max-width:800px) {
 .hero h1 { font-size:clamp(58px,9.9vw,77px); }
}