@font-face{font-family:Hand;src:url('assets/fonts/patrick-hand.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;--ink:#191919;--paper:#fff;--yellow:#f3bf00;--green:#00b600;--blue:#1510d4;font-family:Hand,'Segoe Print',cursive}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:7px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.canvas{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:80px 6vw 38px}.signature{text-align:center}h1{font-family:inherit;font-size:clamp(34px,3.3vw,52px);line-height:1.5;font-weight:400;margin:0}.canvas footer{text-align:center;font-size:12px;letter-spacing:.06em;color:#666}.menu{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:8vw;width:min(1080px,100%);justify-self:center;margin:-30px 0 0;min-height:380px}.menu-item{border:0;background:none;position:relative;height:265px;display:flex;align-items:center;justify-content:center;padding:0;isolation:isolate}.shape{position:relative;width:146px;height:146px;display:block;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .5s cubic-bezier(.18,.7,.2,1),filter .45s,opacity .45s;will-change:transform;pointer-events:none}.shape i{display:block;position:absolute;transition:transform .55s cubic-bezier(.2,.9,.3,1.3);transform-origin:center}.yellow i{background:var(--yellow);width:33px;height:136px;left:32px;top:10px}.yellow i+i{left:77px;top:0;transform:rotate(3deg)}.green i{background:var(--green);width:56px;height:56px;left:45px;top:9px;transform:rotate(-13deg)}.green i+i{height:50px;top:89px;transform:none}.blue i{background:var(--blue);width:74px;height:87px;left:0;top:49px;clip-path:polygon(50% 0,0 100%,100% 100%);transform:rotate(-7deg)}.blue i+i{left:67px;top:3px;transform:rotate(-39deg)}.name{position:absolute;font-size:14px;line-height:1.15;bottom:8px;left:50%;transform:translateX(-50%);transition:opacity .2s,transform .3s;white-space:nowrap}.name:before{content:'';width:34px;height:1px;position:absolute;background:var(--ink);left:-50px;top:50%;opacity:0;transition:opacity .3s}.menu-item:is(:hover,:focus-visible,.active) .name{font-size:clamp(25px,2.8vw,42px);transform:translateX(-24%);bottom:auto;top:-2px}.blue:is(:hover,:focus-visible,.active) .name{top:auto;bottom:2px;transform:translateX(-50%)}.menu-item:is(:hover,:focus-visible,.active) .name:before{opacity:1}.menu-item:is(:hover,:focus-visible,.active).yellow i{transform:translateX(16px)}.menu-item:is(:hover,:focus-visible,.active).yellow i+i{transform:translate(-16px,10px)}.menu-item:is(:hover,:focus-visible,.active).green i{transform:translateY(21px) rotate(0)}.menu-item:is(:hover,:focus-visible,.active).green i+i{transform:translateY(-11px)}.menu-item:is(:hover,:focus-visible,.active).blue i{transform:translate(27px,-8px) rotate(-32deg)}.menu-item:is(:hover,:focus-visible,.active).blue i+i{transform:translate(-17px,32px) rotate(149deg)}.menu.has-active .menu-item:not(.active) .shape{filter:blur(11px);opacity:.76}.menu.has-active .menu-item:not(.active) .name{opacity:.35}.menu-item:focus-visible{outline-offset:8px}dialog{margin:0;padding:0;border:0;max-width:none;max-height:none;width:100%;height:100svh;background:#fff;color:var(--ink)}dialog::backdrop{background:#fff}.work-shell,.scripts-shell{display:flex;flex-direction:column;min-height:100%;padding:30px 5.5vw 38px}.work-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:46px}h2{font-size:16px;font-weight:400;margin:0}.back{border:0;background:none;padding:12px 0;font-size:14px;text-decoration:underline;text-underline-offset:4px}.back:not([hidden])+h2{position:absolute;left:50%;transform:translateX(-50%);text-align:center}.close{border:0;background:none;padding:5px 0 5px 16px;font-size:35px;font-weight:300;line-height:1;margin-left:auto}.category-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6vw;margin:auto;align-items:start;max-width:1050px;width:100%;padding:60px 0}.category{border:0;background:none;text-align:left;padding:0;display:flex;flex-direction:column;align-items:center;gap:24px}.category img{height:min(41svh,390px);max-width:100%;aspect-ratio:9/13;object-fit:cover;transition:transform .3s}.category:hover img{transform:translateY(-8px)}.category span{font-size:clamp(16px,1.65vw,25px);line-height:1.35;font-weight:400;text-align:center}.work-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);gap:8vw;align-items:center;max-width:1130px;width:100%;margin:28px auto 0;flex:1}.screen{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}video{display:block;height:min(75svh,800px);width:auto;max-width:100%;background:#101010;object-fit:contain}.film-index{min-width:0}.film-list{display:grid;gap:8px;max-height:62svh;overflow-y:auto;padding:8px}.film-item{border:0;background:none;text-align:left;padding:8px 0;display:grid;grid-template-columns:48px 1fr 8px;align-items:center;gap:20px;width:100%;opacity:.5;transition:opacity .2s}.film-item:hover,.film-item[aria-pressed=true],.film-item:focus-visible{opacity:1}.film-item img{width:48px;height:64px;object-fit:cover;display:block}.film-title{font-size:18px;line-height:1.3}.film-item small{font-size:12px;color:#666;display:block;margin-top:5px}.play-dot{width:6px;height:6px;border-radius:50%;background:transparent}.film-item[aria-pressed=true] .play-dot{background:var(--ink)}.version-switcher{display:flex;align-items:center;gap:16px;margin:24px 8px 0;font-size:13px;color:#666}.version-switcher select{font:inherit;color:var(--ink);padding:8px 26px 8px 10px;border:1px solid #dedede;border-radius:0;background:#fff;max-width:100%;min-width:0}.audio-note{font-size:12px;color:#666;margin:22px 8px 0}.video-error{font-size:14px}.video-error a{text-decoration:underline}.contact-shell{min-height:100svh;padding:30px 5.5vw 38px;display:flex;flex-direction:column}.contact-details{display:flex;flex-direction:column;align-items:center;gap:38px;margin:auto 0;padding:65px 0}.contact-details a{font-size:clamp(24px,4.6vw,68px);letter-spacing:-.04em;overflow-wrap:anywhere}.contact-details .phone{font-size:clamp(20px,2.5vw,34px);letter-spacing:-.02em;color:#666}.writing-list{max-width:1000px;width:100%;margin:70px auto;display:grid;gap:60px}.writing-section h3{font-size:13px;letter-spacing:.03em;font-weight:400;color:#777;margin:0 0 22px}.writing-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 50px}.writing-item{display:flex;align-items:center;gap:25px;border:0;background:none;text-align:left;padding:0;min-height:125px}.writing-item img{width:90px;height:125px;object-fit:cover;background:#f5f5f5}.writing-name{font-size:22px;line-height:1.25}.writing-item small{display:block;font-size:12px;color:#777;margin-top:9px;line-height:1.5}.document-view{display:flex;flex-direction:column;flex:1}.document-bar{display:flex;justify-content:flex-end;padding:14px 0;font-size:13px}.document-bar a{text-decoration:underline}.document-view iframe{display:block;width:100%;height:calc(100svh - 165px);border:0;background:#f5f5f5}@media(hover:hover) and (pointer:fine){.menu-item:not(:is(:hover,:focus-visible,.active)) .name{opacity:.62}.menu.has-active .menu-item:not(.active) .name{opacity:0}}@media(max-width:800px){.canvas{padding:70px 7vw 30px}.menu{gap:4vw;min-height:360px;margin:-15px 0 0}.shape{transform:translate(var(--mx,0px),var(--my,0px)) scale(.8)}.menu-item{height:235px}.menu-item:is(:hover,:focus-visible,.active) .name{font-size:26px;bottom:0;top:auto;transform:translateX(-50%)}.name{bottom:0}.name:before{display:none}.menu.has-active .menu-item:not(.active) .shape{filter:none;opacity:1}.menu.has-active .menu-item:not(.active) .name{opacity:.62}.work-shell,.scripts-shell{padding:20px 6vw 30px}.work-body{gap:4vw;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}.film-item{gap:12px;grid-template-columns:38px 1fr 7px}.film-item img{width:38px;height:53px}.film-title{font-size:16px}.category-menu{gap:4vw}.contact-shell{padding:20px 7vw 30px}.writing-items{gap:30px}.writing-name{font-size:20px}}@media(max-width:550px){.canvas{padding-top:64px}.menu{grid-template-columns:1fr;align-content:center;gap:5px;margin:10px 0 18px;min-height:0}.menu-item{height:170px}.shape{transform:translate(var(--mx,0px),var(--my,0px)) scale(.64)}.name{font-size:14px;bottom:0}.menu-item:is(:hover,:focus-visible,.active) .name{font-size:20px;bottom:0}.menu-item:is(:hover,:focus-visible,.active).blue .name{bottom:0}.work-header{gap:15px}h2{font-size:14px}.back{font-size:13px}.back:not([hidden])+h2{max-width:55%;font-size:14px}.category-menu{grid-template-columns:1fr;gap:38px;padding:35px 0;width:100%}.category{flex-direction:row;align-items:center;gap:24px;justify-content:flex-start}.category img{width:115px;height:155px;max-width:none}.category span{font-size:21px;text-align:left}.work-body{display:flex;flex-direction:column;margin-top:15px;gap:22px}.screen{width:100%}video{height:59svh;max-height:660px}.film-index{width:100%}.film-list{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:7px 2px 15px;scroll-snap-type:x proximity;max-height:none}.film-item{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:105px;flex:none;scroll-snap-align:start;padding:0}.film-item img{width:105px;height:135px}.film-title{font-size:14px}.film-item small{font-size:12px}.play-dot{display:none}.audio-note{margin:14px 0 0}.version-switcher{margin:8px 0 0}.film-item:focus-visible{outline-offset:1px}.contact-details{gap:30px}.contact-details a{font-size:clamp(21px,6.5vw,36px)}.contact-details .phone{font-size:22px}.writing-list{margin:35px auto;gap:40px}.writing-items{grid-template-columns:1fr;gap:25px}.writing-item{gap:20px}.writing-item img{width:75px;height:104px}.writing-name{font-size:20px}.document-view iframe{height:calc(100svh - 145px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.shape{will-change:auto}.menu.has-active .menu-item:not(.active) .shape{filter:none;opacity:.5}.category:hover img{transform:none}}@media(min-width:1600px){.shape{scale:1.2}.menu{max-width:1300px}}
.writing-item .writing-action{text-decoration:underline;text-underline-offset:3px;color:#333;margin-top:12px}
/* Handwritten portfolio */
:root{--red:#f10000;font-size:18px}.canvas{padding-top:112px}h1{font-size:clamp(38px,3.6vw,56px);line-height:1.25;letter-spacing:.025em}.menu{grid-template-columns:repeat(4,1fr);gap:3.5vw;width:min(1330px,100%);margin:0}.menu-item{height:285px}.menu-item .name,.menu-item:is(:hover,:focus-visible,.active) .name{font-size:27px;font-weight:400;left:50%;transform:translateX(-50%);transition:opacity .3s;opacity:1}.menu-item.above .name,.menu-item.above:is(:hover,:focus-visible,.active) .name{top:8px;bottom:auto}.menu-item.below .name,.menu-item.below:is(:hover,:focus-visible,.active) .name{bottom:8px;top:auto}.name:before{display:none}.menu.has-active .menu-item:not(.active) .name{opacity:.42}.red .shape i{width:128px;height:64px;background:var(--red);left:9px;top:9px;border-radius:80px 80px 0 0;transform:translate(-10px,-11px) rotate(-13deg);transform-origin:50% 100%}.red .shape i+i{top:73px;border-radius:0 0 80px 80px;transform:translate(10px,11px) rotate(13deg);transform-origin:50% 0}.red:is(:hover,:focus-visible,.active) .shape i{transform:translate(0,0) rotate(0)}.canvas footer{font-size:15px;letter-spacing:.03em}h2{font-size:24px}.back{font-size:19px}.category span{font-size:30px}.category small{display:block;font-size:18px;line-height:1.4;margin-top:8px;color:#626262}.category{gap:21px}.film-title{font-size:24px}.audio-note{font-size:15px}.film-item small{font-size:15px}.video-error{font-size:18px}.document-bar{font-size:17px}.contact-details a,.contact-details .phone{letter-spacing:0}.contact-details .phone{font-size:clamp(24px,2.8vw,38px)}.writing-cards{max-width:1020px;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 100px;margin:90px auto 60px;align-items:start}.writing-card{min-width:0}.writing-card summary{list-style:none;cursor:pointer;position:relative;padding-right:30px}.writing-card summary::-webkit-details-marker{display:none}.writing-card summary:after{content:'+';position:absolute;right:0;top:4px;font:28px Hand;transition:transform .2s}.writing-card[open] summary:after{transform:rotate(45deg)}.writing-card summary:focus-visible{outline:2px solid;outline-offset:7px}.writing-card h3{font-size:34px;font-weight:400;line-height:1.2;margin:0}.writing-card .subtitle{font-size:19px;line-height:1.45;margin:12px 0 0;color:#666}.writing-card .writing-trigger{background:none;border:0;padding:0;text-align:left}.writing-card .writing-trigger:focus-visible{outline-offset:8px}.writing-actions{display:grid;justify-items:start;gap:15px;margin-top:25px}.writing-actions a,.writing-actions button{font:22px Hand;color:var(--ink);background:none;border:0;padding:0;text-align:left;text-decoration:underline;text-underline-offset:5px}.writing-actions a:hover,.writing-actions button:hover{opacity:.62}.writing-card .writing-trigger .read-label{display:block;text-decoration:underline;text-underline-offset:5px;font-size:21px;margin-top:25px}.creator-shell{display:flex;flex-direction:column;min-height:100svh;padding:30px 5.5vw 38px}.creator-content{margin:auto;text-align:center;padding:70px 0;max-width:800px}.creator-content p{font-size:clamp(32px,4.4vw,62px);line-height:1.25;margin:0 0 60px}.social-links{display:flex;justify-content:center;gap:70px;font-size:28px}.social-links a{text-decoration:underline;text-underline-offset:7px}@media(max-width:900px){.menu{gap:2vw}.shape{transform:translate(var(--mx,0px),var(--my,0px)) scale(.8)}.menu-item .name,.menu-item:is(:hover,:focus-visible,.active) .name{font-size:23px}.category span{font-size:26px}.category small{font-size:17px}.writing-cards{gap:65px 55px}.writing-card h3{font-size:30px}.writing-card .subtitle{font-size:18px}.film-title{font-size:21px}}@media(max-width:650px){.canvas{padding:95px 6vw 30px}.menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin:40px 0;align-content:center;min-height:0}.menu-item{height:230px}.shape{transform:translate(var(--mx,0px),var(--my,0px)) scale(.75)}.menu-item .name,.menu-item:is(:hover,:focus-visible,.active) .name{font-size:24px}.menu-item.above .name,.menu-item.above:is(:hover,:focus-visible,.active) .name{top:0}.menu-item.below .name,.menu-item.below:is(:hover,:focus-visible,.active) .name{bottom:0}.menu.has-active .menu-item:not(.active) .name{opacity:1}.menu.has-active .menu-item:not(.active) .shape{filter:none;opacity:1}h2{font-size:22px}.back:not([hidden])+h2{font-size:20px}.category span{font-size:27px}.category small{font-size:17px}.film-title{font-size:19px}.writing-cards{grid-template-columns:1fr;gap:48px;margin:45px auto}.writing-card h3{font-size:31px}.writing-card .subtitle{font-size:19px}.creator-shell{padding:20px 7vw 30px}.creator-content p{font-size:36px}.social-links{gap:50px;font-size:26px}.contact-details a{font-size:clamp(26px,7vw,40px)}.contact-details .phone{font-size:27px}}@media(max-width:360px){.menu{gap:24px 10px}.menu-item .name,.menu-item:is(:hover,:focus-visible,.active) .name{font-size:21px}.shape{scale:.9}}
/* Film browsing */
#films{background:#eef0ef}.film-header{display:grid;grid-template-columns:1fr auto 1fr}.film-nav{display:flex;align-items:center;gap:30px;justify-self:start}.film-nav .back{font-size:19px}.film-nav #film-back{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.film-header h2{position:static;transform:none;text-align:center}.film-header .close{justify-self:end}.category .film-portrait{display:block;position:relative;filter:drop-shadow(0 18px 17px #243b2c2b);font-size:0}.category .film-portrait img{border-radius:11% 16% 13% 9%/8% 11% 9% 13%;-webkit-mask-image:radial-gradient(ellipse farthest-corner at 50% 50%,#000 60%,#000 64%,transparent 98%);mask-image:radial-gradient(ellipse farthest-corner at 50% 50%,#000 60%,#000 64%,transparent 98%)}.category .category-caption{font-size:28px;letter-spacing:.015em}.category .category-caption small{font-size:18px;letter-spacing:0;color:#66716c}.film-item img{border-radius:8px 10px 9px 7px;box-shadow:0 4px 9px #293d3121}.screen video{box-shadow:0 23px 48px #26382b24;border-radius:7px}.film-item{opacity:.48}.film-item[aria-pressed=true],.film-item:hover,.film-item:focus-visible{opacity:1}
/* Screenplay typography */
@font-face{font-family:Script;src:url('assets/fonts/courier-prime.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Script;src:url('assets/fonts/courier-prime-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
#scripts{font-family:Script,'Courier New',monospace;background:#fff;color:#161616}#scripts h2{font:400 22px/1.3 Script,'Courier New',monospace}#scripts .back{font-family:inherit;font-size:15px}#scripts .close{font-family:inherit;font-size:29px}#scripts .writing-cards{display:block;max-width:900px;margin:48px auto 60px;width:100%}#scripts .writing-card{padding:28px 0;border-bottom:1px solid #d8d8d8;min-height:130px}#scripts .writing-card:first-child{border-top:1px solid #d8d8d8}#scripts .writing-card summary{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0}#scripts .writing-card summary:after{display:none}#scripts .writing-card h3{font:700 20px/1.3 Script,'Courier New',monospace;text-transform:uppercase;letter-spacing:.025em;margin:0}#scripts .writing-card .subtitle{font:400 16px/1.55 Script,'Courier New',monospace;color:#666;margin-top:12px;max-width:650px}#scripts .writing-expander{display:flex;align-items:center;gap:13px;white-space:nowrap;font:400 14px/1.4 Script,'Courier New',monospace}#scripts .writing-plus{display:inline-block;font:400 25px/1 Script,'Courier New',monospace;transition:transform .2s}#scripts .writing-card[open] .writing-plus{transform:rotate(45deg)}#scripts .writing-actions{gap:15px;margin:28px 0 6px}#scripts .writing-actions a,#scripts .writing-actions button{font:400 16px/1.4 Script,'Courier New',monospace}#scripts .document-bar{font:400 14px/1.4 Script,'Courier New',monospace}
/* Briefed */
#creator{background:#000;color:#ffff00}.creator-content{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);align-items:center;gap:75px;max-width:1020px;width:100%;padding:55px 0}.briefed-brand{width:100%;aspect-ratio:1;max-width:360px;justify-self:center;border-radius:50%;overflow:hidden;filter:drop-shadow(0 20px 32px #ffff0019);-webkit-mask-image:radial-gradient(circle,#000 63%,transparent 71%);mask-image:radial-gradient(circle,#000 63%,transparent 71%)}.briefed-brand img{width:100%;height:100%;object-fit:cover;display:block}.creator-info{text-align:center}.creator-content p{margin:0 0 48px;line-height:1.15}.creator-content strong{display:block;font-size:clamp(60px,6.4vw,90px);font-weight:400}.creator-content p span{display:block;font-size:clamp(25px,2.6vw,36px);margin-top:16px}.social-links{gap:55px;font-size:27px}.social-links a{text-decoration-thickness:1px;text-underline-offset:9px}
/* Portrait and contact */
#contact{background:#000;color:#fff}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;max-width:1050px;width:100%;margin:auto;min-height:0;padding:36px 0 50px}.contact-portrait{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;filter:drop-shadow(0 25px 30px #ffffff0a);-webkit-mask-image:radial-gradient(ellipse farthest-corner at 50% 42%,#000 49%,#000 56%,transparent 94%);mask-image:radial-gradient(ellipse farthest-corner at 50% 42%,#000 49%,#000 56%,transparent 94%)}.contact-details{align-items:flex-start;margin:0;padding:0;gap:27px}.contact-details a{font-size:clamp(28px,3.8vw,52px);color:#fff}.contact-details .phone{font-size:clamp(25px,2.6vw,36px);color:#fff}
@media(max-width:900px){.creator-content{gap:35px}.briefed-brand{max-width:300px}.creator-content strong{font-size:65px}.creator-content p span{font-size:27px}.contact-layout{gap:35px}.contact-details a{font-size:34px}.contact-details .phone{font-size:28px}.category .category-caption{font-size:25px}}
@media(max-width:650px){.film-header{grid-template-columns:1fr auto;row-gap:10px}.film-nav{grid-column:1;grid-row:1;gap:24px}.film-header .close{grid-column:2;grid-row:1}.film-header h2{grid-column:1/-1;grid-row:2;margin-top:6px;font-size:23px}.category .film-portrait{width:115px;flex:none}.category .category-caption{font-size:25px}.category .category-caption small{font-size:17px}.creator-content{grid-template-columns:1fr;gap:18px;padding:30px 0 50px}.briefed-brand{max-width:230px}.creator-content strong{font-size:58px}.creator-content p{margin-bottom:40px}.creator-content p span{font-size:27px}.social-links{font-size:25px;gap:52px}.contact-layout{grid-template-columns:1fr;gap:22px;padding:15px 0 45px}.contact-portrait{max-width:280px;max-height:44svh;justify-self:center}.contact-details{align-items:center;gap:23px}.contact-details a{font-size:30px}.contact-details .phone{font-size:27px}#scripts .writing-cards{margin:30px auto 40px}#scripts .writing-card{padding:24px 0;min-height:145px}#scripts .writing-card summary{align-items:flex-start;gap:18px}#scripts .writing-card h3{font-size:18px}#scripts .writing-card .subtitle{font-size:14px;line-height:1.65}#scripts .writing-expander{font-size:12px;gap:7px;padding-top:3px}#scripts .writing-plus{font-size:22px}#scripts .writing-actions a,#scripts .writing-actions button{font-size:15px}#scripts .back:not([hidden])+h2{font-size:16px}}
@media(max-width:650px){#scripts .writing-card .subtitle{font-size:16px;line-height:1.5}#scripts .writing-expander{font-size:14px}}
.contact-portrait{max-width:390px;max-height:none;justify-self:center}@media(max-width:650px){.contact-portrait{max-width:280px;max-height:none}}
/* Quiet paper light, shared navigation, centered contact */
.canvas{background:radial-gradient(ellipse at 12% 18%,#f4eadb66 0,transparent 48%),radial-gradient(ellipse at 89% 77%,#e5ebf566 0,transparent 46%),#faf9f6}
.home-link{font:19px Hand,'Segoe Print',cursive;background:none;border:0;padding:12px 0;text-decoration:underline;text-underline-offset:4px}
#scripts .home-link{font:15px Script,'Courier New',monospace}
.contact-layout{display:flex;flex-direction:column;align-items:center;gap:35px;max-width:800px;text-align:center;padding:28px 0 40px}
.contact-details{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.contact-details a{font-size:clamp(29px,3.7vw,49px)}
.contact-details .phone{font-size:clamp(25px,2.5vw,34px)}
.contact-portrait{width:min(370px,100%);max-width:370px;max-height:none;margin:0 auto}
@media(max-width:650px){.home-link{font-size:19px}.contact-layout{gap:25px;padding:20px 0 35px}.contact-details{gap:13px}.contact-details a{font-size:30px}.contact-details .phone{font-size:27px}.contact-portrait{width:min(280px,100%);max-width:280px}}

/* A drawn signature and quick pen gestures. The original four shapes stay put. */
.signature h1{display:flex;justify-content:center;line-height:1}
.signature-mark{display:block;width:clamp(330px,38vw,540px);max-width:100%;height:auto;transform:rotate(-1.2deg);transform-origin:center}
.menu-item .shape{transition:transform .34s cubic-bezier(.22,.85,.28,1),filter .35s,opacity .35s}
.menu-item .shape i{transition:transform .42s cubic-bezier(.16,1,.3,1)}
.menu-item .shape:after{content:'';position:absolute;inset:-25px;pointer-events:none;background:url("assets/hover-pencil.svg") center/contain no-repeat;opacity:0;transform:scale(.87) rotate(-5deg);transition:opacity .2s,transform .4s cubic-bezier(.16,1,.3,1)}
.menu-item:is(:hover,:focus-visible,.active) .shape:after{opacity:.8;transform:scale(1) rotate(0)}
.menu-item .name:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:8px;background:url("assets/label-underline.svg") center/100% 100% no-repeat;opacity:0;transform:scaleX(.55);transform-origin:left;transition:opacity .16s,transform .3s cubic-bezier(.16,1,.3,1)}
.menu-item:is(:hover,:focus-visible,.active) .name:after{opacity:1;transform:scaleX(1)}
@media(max-width:650px){.signature-mark{width:min(390px,100%)}.canvas{padding-top:80px}.menu-item .shape:after{inset:-22px}}
@media(prefers-reduced-motion:reduce){.menu-item .shape:after,.menu-item .name:after{transform:none}}