/* Patrick's traditional creative studio: cream paper, brick, brass and blue ink. */
:root{--paper:#f8f5ed;--ink:#252624;--muted:#68685f;--line:#d9d3c6;--gold:#c49b47;--signature-blue:#234b83}
html,body{background:var(--paper)}body{color:var(--ink)}
.site-header{padding:22px 0 17px;border-bottom:1px solid #d9d3c6;justify-content:flex-start}.brand.maker-brand{width:53px;height:53px;display:block;color:#252624;transition:transform .25s}.maker-home-mark{width:100%;height:100%;display:block}.maker-brand:hover{transform:rotate(-5deg)}.maker-brand:focus-visible{outline:2px solid #9a783b;outline-offset:5px}
.traditional-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px 65px;padding:39px 0 52px;align-items:center}.traditional-hero .hero-copy{padding:14px 0 0}.traditional-hero .eyebrow{font-size:9px;letter-spacing:.16em;color:#7b786c;margin-bottom:25px}
.traditional-hero h1{width:100%;max-width:535px;margin:0 0 34px}.traditional-hero .hero-wordmark{width:100%;height:auto;filter:none}.traditional-hero .hero-statement,.traditional-hero .hero-statement em{font-size:42px;line-height:1.12;letter-spacing:-.04em}.traditional-hero .hero-statement{font-weight:450;margin:0 0 26px}.traditional-hero .hero-statement em{font-family:Georgia,serif;font-weight:400;color:#625b4d}.traditional-hero .hero-intro{font-size:15px;line-height:1.85;color:#68675e;max-width:448px;margin-bottom:29px}.traditional-hero .hero-actions{gap:24px;flex-wrap:wrap}.traditional-hero .primary-button{background:linear-gradient(135deg,#373a35,#1e2320);border-color:#41483c;border-radius:3px;font-size:11px;padding:14px 19px;min-height:48px}.traditional-hero .work-jump{font-size:11px;color:#656455;border-color:#bcb29d;padding:12px 0}.hero-small-note{font-family:Georgia,serif;font-style:italic;color:#87816f;font-size:13px;margin:25px 0 0}
.personal-stage{min-width:0}.portrait-stage{position:relative;height:596px;isolation:isolate;perspective:1000px}.studio-wall{position:absolute;inset:17px 0 37px 20px;background:linear-gradient(#efe7d629,#f4ebda29),url('images/studio-brick-dark.webp') center/cover;border-radius:150px 150px 5px 5px;border:1px solid #bfb09a;box-shadow:0 2px 5px #46332118 inset,0 1px 0 #fff}.studio-wall::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#49331d0b,transparent 35%,#fff4 80%);pointer-events:none}.wall-label{position:absolute;bottom:54px;left:42px;font-size:7px;letter-spacing:.2em;color:#695c48;writing-mode:vertical-rl;rotate:180deg}
.portrait-stage .portrait-file{position:absolute;width:326px;left:50%;top:24px;right:auto;bottom:auto;margin:0;padding:13px 13px 20px;background:linear-gradient(120deg,#fffef8,#f5f2e6);border:1px solid #d8d1bf;box-shadow:0 2px 3px #493a242e,8px 18px 22px #38251538;transform:translateX(-50%) rotate(-4deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));z-index:3}
.portrait-stage .portrait{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border:1px solid #c5bda9;filter:saturate(.88)}.portrait-stage .portrait-file figcaption{margin:13px 0 0;line-height:1.25;text-align:center}.portrait-stage .portrait-file figcaption strong{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:23px;letter-spacing:-.03em;color:#484333}.portrait-stage .portrait-file figcaption span{display:block;margin-top:6px;font-size:7px;letter-spacing:.025em;color:#8a8272}
.portrait-stage .photo-tape{position:absolute;z-index:4;width:109px;height:34px;left:calc(50% - 54px);top:-15px;background:repeating-linear-gradient(90deg,#c5b37618 0,#d7c99322 1px,transparent 2px,transparent 4px),linear-gradient(90deg,#d3bf8188,#e1d19cb3 55%,#c8b47788);box-shadow:0 1px 1px #66512717;transform:rotate(3deg);clip-path:polygon(1% 3%,98% 0,100% 94%,1% 100%,2% 71%,0 47%)}
.signature-note{position:absolute;right:-9px;bottom:6px;width:310px;height:134px;padding:17px 24px 13px;background:linear-gradient(130deg,#fffdf4,#f7f1df);border:1px solid #d6c9ad;box-shadow:2px 5px 9px #3b2f1b1f;transform:rotate(3deg);z-index:5;color:var(--signature-blue)}.signature-note::before{content:"";position:absolute;width:53px;height:20px;background:#d4bd7c73;left:calc(50% - 26px);top:-9px;transform:rotate(-5deg)}.signature-label{font-family:Georgia,serif;font-size:11px;color:#8c836d;font-style:italic}.signature-space{position:relative;height:87px}.ink-signature{position:absolute;left:0;top:0;white-space:nowrap;display:flex;align-items:baseline;gap:9px;line-height:1.2;font-family:Allura,'Segoe Script',cursive;font-size:66px;letter-spacing:-1px}.ink-name,.ink-h,.ink-period{display:inline-block}.ink-period{margin-left:-9px}.intro-initials{position:absolute;left:19px;top:8px;font-family:Georgia,serif;font-size:52px;color:#252624;display:flex;gap:20px;opacity:1}.initial-p,.initial-h{opacity:0}.signature-cursor{position:absolute;left:45px;top:35px;width:23px;height:30px;opacity:0}.click-ring{position:absolute;left:37px;top:24px;width:25px;height:25px;border:1.5px solid #c49b47;border-radius:50%;opacity:0}.ink-underline{position:absolute;bottom:1px;left:0;right:0;width:100%;height:22px;color:#365a8c;opacity:.75}.maker-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0 0 20px;padding-top:13px;border-top:1px solid #d9d3c6;min-height:43px;color:#8c8678;font-size:9px}.maker-controls button{border:0;border-bottom:1px solid #b9ae96;border-radius:0;background:transparent;padding:6px 0;color:#726953;font:inherit;font-size:10px;cursor:pointer;min-height:32px}.maker-controls button:hover{color:#252624;border-color:#252624}.maker-controls button:focus-visible{outline:2px solid #a8874d;outline-offset:5px}.maker-controls button:disabled{cursor:default;opacity:.65}
.services-section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2.3fr);gap:40px;padding:62px 0 76px;border-top:1px solid #d7cfbd}.services-heading .eyebrow{font-size:8px;letter-spacing:.13em;color:#8c816c;margin-bottom:23px}.services-heading h2{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:36px;font-weight:450;letter-spacing:-.05em;line-height:1.1;margin:0 0 19px}.services-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#74674d;font-size:35px}.services-heading>p:last-child{font-size:12px;line-height:1.8;color:#807766;max-width:220px}
.service-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px}.service-offer{display:flex;flex-direction:column;min-width:0}.service-no{font-size:7px;color:#8c7c60;letter-spacing:.09em;line-height:1.7}.service-object{height:147px;position:relative;margin:15px 0 21px;isolation:isolate}.service-offer h3{font-size:18px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:0 0 14px}.service-offer>p{font-size:12px;line-height:1.85;color:#746d5e;margin:0 0 19px}.service-offer>a{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;line-height:1.5;color:#4b4a3e;border-bottom:1px solid #c8bea9;padding:10px 0;min-height:44px;margin-top:auto}.service-offer>a span{font-size:17px}.service-offer>a:hover{color:#244c80;border-color:#244c80}.service-offer>a:focus-visible{outline:2px solid #a58a58;outline-offset:4px}
.mini-poster{position:absolute;width:92px;height:126px;left:18px;top:6px;padding:16px 10px;background:#d4c4a0;box-shadow:3px 5px 7px #382d1b18;transform:rotate(-9deg);color:#35422e}.mini-poster b{font-size:23px;font-weight:550;letter-spacing:-.06em;line-height:1.05}.mini-poster i{display:block;font-size:6px;line-height:1.4;margin-top:18px}.mini-card{position:absolute;left:83px;top:69px;width:130px;padding:10px 12px;background:#fefcf6;border:1px solid #e0d7c4;box-shadow:2px 5px 6px #382d1b18;transform:rotate(7deg);font-family:Georgia,serif;font-style:italic;font-size:25px;color:#2b4e7a}.mini-card i{display:block;font-family:Arial,sans-serif;font-size:6px;margin-top:5px;color:#8c806c}
.mini-browser{position:absolute;inset:11px 6px 9px 4px;background:#fcfaf2;border:1px solid #aaa994;border-radius:4px;box-shadow:3px 6px 8px #382d1b14;transform:rotate(3deg);overflow:hidden}.mini-browser>i{display:block;background:#e1ded0;color:#9b9989;font-size:6px;height:18px;padding:4px 8px;letter-spacing:2px}.mini-browser b{display:block;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.04;margin:12px 13px 10px;color:#2e392c}.mini-browser>span{font-size:6px;margin-left:13px;border-bottom:1px solid #a89e80;padding-bottom:2px;color:#80755c}.mini-pointer{position:absolute;right:0;bottom:0;color:#b49143;font-size:54px;line-height:1;text-shadow:1px 2px #fff}.care-slip{position:absolute;inset:7px 3px 3px 10px;background:linear-gradient(100deg,#fefcf3,#f2ecd9);border:1px solid #dbd0b7;box-shadow:2px 4px 6px #382d1b10;padding:14px 15px;transform:rotate(-3deg);color:#4e5846}.care-slip>i{display:block;font-size:6px;letter-spacing:.1em;color:#9b8d71;margin-bottom:14px}.care-slip b{font-size:10px;line-height:1.9;font-weight:400}.care-slip em{display:block;font-family:Allura,cursive;font-size:23px;color:#315683;margin-top:9px}
.family-section{background:#242720;padding:48px 0 51px;border-block:1px solid #3d4134}.family-section::before{background:radial-gradient(ellipse at 30% 60%,#bd9b4730,transparent 60%)}.family-inner{grid-template-columns:1.18fr 1fr;gap:73px}.family-copy h2,.family-copy h2>span{font-size:49px}.family-copy .eyebrow{color:#c1ad7c}.family-copy>p:not(.eyebrow){color:#c0bfaf;max-width:360px}.ticket-caption{color:#b6ad90}.ticket-art{filter:drop-shadow(0 18px 15px #0005)}.ticket-scene{padding:15px 0}.family-cta{color:#eee5ca}
.work-section{background:#f9f6ef;padding-top:72px}.work-section::before{content:"WORLDS";font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:180px;letter-spacing:-.05em;color:#eee8db;top:26px}.section-heading .eyebrow{color:#8c8068}.section-heading h2{color:#32372e}.section-heading h2 em{color:#726449}.pager button{border-color:#d1c8b3;background:#f0ecdf}.browser-frame{border-color:#c7c4b7}.browser-bar{background:linear-gradient(#f7f5ec,#dedbcf)}.exhibit-caption p{color:#7a7362}.evidence-foot{border-color:#d9d0bb}.contact-section{background:#20251f;padding-top:58px;background-image:radial-gradient(ellipse at 80% 45%,#a58c5120,transparent 60%)}.contact-inner{border-top:0;padding-top:0}.contact-intro h2 button span{color:#d4c49c}.contact-intro>p:last-of-type{color:#b4b5a4}.site-footer{background:#20251f;border-color:#454938}.footer-makers-mark{display:flex;align-items:center;gap:15px;color:#ded9c9;margin-bottom:16px}.footer-makers-mark .maker-home-mark{width:34px;height:34px}.footer-makers-mark>span{font-family:Georgia,serif;font-style:italic;font-size:22px}.footer-inner>div>p{color:#a2a393}.footer-bottom,.footer-bottom p{color:#b2b3a2!important}.footer-bottom a{color:#d6d4bd}.composer-address .recipient b{background:#efe9d7}.composer-bar{background:linear-gradient(#faf8f0,#e0ddcf)}
.traditional-hero.is-playing .portrait-file{animation:portrait-slap 1s cubic-bezier(.15,.8,.25,1) .15s both}.traditional-hero.is-playing .initial-p{animation:initial-p-show 2.2s ease both}.traditional-hero.is-playing .initial-h{animation:initial-h-show 2.2s ease both}.traditional-hero.is-playing .signature-cursor{animation:signature-click 2.2s ease both}.traditional-hero.is-playing .click-ring{animation:signature-ring .65s ease .85s both}.traditional-hero.is-playing .ink-name{animation:ink-write 2s linear 2.1s both}.traditional-hero.is-playing .ink-h{animation:ink-write .65s linear 4.2s both}.traditional-hero.is-playing .ink-period{animation:signature-finish .6s ease 4.9s both}.traditional-hero.is-playing .ink-underline{animation:ink-underline .65s ease 4.5s both}
.traditional-hero.intro-paused .hero-anim,.page-hidden .traditional-hero.is-playing .hero-anim{animation-play-state:paused!important}
@keyframes portrait-slap{0%{opacity:0;transform:translate(-50%,-120px) rotate(-13deg) scale(1.16)}50%{opacity:1;transform:translate(-50%,4px) rotate(-2deg) scale(.99)}75%{transform:translate(-50%,-3px) rotate(-5deg) scale(1.01)}100%{opacity:1;transform:translateX(-50%) rotate(-4deg)}}
@keyframes initial-p-show{0%{opacity:0;translate:0 5px}12%,77%{opacity:1;translate:0 0}100%{opacity:0}}
@keyframes initial-h-show{0%,54%{opacity:0;translate:5px 0}66%,77%{opacity:1;translate:0 0}100%{opacity:0}}
@keyframes signature-click{0%,20%{opacity:0;transform:translate(35px,20px)}35%,40%{opacity:1;transform:translate(0,0)}45%{opacity:1;transform:translate(0,0) scale(.82)}52%,70%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(38px,8px)}}
@keyframes signature-ring{0%{opacity:0;scale:.3}25%{opacity:1}100%{opacity:0;scale:1.8}}
@keyframes ink-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes signature-finish{0%{opacity:0;transform:translateY(-3px)}40%,100%{opacity:1;transform:translateY(0)}}
@keyframes ink-underline{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:.75}}
@media(max-width:1100px){.traditional-hero{gap:25px 38px}.traditional-hero .hero-statement,.traditional-hero .hero-statement em{font-size:36px}.traditional-hero .hero-intro{font-size:14px}.portrait-stage{height:550px}.portrait-stage .portrait-file{width:292px}.signature-note{width:285px;height:126px;padding:15px 23px}.ink-signature{font-size:60px}.signature-space{height:80px}.services-section{grid-template-columns:1fr;gap:32px}.services-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:end}.services-heading .eyebrow{grid-column:1/-1;margin-bottom:15px}.services-heading>p:last-child{max-width:270px;margin-bottom:6px}.services-heading h2{margin-bottom:0}.service-offers{gap:38px}.service-object{max-width:250px}.family-inner{gap:45px}}
@media(max-width:800px){.traditional-hero{gap:24px 25px}.traditional-hero .hero-statement,.traditional-hero .hero-statement em{font-size:30px}.traditional-hero .hero-intro{font-size:13px}.traditional-hero .eyebrow{font-size:7px}.traditional-hero h1{margin-bottom:28px}.portrait-stage{height:500px}.portrait-stage .portrait-file{width:247px;top:27px;padding:10px 10px 17px}.portrait-stage .portrait-file figcaption strong{font-size:20px}.portrait-stage .portrait-file figcaption span{font-size:6px}.signature-note{width:255px;height:119px;padding:15px 20px;right:-3px;bottom:0}.ink-signature{font-size:55px}.signature-label{font-size:10px}.signature-space{height:74px}.wall-label{font-size:6px;left:30px;bottom:35px}.studio-wall{inset:13px 0 26px 8px;border-radius:125px 125px 4px 4px}.maker-controls{margin-left:8px;font-size:8px}.maker-controls button{font-size:9px}.service-offers{gap:25px}.service-offer h3{font-size:17px}.service-offer>p{font-size:11px}.mini-card{width:115px;left:65px}.mini-poster{left:10px}.care-slip{padding:13px 12px}.care-slip b{font-size:9px}.care-slip em{font-size:21px}.family-copy h2,.family-copy h2>span{font-size:44px}.work-section::before{font-size:135px;top:30px}}
@media(max-width:620px){.site-header{padding:18px 0 14px}.brand.maker-brand{width:44px;height:44px}.traditional-hero{grid-template-columns:1fr;gap:29px;padding-top:29px;padding-bottom:36px}.traditional-hero .hero-copy{padding:0}.traditional-hero .eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:20px}.traditional-hero h1{max-width:400px;margin-bottom:24px}.traditional-hero .hero-statement,.traditional-hero .hero-statement em{font-size:35px}.traditional-hero .hero-statement{margin-bottom:22px}.traditional-hero .hero-intro{font-size:14px;max-width:430px;margin-bottom:24px}.traditional-hero .hero-actions{gap:19px}.traditional-hero .primary-button{font-size:10px;padding:12px 16px;gap:19px;min-height:46px}.traditional-hero .work-jump{font-size:10px}.hero-small-note{font-size:12px;margin-top:22px}.personal-stage{width:100%;max-width:450px;margin:0 auto}.portrait-stage{height:528px}.portrait-stage .portrait-file{width:278px;top:22px;padding:11px 11px 18px}.portrait-stage .portrait-file figcaption strong{font-size:22px}.portrait-stage .portrait-file figcaption span{font-size:6px}.portrait-stage .photo-tape{width:97px;height:31px;top:-14px;left:calc(50% - 48px)}.studio-wall{inset:11px 2px 30px 4px;border-radius:140px 140px 4px 4px}.wall-label{left:17px;bottom:41px;font-size:6px}.signature-note{width:260px;bottom:0;right:0;height:120px;padding:15px 21px}.ink-signature{font-size:56px}.maker-controls{font-size:8px;min-height:46px;margin:18px 0 0;padding-top:10px}.maker-controls button{font-size:9px;min-height:36px}.services-section{gap:31px;padding:39px 0 45px}.services-heading{display:block}.services-heading h2,.services-heading h2 em{font-size:36px}.services-heading h2 br{display:none}.services-heading>p:last-child{max-width:290px;font-size:12px;margin:18px 0 0}.services-heading .eyebrow{font-size:7px}.service-offers{grid-template-columns:1fr;gap:31px}.service-offer{display:grid;grid-template-columns:1fr 128px;gap:0 20px;padding-bottom:26px;border-bottom:1px solid #ddd3bd}.service-no{grid-column:1/-1;margin-bottom:13px;font-size:7px}.service-offer h3{grid-column:1;grid-row:2;font-size:21px;margin-bottom:13px}.service-offer>p{grid-column:1;grid-row:3;font-size:12px;line-height:1.8;margin-bottom:10px}.service-offer>a{grid-column:1/-1;font-size:11px;min-height:44px;margin-top:3px;border-bottom:0}.service-object{grid-column:2;grid-row:2/4;height:166px;margin:3px 0 0;align-self:center}.mini-poster{width:76px;height:116px;left:0;top:8px;padding:13px 8px}.mini-poster b{font-size:20px}.mini-poster i{font-size:5px}.mini-card{width:105px;left:16px;top:84px;font-size:22px;padding:9px}.mini-card i{font-size:5px}.mini-browser{inset:17px 0 23px -3px}.mini-browser b{font-size:20px;margin:13px 9px 11px}.mini-browser>span{margin-left:9px;font-size:5px}.mini-pointer{font-size:44px;bottom:10px}.care-slip{inset:10px 1px 6px -2px;padding:14px 10px}.care-slip>i{font-size:5px;line-height:1.7;margin-bottom:16px}.care-slip b{font-size:8px;line-height:2.1}.care-slip em{font-size:23px;line-height:.85;margin-top:14px}.family-section{padding:29px 0 35px}.family-inner{grid-template-columns:1fr;gap:15px}.family-copy{padding-top:6px}.family-copy h2,.family-copy h2>span{font-size:48px}.family-copy>p:not(.eyebrow){font-size:13px;max-width:390px}.ticket-caption{margin-top:25px;color:#c3b99a}.work-section{padding-top:49px}.work-section::before{font-size:100px;top:30px}.contact-section{padding-top:40px}.footer-makers-mark>span{font-size:19px}.footer-makers-mark .maker-home-mark{width:32px;height:32px}.footer-inner>div>p{font-size:10px}}
@media(max-width:380px){.traditional-hero .hero-statement,.traditional-hero .hero-statement em{font-size:31px}.traditional-hero .hero-intro{font-size:13px}.traditional-hero .hero-actions{gap:14px}.traditional-hero .primary-button{font-size:9px;gap:17px;padding-inline:14px}.traditional-hero .work-jump{font-size:9px}.portrait-stage{height:486px}.portrait-stage .portrait-file{width:246px;padding:10px 10px 16px}.portrait-stage .portrait-file figcaption strong{font-size:20px}.portrait-stage .portrait-file figcaption span{font-size:5px}.signature-note{width:242px;height:116px;padding:15px 20px}.ink-signature{font-size:52px}.signature-label{font-size:10px}.signature-space{height:70px}.wall-label{font-size:5px;left:13px;bottom:37px}.services-heading h2,.services-heading h2 em{font-size:32px}.service-offer{grid-template-columns:1fr 106px;gap:0 14px}.service-offer h3{font-size:19px}.service-offer>p{font-size:11px}.mini-card{width:93px;left:6px}.mini-poster{left:-3px}.care-slip b{font-size:7px}.care-slip em{font-size:21px}.care-slip{padding:13px 8px}.mini-browser b{font-size:18px;margin-inline:7px}.mini-browser>span{font-size:4px;margin-left:7px}.service-offer>a{font-size:10px}.family-copy h2,.family-copy h2>span{font-size:43px}.work-section::before{font-size:84px;top:38px}}
@media(prefers-reduced-motion:reduce){.traditional-hero .hero-anim{animation:none!important;transition:none!important}.portrait-stage .portrait-file{transform:translateX(-50%) rotate(-4deg)!important}.initial-p,.initial-h,.signature-cursor,.click-ring{display:none}.ink-name,.ink-h,.ink-period,.ink-underline{clip-path:none!important;opacity:1!important}.maker-brand{transition:none}}
@media print{.studio-wall,.wall-label,.maker-controls{display:none}.portrait-stage{height:500px}.traditional-hero .hero-anim{animation:none!important}.portrait-stage .portrait-file{box-shadow:none}.service-object{display:none}.services-section{display:block}.service-offers{display:block}.service-offer{display:block;break-inside:avoid;margin-block:20px}.family-section,.contact-section,.site-footer{background:#fff;color:#222}}

/* Keep the blue-ink care note inside its paper slip. */
.care-slip>i{margin-bottom:9px}.care-slip em{font-size:21px;margin-top:5px;line-height:1}@media(max-width:620px){.care-slip>i{margin-bottom:14px}.care-slip em{font-size:22px;margin-top:10px;line-height:.9}}