/* Dark print-shop refinement and native stroke writing. */
:root{--paper:#eeece5;--ink:#24272a;--signature-blue:#143f78;--gold:#b8914e}
html,body{background:var(--paper)}
.brand.maker-brand{width:64px;height:64px}.maker-brand:hover{transform:rotate(-3deg)}.site-header{border-bottom-color:#c4beb1}
.traditional-hero .eyebrow{font-family:ui-monospace,'Courier New',monospace;font-size:9px;letter-spacing:.11em;color:#696459}
.traditional-hero .hero-statement,.traditional-hero .hero-statement em{font-family:'Bricolage Grotesque',Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.045em;line-height:1.08}
.traditional-hero .hero-statement em{color:#80553d}.hero-small-note{font-family:ui-monospace,'Courier New',monospace;font-size:10px;font-style:normal;letter-spacing:.035em;color:#757063}
.traditional-hero .hero-intro{color:#5d5d55}.traditional-hero .primary-button{border-color:#515247;border-bottom:3px solid #ac8953;border-radius:2px;background:linear-gradient(140deg,#363b3d,#1a2024);box-shadow:0 1px 0 #ffffff20 inset,0 4px 6px #1112}
.studio-wall{background:linear-gradient(90deg,#11121715,#0b0c100a),url('images/studio-brick-dark.webp') center/cover;border-radius:5px;inset:17px 0 37px 20px;border:1px solid #403a32;box-shadow:0 2px 6px #0005 inset,0 1px 0 #fff7}
.studio-wall::after{background:linear-gradient(120deg,#0001,transparent 45%,#10131728);border-radius:inherit}.wall-label{color:#d6c5aa;letter-spacing:.13em}
.portrait-stage .portrait-file{background:linear-gradient(110deg,#f3f0e6,#dfd8c7);border-color:#c7beaa;box-shadow:1px 3px 4px #1512103d,9px 17px 20px #16120d40;transform:translateX(-50%) rotate(-4deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d}
.portrait-stage .portrait{filter:saturate(.8) contrast(1.03)}.portrait-stage .portrait-file figcaption strong{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:550;font-style:normal;font-size:22px;letter-spacing:-.045em;color:#383b38}.portrait-stage .portrait-file figcaption span{color:#69675b;font-size:7px}
.portrait-stage .photo-tape{transform:rotate(3deg);transform-origin:14% 50%;filter:drop-shadow(0 1px 1px #27200e21)}.portrait-stage .photo-tape::after{content:"";position:absolute;top:1px;bottom:1px;right:0;width:18%;background:linear-gradient(90deg,transparent,#d3c28a33);transform-origin:left center;box-shadow:0 1px 1px #3f300d12}
.signature-note{background:linear-gradient(120deg,#eae6d9,#e1dac9);border:1px solid #b7aa8c;border-left:3px solid #31475c;border-radius:1px;box-shadow:3px 6px 8px #1c1c1a29;transform:rotate(1.5deg)}.signature-note::before{display:none}.signature-label{font-family:ui-monospace,'Courier New',monospace;font-size:8px;font-style:normal;letter-spacing:.12em;color:#6b675c}
.signature-space{height:87px}.handwritten-signature{display:block;width:100%;height:100%;overflow:visible;position:absolute;left:0;top:0}.signature-ink{color:#143f78}.ink-stroke{clip-path:none!important}.writing-pen{pointer-events:none}
.signature-cursor{z-index:3}.intro-initials{top:7px;z-index:2}.maker-controls{color:#746e62;border-color:#c8bfae}.maker-controls button{font-family:ui-monospace,'Courier New',monospace;font-size:9px;color:#625c4f;border-color:#9b8b70}
.services-heading h2,.services-heading h2 em{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:550;font-style:normal;color:#3b3c36}.services-heading h2 em{color:#80553d}.service-no{font-family:ui-monospace,'Courier New',monospace;color:#7b6953}.service-offer h3{font-weight:550}.mini-poster{background:#673d2c;color:#f2e5c9}.mini-card{background:#e8e2d3;border-color:#c5baa2}.mini-browser{background:#e4dfd2;border-color:#6f746a}.mini-browser>i{background:#3b4446;color:#b7b8a8}.care-slip{background:linear-gradient(110deg,#e5e1d5,#dad1bb);border-color:#bcb09a}.care-slip em{font-family:'Bricolage Grotesque',Arial,sans-serif;font-style:normal;font-size:12px;font-weight:500;margin-top:12px;line-height:1.2;color:#374e61}
.family-section{background:#24231f;border-color:#494234}.family-copy h2,.family-copy h2>span{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:500;font-style:normal}.family-copy h2>span{color:#ccb17f}.contact-section,.site-footer{background-color:#1b2328}.contact-intro h2 button span{font-family:'Bricolage Grotesque',Arial,sans-serif;font-style:normal;font-weight:450;color:#c4ac7c}.footer-makers-mark>span{font-family:'Bricolage Grotesque',Arial,sans-serif;font-style:normal;font-size:21px}.footer-makers-mark .maker-home-mark{width:43px;height:43px}
.traditional-hero.is-playing .portrait-file{animation:photo-touchdown 1.25s cubic-bezier(.2,.7,.2,1) .05s both}.traditional-hero.is-playing .photo-tape{animation:tape-press .8s ease .9s both}.traditional-hero.is-playing .photo-tape::after{animation:tape-edge .75s ease 1.04s both}
.traditional-hero.is-playing .ink-name,.traditional-hero.is-playing .ink-h,.traditional-hero.is-playing .ink-period,.traditional-hero.is-playing .ink-underline{animation:none!important}
.traditional-hero.intro-paused .photo-tape::after,.page-hidden .traditional-hero.is-playing .photo-tape::after{animation-play-state:paused!important}
@keyframes photo-touchdown{
0%{opacity:0;transform:translate(-48%,-58px) rotate(-11deg) rotateX(18deg) scale(1.11);box-shadow:15px 38px 35px #110e0a15}
12%{opacity:1}
46%{transform:translate(-50%,2px) rotate(-5.2deg) rotateX(-3deg) scale(.995);box-shadow:0 2px 3px #15121060,2px 5px 8px #16120d3b}
63%{transform:translate(-50%,-3px) rotate(-3.4deg) rotateX(1.7deg) scale(1.006);box-shadow:3px 6px 6px #15121030,8px 16px 18px #16120d3b}
82%{transform:translate(-50%,.6px) rotate(-4.3deg) rotateX(-.6deg) scale(.999)}
100%{opacity:1;transform:translateX(-50%) rotate(-4deg);box-shadow:1px 3px 4px #1512103d,9px 17px 20px #16120d40}}
@keyframes tape-press{0%{opacity:0;transform:translate(2px,-26px) rotate(-8deg) rotateX(48deg);filter:drop-shadow(3px 7px 3px #0003)}18%{opacity:1}52%{transform:translate(0,-2px) rotate(1deg) rotateX(17deg)}72%{transform:translateY(.6px) rotate(3.8deg) rotateX(-3deg);filter:drop-shadow(0 1px 1px #0002)}100%{opacity:1;transform:rotate(3deg);filter:drop-shadow(0 1px 1px #27200e21)}}
@keyframes tape-edge{0%,15%{transform:rotateY(-48deg) skewY(-5deg);box-shadow:3px 3px 3px #1a130830}65%{transform:rotateY(-12deg) skewY(1deg)}100%{transform:none;box-shadow:0 1px 1px #3f300d12}}
@media(max-width:1100px){.signature-space{height:80px}}
@media(max-width:800px){.studio-wall{inset:13px 0 26px 8px;border-radius:4px}.signature-space{height:74px}.signature-label{font-size:7px}.care-slip em{font-size:11px}}
@media(max-width:620px){.brand.maker-brand{width:54px;height:54px}.traditional-hero .eyebrow{font-size:7px;letter-spacing:.075em}.hero-small-note{font-size:9px;letter-spacing:0}.portrait-stage .portrait-file figcaption strong{font-size:21px}.portrait-stage .portrait-file figcaption span{font-size:6px}.studio-wall{inset:11px 2px 30px 4px;border-radius:4px}.signature-space{height:74px}.signature-note{padding-top:15px}.signature-label{font-size:7px}.maker-controls button{font-size:8px}.care-slip em{font-size:10px;margin-top:12px;line-height:1.3}.footer-makers-mark>span{font-size:18px}}
@media(max-width:380px){.traditional-hero .eyebrow{font-size:6px}.hero-small-note{font-size:8px}.signature-space{height:70px}.portrait-stage .portrait-file figcaption strong{font-size:19px}.portrait-stage .portrait-file figcaption span{font-size:5px}.signature-label{font-size:6px}.care-slip em{font-size:9px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.traditional-hero .hero-anim,.traditional-hero .photo-tape::after{animation:none!important;transition:none!important}.portrait-stage .photo-tape{transform:rotate(3deg)!important;opacity:1!important}.writing-pen{display:none!important}.ink-stroke{stroke-dashoffset:0!important}.portrait-stage .portrait-file{transform:translateX(-50%) rotate(-4deg)!important}}
@media print{.writing-pen{display:none}.ink-stroke{stroke-dashoffset:0!important}.signature-note{box-shadow:none}.studio-wall{display:none}}