/* The warm hearth: photographic setting, quiet firelight, blue marker. */
.traditional-hero .portrait-stage{height:610px}
.studio-wall{overflow:hidden}.hearth-layer{position:absolute;inset:0;isolation:isolate}.hearth-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.firelight{position:absolute;left:50%;top:44%;width:45%;height:42%;border-radius:50%;background:radial-gradient(ellipse,#ffb34447,transparent 70%);mix-blend-mode:screen;opacity:.35;transform-origin:53% 66%;animation:hearth-light 4.9s ease-in-out infinite alternate}
.fire-flames{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none;filter:blur(.35px)}.fire-flames path{opacity:.2;transform-box:fill-box;transform-origin:50% 95%}.flame-a{animation:hearth-flame-a 3.7s ease-in-out infinite alternate}.flame-b{animation:hearth-flame-b 4.6s ease-in-out -.9s infinite alternate}.flame-c{animation:hearth-flame-a 5.1s ease-in-out -1.4s infinite alternate}
body:not(.hearth-in-view) .hearth-motion,.page-hidden .hearth-motion,.fire-paused .hearth-motion{animation-play-state:paused!important}
@keyframes hearth-light{0%{opacity:.2;transform:scale(.99)}36%{opacity:.4;transform:scale(1.015)}73%{opacity:.28;transform:scale(1)}100%{opacity:.45;transform:scale(1.025)}}
@keyframes hearth-flame-a{0%{opacity:.12;transform:scale(.97,.96) rotate(-1deg)}43%{opacity:.27;transform:scale(1.015,1.04) rotate(1deg)}100%{opacity:.18;transform:scale(1,.985)}}
@keyframes hearth-flame-b{0%{opacity:.2;transform:scale(1,.97) skewX(-1deg)}57%{opacity:.33;transform:scale(.99,1.035) skewX(1deg)}100%{opacity:.15;transform:scale(1.02,.99)}}
.portrait-stage .portrait-file{left:29%;width:295px;top:29px}
.signature-note{right:auto;left:4px;bottom:0;width:285px;height:126px;padding:15px 21px 12px;transform:rotate(-1.7deg);background:linear-gradient(110deg,#eee9db,#dfd6c2);border-left:2px solid #3d5777}.signature-space{height:80px}.signature-ink{opacity:.96}.wall-label{display:none}
.maker-controls{margin-top:16px;margin-left:20px;min-height:48px;gap:20px}
.maker-controls .fire-toggle{display:inline-flex;align-items:center;gap:8px;border:0;padding:7px 0;min-height:36px;color:#6a604d;font-family:ui-monospace,'Courier New',monospace;font-size:9px}.fire-toggle::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#c1883d;box-shadow:0 0 5px #d18b3766}.fire-toggle[aria-pressed=true]::before{background:#92846d;box-shadow:none}.fire-toggle:focus-visible{outline:2px solid #ad8855;outline-offset:4px}.fire-toggle:hover{color:#292b28}
.traditional-hero .primary-button,.contact-section .send-button{border:1px solid #44515b;border-bottom-width:1px;border-radius:11px;background:linear-gradient(145deg,#36434d,#202b34);box-shadow:0 1px 0 #ffffff26 inset,0 5px 12px #1b283b20;color:#fff;min-height:51px;padding:12px 17px 12px 21px;font-size:12px;font-weight:500;letter-spacing:.005em;transition:background .2s,box-shadow .2s,transform .2s}
.traditional-hero .primary-button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6e1d0;color:#273a49;font-size:19px;margin-left:8px}
.traditional-hero .primary-button:hover,.contact-section .send-button:hover{background:linear-gradient(145deg,#465866,#293a47);box-shadow:0 1px 0 #ffffff33 inset,0 7px 15px #1b283b2d;transform:translateY(-2px)}
.traditional-hero .primary-button:active,.contact-section .send-button:active{transform:translateY(0);box-shadow:0 1px 0 #ffffff1f inset,0 2px 5px #1b283b20}
.traditional-hero .primary-button:focus-visible,.contact-section .send-button:focus-visible{outline:3px solid #ba9556;outline-offset:4px}
.traditional-hero .work-jump{font-size:11px;letter-spacing:0}.contact-section .send-button{min-height:45px;padding:11px 16px;font-size:11px}.contact-section .send-button svg{width:18px;height:18px}
@media(max-width:1100px){.traditional-hero .portrait-stage{height:570px}.portrait-stage .portrait-file{width:268px;left:30%}.signature-note{width:258px;height:121px;left:0;padding:14px 18px 11px}.signature-space{height:77px}}
@media(max-width:800px){.traditional-hero .portrait-stage{height:525px}.portrait-stage .portrait-file{width:226px;left:32%;top:28px}.signature-note{width:230px;height:113px;padding:14px 17px 10px}.signature-space{height:69px}.maker-controls{margin-left:8px}.maker-controls .fire-toggle{font-size:8px}.traditional-hero .primary-button{font-size:10px;min-height:48px;padding:11px 13px 11px 15px;gap:14px}.traditional-hero .primary-button>span{width:25px;height:25px;font-size:17px;margin-left:0}.traditional-hero .work-jump{font-size:10px}}
@media(max-width:620px){.traditional-hero .portrait-stage{height:656px}.studio-wall{inset:11px 2px 18px 4px}.hearth-layer{inset:auto 0 0;height:auto;aspect-ratio:1}.hearth-scene{mask-image:linear-gradient(to bottom,transparent,#000 17%)}.portrait-stage .portrait-file{width:258px;left:50%;top:24px}.portrait-stage .portrait-file figcaption strong{font-size:21px}.signature-note{left:7px;right:auto;top:358px;bottom:auto;width:250px;height:118px;padding:14px 18px 10px}.signature-space{height:75px}.maker-controls{margin-left:0;margin-top:15px;min-height:46px}.maker-controls .fire-toggle{font-size:9px;min-height:36px}.maker-controls [data-replay-hero]{font-size:8px}.traditional-hero .hero-actions{gap:20px}.traditional-hero .primary-button{font-size:11px;min-height:50px;padding:11px 13px 11px 17px;gap:18px}.traditional-hero .primary-button>span{width:27px;height:27px;font-size:18px}.traditional-hero .work-jump{font-size:10px}}
@media(max-width:380px){.traditional-hero .portrait-stage{height:601px}.portrait-stage .portrait-file{width:228px;top:24px}.signature-note{top:325px;left:4px;width:222px;height:109px;padding:13px 16px 9px}.signature-space{height:67px}.portrait-stage .portrait-file figcaption strong{font-size:19px}.traditional-hero .hero-actions{gap:14px}.traditional-hero .primary-button{font-size:10px;padding-left:15px;gap:14px}.traditional-hero .primary-button>span{width:25px;height:25px;font-size:17px}.traditional-hero .work-jump{font-size:9px}.maker-controls .fire-toggle{font-size:8px}.maker-controls [data-replay-hero]{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hearth-motion{animation:none!important}.fire-flames{display:none}.firelight{opacity:.25}.traditional-hero .primary-button,.contact-section .send-button{transition:none!important}}
@media print{.hearth-layer,.fire-toggle{display:none}.traditional-hero .portrait-stage{height:500px}.signature-note{top:auto;bottom:0}.primary-button{box-shadow:none!important}}
