@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Courier;src:url('assets/courier-prime.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Courier;src:url('assets/courier-prime-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#1c1c19;--paper:#f9f8f4;--pencil:#77776f;--hand:Caveat,'Segoe Print',cursive;--type:Courier,'Courier New',monospace}
*{box-sizing:border-box}html{color:var(--ink);background:var(--paper);scroll-behavior:smooth}body{margin:0;font:16px/1.65 var(--type);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px dashed var(--ink);outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}button{background:none}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font:11px/1.5 var(--type);letter-spacing:.13em;text-transform:uppercase}.text-button{border:0;padding:0;text-decoration:none}.text-button:hover{text-decoration:underline}.wordmark-dot{display:inline-block;transform:translateX(-.07em)}.skip-link{position:fixed;top:8px;left:8px;padding:10px 20px;background:var(--paper);z-index:99;transform:translateY(-180%)}.skip-link:focus{transform:none}.dialog-open{overflow:hidden}
/* The office is the whole homepage. Notes share the illustration's coordinate space. */
.home{background:white}.office{height:calc(100svh - 54px);min-height:650px;position:relative;overflow:hidden;isolation:isolate}.office-scene{position:absolute;inset:0;background:url('assets/office-paper.9c6e8d0168.webp') center center/cover no-repeat;z-index:-2}.home-header{position:absolute;inset:0;pointer-events:none}.home-brand{position:absolute;top:5%;left:max(4.5%,calc(50% - 790px));transform:rotate(-4deg);pointer-events:auto}.home-brand .eyebrow{display:inline-block;background:#ffffffec;padding:3px 7px}.home-brand h1{font:700 clamp(78px,8vw,140px)/.95 var(--hand);letter-spacing:-.045em;padding-right:10px;text-shadow:0 0 8px #fff}.brand-underline{display:block;width:85%;height:17px;margin-top:-3px;stroke-width:1.9}.brand-caption{font:24px/1.3 var(--hand);margin-left:26px;margin-top:7px;background:#ffffffdf;width:max-content;padding:0 7px}.newsletter-invite{pointer-events:auto;position:absolute;right:4%;top:4%;display:flex;gap:12px;align-items:center;padding:12px 18px;border:1px solid #64645c;border-radius:2px 4px 3px 1px;background:#fffffff5;transform:rotate(3deg);box-shadow:3px 4px 0 #20201e12;font:22px/.95 var(--hand);transition:transform .22s,box-shadow .22s}.newsletter-invite:hover{transform:rotate(0) translateY(-4px);box-shadow:4px 8px 0 #20201e14}.mail-icon{font-size:38px}.invite-arrow{font-size:27px;margin-left:7px}.office-navigation{position:absolute;inset:0}.office-hint{position:absolute;left:47%;top:88%;transform:rotate(-3deg);font:26px/1.05 var(--hand);pointer-events:none}.office-hint>span{display:block;font-size:19px;margin-left:20px;margin-top:5px}.office-hint svg{position:absolute;width:66px;height:42px;left:-73px;top:-10px;transform:rotate(100deg)}.home-mobile-newsletter{display:none}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:20px 4%;font-size:11px;border-top:1px solid #99998d66;background:var(--paper)}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-social{display:flex;gap:24px}.home .site-footer{background:white;min-height:54px;padding-top:15px;padding-bottom:15px}
/* Pages read like loose sheets from the same office. */
.inner-page{background:var(--paper);position:relative;isolation:isolate}.inner-page:before{content:'';position:fixed;inset:0;background:linear-gradient(#f9f8f4eb,#f9f8f4f7),url('assets/office-paper.9c6e8d0168.webp') center/cover;z-index:-2;pointer-events:none}.inner-page:after{content:'';position:fixed;inset:15px;border:1px solid #6d6d5b32;border-radius:2px 5px 1px 3px;z-index:-1;pointer-events:none}.inner-header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;gap:40px;border-bottom:1px solid #9c9b8b66}.small-wordmark{text-decoration:none;font:700 55px/1 var(--hand);letter-spacing:-.045em;transform:rotate(-4deg)}.inner-header nav{display:flex;align-items:center;gap:32px}.inner-header nav a,.inner-header nav button{font:23px var(--hand);text-decoration:none}.inner-header nav a:hover,.inner-header nav a[aria-current]{text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1px}.inner-header nav button{font-size:19px;border:1px solid #89897c88;border-radius:2px 4px;padding:8px 13px;transform:rotate(2deg)}.mobile-toggle{display:none}.page-main{max-width:1210px;margin:0 auto;padding:35px 45px 0}.back-link{font:19px var(--hand);text-decoration:none}.back-link span{display:inline-block;transition:transform .2s;margin-right:7px}.back-link:hover span{transform:translateX(-5px)}.page-heading{margin:52px 0 48px;position:relative}.page-heading h1{font:500 clamp(74px,7.4vw,110px)/.94 var(--hand);letter-spacing:-.025em;margin-top:20px}.page-heading h1>span{display:block;margin-left:80px}.heading-description{margin-top:20px;font:24px/1.35 var(--hand)}.margin-scribble{position:absolute;right:2%;top:10%;font:26px var(--hand);transform:rotate(8deg)}.margin-scribble svg{display:block;width:120px;margin-left:30px;transform:rotate(10deg)}.about-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start;margin-top:70px}.polaroid{position:relative;background:#fffefa;padding:16px 16px 9px;box-shadow:1px 4px 7px #00000019;border:1px solid #dddcd2;transform:rotate(-4deg);margin-top:15px}.polaroid img{aspect-ratio:4/5;width:100%;object-fit:cover;object-position:46% center;filter:grayscale(1) contrast(1.12)}.polaroid figcaption{font:23px/1.2 var(--hand);text-align:center;padding:17px 3px 9px}.tape{position:absolute;top:-15px;left:calc(50% - 45px);width:90px;height:33px;background:#d8d5c5a8;transform:rotate(5deg);z-index:1;clip-path:polygon(0 5%,97% 0,100% 96%,2% 100%)}.bio p{margin-bottom:20px;font-size:15px;line-height:1.75}.bio .lead{font:31px/1.2 var(--hand);margin-bottom:26px}.hand-link{font:28px var(--hand);text-decoration:none;display:inline-block;border:0;padding:0 0 4px;border-bottom:1px solid var(--ink);background:none}.hand-link:hover{transform:rotate(-2deg)}.bio .hand-link{margin-top:7px}.end-note{display:flex;align-items:center;justify-content:center;gap:45px;padding:80px 0 70px;position:relative}.end-note:before{content:'';position:absolute;top:35px;width:120px;border-top:1px solid #55554b;transform:rotate(-3deg)}.end-note p{font:29px/1.05 var(--hand);transform:rotate(-4deg)}.end-note>span{font:70px/1 var(--hand)}.end-note .text-button{font:22px var(--hand);border-bottom:1px solid var(--ink)}.record-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding:20px 0 65px}.record-art{position:relative;border:1px solid #88887a;padding:12px;background:#fffefa;box-shadow:3px 5px 0 #55554b15;transform:rotate(-3deg)}.record-art img{width:100%;filter:grayscale(1)}.record-caption{display:block;font:24px/1.2 var(--hand);text-align:center;padding:12px 0 4px}.record-details{position:relative}.record-details h2{font:70px/1.1 var(--hand);margin:12px 0}.record-details>p:not(.eyebrow):not(.small-hand){font-size:14px;max-width:300px;margin-bottom:28px}.rubber-stamp{display:inline-block;font:11px var(--type);letter-spacing:.13em;border:2px solid #5c5b50;padding:8px 13px;transform:rotate(9deg);color:#69685c;box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 3px #5c5b5080;margin:0 0 30px 30%}.ink-button{display:inline-flex;justify-content:center;gap:18px;align-items:center;padding:13px 20px;background:var(--ink);color:var(--paper);text-decoration:none;border:1px solid var(--ink);border-radius:2px 4px 3px 1px;font:14px/1.4 var(--type);transition:transform .2s}.ink-button:hover{transform:rotate(-2deg);background:#41413a}.small-hand{font:24px var(--hand);margin-top:17px;transform:rotate(-3deg)}.section-label{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:2px solid #55554b;border-radius:0 0 15% 0}.section-label h2{font:45px/1 var(--hand)}.video-list{list-style:none;margin:0;padding:0}.video-list li{border-bottom:1px solid #8c8b7b88}.video-list button{border:0;display:grid;grid-template-columns:35px 1fr 150px 45px;width:100%;align-items:center;gap:15px;text-align:left;padding:23px 8px;transition:background .2s}.video-list button:hover{background:#eae8df70}.track-index{font-size:11px;color:#4e4d44}.track-name{font:34px/1.2 var(--hand)}.track-name small{font-size:23px}.track-type{font-size:11px;color:#4e4d44}.play-circle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);border-radius:49% 48% 52% 46%;font-size:11px;transition:transform .2s}.video-list button:hover .play-circle{transform:rotate(-10deg);background:var(--ink);color:var(--paper)}.contact-page .page-heading{margin-bottom:70px}.contact-sheet{position:relative;max-width:840px;background:#fffefa;border:1px solid #b6b4a6;border-radius:2px 3px 2px 5px;box-shadow:5px 7px 0 #24241f0a;padding:55px 60px 40px;transform:rotate(-1deg);margin:0 auto}.contact-sheet h2{font:72px/1.1 var(--hand);margin:15px 0 22px}.phone-doodle{position:absolute;width:100px;height:100px;right:45px;top:45px;transform:rotate(10deg);stroke:#5d5d50;stroke-width:1.5}.contact-sheet>.eyebrow{max-width:65%}.contact-email{font:clamp(22px,2.5vw,34px)/1.5 var(--hand);text-decoration:none;border-bottom:1px solid var(--ink)}.copy-email{display:block;font:11px var(--type);margin-top:13px;min-height:30px}.copy-email span{font-size:17px;margin-left:6px}#copy-status{font-size:12px;min-height:22px;margin-top:5px}.contact-rule{border-top:1px solid #aaa99b;margin:22px 0}.contact-social{display:flex;gap:24px;margin-top:12px;font-size:12px;flex-wrap:wrap}.contact-social a{text-decoration:none}.contact-social a:hover{text-decoration:underline}.contact-signoff{font:24px/1.15 var(--hand);text-align:right;margin-top:40px}.contact-signoff span{font-size:33px}.epk-sheet{text-align:center;max-width:760px;padding:55px 35px 65px;border:1px solid #b6b4a6;background:#fffefa;box-shadow:4px 6px 0 #0000000c;transform:rotate(-1deg);margin:60px auto 100px}.epk-sheet .rubber-stamp{margin:0 0 20px;transform:rotate(-7deg)}.epk-sheet h2{font:72px var(--hand)}.epk-sheet>p:not(.small-hand){font-size:14px;margin:10px auto 30px}.epk-sheet .small-hand{margin-top:25px}
/* Popup dialogs are loose paper, too. */
dialog{border:0;color:var(--ink);background:transparent;padding:20px;max-height:95svh;max-width:calc(100vw - 20px);overflow:auto}dialog::backdrop{background:#20201e70;backdrop-filter:blur(3px)}dialog[open]{animation:paper-in .24s ease-out}.newsletter-dialog{width:680px;overflow:auto}.newsletter-paper{position:relative;background:var(--paper);padding:48px 45px 30px;box-shadow:3px 7px 22px #0000002a;border:1px solid #a6a596;border-radius:2px 4px 2px 5px;transform:rotate(-1deg)}.newsletter-paper:before{content:'';position:absolute;inset:7px;border:1px solid #aaa99866;border-radius:3px;pointer-events:none}.close-dialog{position:absolute;top:12px;right:16px;border:0;font:38px/1 var(--hand);min-width:40px;min-height:40px;z-index:1}.close-dialog:hover{transform:rotate(10deg)}.letter-doodle{display:block;font:60px/1 var(--hand);transform:rotate(10deg);position:absolute;top:55px;right:55px}.newsletter-paper h2{font:64px/1.1 var(--hand);margin:25px 0 18px}.newsletter-paper>p{font-size:14px;max-width:440px;margin-bottom:26px}.newsletter-paper label:not(.consent){font-size:12px;display:block;margin-bottom:8px}.email-row{display:flex;gap:9px}.email-row input{min-width:0;flex:1;border:1px solid #77776b;border-radius:1px 3px;padding:12px;background:#fffefa;font-size:13px}.email-row .ink-button{font-size:12px;padding:12px 14px;gap:7px}.consent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:10px;line-height:1.6}.consent input{margin:4px 0 0;accent-color:var(--ink);width:15px;height:15px;flex-shrink:0}.form-note{margin-top:14px;font-size:10px;color:#4e4d44}.later-button{display:block;margin:22px auto 0;font:20px var(--hand);min-height:40px}#newsletter-status{font-size:12px;line-height:1.4;margin-top:12px}.video-dialog{width:1000px;background:var(--paper);padding:22px 25px}.video-top{position:relative;padding-right:50px}.video-top h2{font:35px var(--hand)}.video-top .close-dialog{top:0;right:0}#video-frame{margin-top:17px;aspect-ratio:16/9;background:#111}#video-frame iframe{width:100%;height:100%;border:0}.video-dialog>p{font-size:11px;margin-top:14px}@keyframes paper-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(min-width:1800px){.office-hint{font-size:33px}.office-hint>span{font-size:24px}}
@media(max-width:1100px){.inner-header nav{gap:20px}.about-layout{gap:45px}.margin-scribble{display:none}.record-layout{gap:40px}.page-main{padding-inline:35px}}
@media(max-width:900px){.office{height:calc(100svh - 85px);min-height:780px}.office-scene{background-image:url('assets/office-paper.9c6e8d0168.webp');background-position:center}.home-brand{left:6%;top:4%}.home-brand h1{font-size:100px}.home-brand .eyebrow{font-size:9px}.brand-caption{font-size:25px}.newsletter-invite{right:5%;top:5%;font-size:20px;padding:9px 14px}.mail-icon{font-size:29px}.office-hint{left:40%;top:91%;font-size:27px}.office-hint>span{font-size:20px}.home .site-footer{min-height:85px}.site-footer{font-size:10px;gap:10px;padding-inline:5%}.footer-social{gap:15px}.inner-header{gap:20px;padding:22px 5%}.small-wordmark{font-size:43px}.inner-header nav{gap:17px}.inner-header nav a{font-size:22px}.inner-header nav button{font-size:17px;padding:6px 9px}.page-heading h1{font-size:85px}.about-layout{gap:30px}.bio p{font-size:14px}.bio .lead{font-size:28px}.polaroid figcaption{font-size:20px}.contact-sheet{padding:45px}.track-name{font-size:29px}}
@media(max-width:620px){body{font-size:14px}.office{min-height:790px;height:calc(100svh - 116px)}.office-scene{background-image:url('assets/office-paper.9c6e8d0168.webp');background-position:center;background-size:cover}.home-brand{left:7%;top:4.3%;transform:rotate(-4deg)}.home-brand h1{font-size:83px;letter-spacing:-.04em}.home-brand .eyebrow{font-size:8px;letter-spacing:.1em}.brand-underline{height:12px}.brand-caption{font-size:22px;margin-left:10px;margin-top:3px}.newsletter-invite{display:none}.office-navigation{display:grid;grid-template-columns:1fr 1fr;gap:32px 20px;align-content:center;padding:80px 7% 0}.office-hint{left:15%;top:80%;font-size:29px;transform:rotate(-4deg)}.office-hint>span{font-size:22px}.office-hint svg{display:none}.home-mobile-newsletter{display:block;position:absolute;bottom:3.5%;left:0;width:100%;text-align:center}.home-mobile-newsletter button{font:24px var(--hand);padding:6px 13px;background:#fffefa;border:1px solid #b8b7ab;transform:rotate(-2deg)}.site-footer,.home .site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 12px;padding:20px 7%;min-height:116px;font-size:9px}.footer-social{order:3;justify-content:space-between;width:100%;font-size:10px}.inner-page:after{inset:8px}.inner-header{position:relative;flex-wrap:wrap;padding:19px 7%;gap:0}.small-wordmark{font-size:44px}.mobile-toggle{display:block;border:0;font:22px var(--hand);min-height:44px}.mobile-toggle span{font:16px var(--type);margin-left:6px}.inner-header nav{display:none;width:100%;padding:20px 0 6px;justify-content:space-between;flex-wrap:wrap;gap:17px 21px}.inner-header.nav-open nav{display:flex}.inner-header nav a{font-size:26px}.inner-header nav button{font-size:21px;padding:0;border:0}.page-main{padding:25px 7% 0}.back-link{font-size:19px}.page-heading{margin:36px 0}.page-heading .eyebrow{font-size:9px;letter-spacing:.08em}.page-heading h1{font-size:65px;margin-top:20px;line-height:.96}.page-heading h1>span{margin-left:0;margin-top:6px}.heading-description{font-size:23px;margin-top:20px}.about-layout{display:flex;flex-direction:column;gap:42px;margin-top:45px}.polaroid{width:90%;margin:5px auto 0;transform:rotate(-3deg);padding:12px}.polaroid img{aspect-ratio:1/1.1;object-position:center 38%}.polaroid figcaption{font-size:22px}.bio .lead{font-size:30px}.bio p{font-size:14px}.hand-link{font-size:26px}.end-note{gap:20px;padding:70px 0 55px;flex-wrap:wrap}.end-note p{font-size:25px}.end-note>span{font-size:45px}.end-note .hand-link{font-size:23px}.record-layout{display:flex;flex-direction:column;gap:42px;padding:15px 0 48px}.record-art{width:95%}.record-details{width:100%;padding:0 5px}.record-details .rubber-stamp{float:right;margin:0 0 5px 12px;font-size:9px;padding:7px}.record-details h2{font-size:65px}.record-details>p:not(.eyebrow):not(.small-hand){margin-bottom:20px;max-width:250px}.section-label{align-items:flex-end;gap:15px}.section-label h2{font-size:37px}.section-label .eyebrow{font-size:8px;max-width:100px;text-align:right}.video-list button{grid-template-columns:22px 1fr 35px;gap:8px;padding:20px 0}.track-name{font-size:29px}.track-name small{font-size:20px;display:block}.track-type{display:none}.play-circle{width:31px;height:31px}.contact-page .page-heading{margin-bottom:50px}.contact-sheet{padding:35px 22px 30px;transform:rotate(-.7deg)}.contact-sheet .eyebrow{max-width:77%;font-size:8px}.phone-doodle{width:62px;height:70px;right:14px;top:40px}.contact-sheet h2{font-size:61px;margin-top:18px}.contact-email{font-size:27px;line-height:1.25;display:inline-block;overflow-wrap:anywhere;padding-bottom:8px}.copy-email{font-size:10px;margin-top:14px}.contact-social{gap:14px;font-size:10px}.contact-signoff{font-size:21px;margin-top:35px}.contact-signoff span{font-size:29px}.epk-sheet{padding:40px 20px;margin:55px auto 70px}.epk-sheet h2{font-size:65px}.epk-sheet>p:not(.small-hand){font-size:12px}.epk-sheet p br{display:none}.newsletter-dialog{padding:10px;width:100%;overflow:auto}.newsletter-paper{padding:36px 23px 22px;transform:none}.newsletter-paper>.eyebrow{font-size:9px}.newsletter-paper h2{font-size:52px;margin-top:26px}.newsletter-paper>p{font-size:12px}.letter-doodle{top:34px;right:30px;font-size:38px}.close-dialog{top:7px;right:10px}.email-row{flex-direction:column;gap:12px}.email-row input{min-height:45px;flex:auto;width:100%}.email-row .ink-button{min-height:45px;font-size:13px}.consent{font-size:9px}.video-dialog{padding:16px 15px}.video-top h2{font-size:28px}.video-dialog>p{font-size:10px}.video-dialog .close-dialog{top:0;right:0}}
@media(max-width:360px){.home-brand h1{font-size:72px}.office-navigation{gap:28px 14px;padding-inline:6%}.page-heading h1{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}



@media(max-height:600px){.newsletter-dialog{overflow:auto}.newsletter-paper{transform:none}}
/* Labels and interactive drawing share the exact coordinates of the source art. */
.office{container-type:size}
.office-stage{position:absolute;inset:0;width:100%;height:100%}
.office-image,.office-image img{display:block;width:100%;height:100%}
.office-image img{object-fit:cover;object-position:center;pointer-events:none}
.interactive-scene{position:absolute;inset:0;width:100%;height:100%;stroke:none}
.office-scene{display:none}
.home-header{z-index:2}
.office-navigation{pointer-events:none}
.scene-hotspot{cursor:pointer;outline:none}
.object-hit-area{fill:transparent;stroke:none;pointer-events:all}
.object-ink{opacity:0;pointer-events:none;filter:contrast(2.25);transition:opacity .4s ease}
.paper-note{--rotation:-5deg;position:absolute;display:grid;place-items:center;width:clamp(126px,10.5vw,180px);min-height:74px;padding:17px 20px 19px;text-decoration:none;font:500 clamp(34px,3vw,48px)/1 var(--hand);white-space:nowrap;color:#292821;background:none;box-shadow:none;border:0;isolation:isolate;pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--rotation));filter:drop-shadow(1px 2px 1px #3f3b3024);transition:transform .3s ease,filter .3s ease}
.paper-note:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/crumpled-paper.svg') center/100% 100% no-repeat;border:0;border-radius:0}
.paper-note:after{content:none}
.note-about{left:76%;top:24%;--rotation:6deg}
.note-music{left:77%;top:61%;--rotation:-7deg}
.note-contact{left:30.5%;top:74%;--rotation:7deg;width:clamp(142px,11.8vw,195px)}
.paper-note:hover,.paper-note:focus-visible{transform:translate(-50%,-54%) rotate(calc(var(--rotation) * .35)) scale(1.025);filter:drop-shadow(2px 4px 2px #3f3b3038)}
.office-stage:has([data-object="about"]:is(:hover,:focus-visible)) .object-about .object-ink,
.office-stage:has([data-object="music"]:is(:hover,:focus-visible)) .object-music .object-ink,
.office-stage:has([data-object="contact"]:is(:hover,:focus-visible)) .object-contact .object-ink{opacity:1}
.office-stage:has(.object-about:hover) .note-about,
.office-stage:has(.object-music:hover) .note-music,
.office-stage:has(.object-contact:hover) .note-contact{transform:translate(-50%,-54%) rotate(calc(var(--rotation) * .35)) scale(1.025);filter:drop-shadow(2px 4px 2px #3f3b3038)}
.footer-utility{display:flex;align-items:center;gap:24px}
@media(max-width:900px){
 .office-scene{display:block}

 .interactive-scene{display:none}
 .paper-note{width:180px;font-size:43px;min-height:80px}
 .note-about{left:71%;top:31%;--rotation:5deg}
 .note-music{left:72%;top:63%;--rotation:-5deg}
 .note-contact{left:30%;top:72%;--rotation:6deg}
 .footer-utility{gap:15px}
}
@media(max-width:620px){
 .office-navigation{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:80px 0 0 12%}
 .paper-note{position:relative;left:auto;top:auto;min-height:75px;width:168px;padding:16px 22px;font-size:42px;transform:rotate(var(--rotation))}
 .note-about{margin:0 0 0 16px;--rotation:-6deg}
 .note-music{margin:0 0 0 65px;--rotation:5deg}
 .note-contact{margin:0;--rotation:-4deg;width:184px}
 .paper-note:hover,.paper-note:focus-visible{transform:translateY(-3px) rotate(0deg);scale:1}
 .footer-utility{gap:16px}
}
@media(prefers-reduced-motion:reduce){
 .paper-note:hover,.paper-note:focus-visible,
 .office-stage:has(.scene-hotspot:hover) .paper-note{transform:translate(-50%,-50%) rotate(var(--rotation));scale:1}
}
@media(max-width:620px) and (prefers-reduced-motion:reduce){.paper-note:hover,.paper-note:focus-visible{transform:rotate(var(--rotation))}}

/* Original brand artwork, mounted on a dark torn-paper strip. */
.home-brand{transform:rotate(-3deg)}
.home-brand h1.logo-paper{width:clamp(310px,29vw,470px);padding:17px 23px 19px;margin:8px 0 12px;background:#272722;line-height:1;clip-path:polygon(1% 4%,19% 1%,39% 4%,62% 0,81% 3%,99% 1%,100% 30%,99% 56%,100% 96%,79% 99%,56% 96%,29% 100%,1% 96%,0 65%,1% 34%);text-shadow:none}
.original-logo{display:block;width:100%;height:auto}
.home-brand .brand-caption{margin-top:0;margin-left:17px}
.small-wordmark{display:block;width:260px;flex-shrink:0;padding:11px 16px 13px;background:#272722;transform:rotate(-2deg);clip-path:polygon(0 3%,25% 0,57% 3%,99% 0,100% 39%,99% 98%,73% 100%,41% 97%,1% 100%)}
/* Two static scan layers: fine print grain, coarser paper pulp and fibres. */
.site-texture{position:fixed;inset:0;z-index:100;pointer-events:none;user-select:none;background:radial-gradient(ellipse at center,transparent 40%,#51443112 100%);mix-blend-mode:multiply}
.site-texture:before,.site-texture:after{content:"";position:absolute;inset:0;pointer-events:none}
.site-texture:before{background:url('assets/print-grain.svg') repeat;background-size:180px 180px;opacity:.23;mix-blend-mode:multiply}
.site-texture:after{background:url('assets/paper-fibres.svg') repeat;background-size:480px 480px;opacity:.48;mix-blend-mode:multiply}
/* Native dialogs occupy the top layer, so they carry their own matching scan. */
.newsletter-paper:after,.video-dialog:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background-image:url('assets/print-grain.svg'),url('assets/paper-fibres.svg');background-size:180px 180px,480px 480px;background-blend-mode:multiply;mix-blend-mode:multiply;opacity:.2}
@media(max-width:900px){.home-brand h1.logo-paper{width:350px}.small-wordmark{width:220px;padding:10px 14px 12px}.inner-header{gap:20px}.inner-header nav{gap:14px}}
@media(min-width:621px) and (max-width:760px){.inner-header{flex-wrap:wrap}.inner-header nav{width:100%;justify-content:space-between}}
@media(max-width:620px){.home-brand h1.logo-paper{width:min(82vw,355px);padding:15px 19px 17px;margin-top:10px;margin-bottom:9px}.home-brand .brand-caption{margin-left:10px}.small-wordmark{width:210px;padding:10px 13px 12px}.inner-header{gap:0}.site-texture:before{opacity:.21}}
@media(max-width:360px){.small-wordmark{width:182px}.home-brand h1.logo-paper{width:84vw}.home-brand .brand-caption{font-size:20px}}

/* Photocopied paper and uneven ink are part of the material, including body copy. */
.print-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.site-texture{background-image:url('assets/scan-dust.svg'),radial-gradient(ellipse at center,transparent 20%,#463d2929 100%);background-size:768px 768px,100% 100%}
.site-texture:before{background-size:220px 220px;opacity:.24}
.site-texture:after{opacity:.4}
p,h1,h2,h3,figcaption,.inner-header nav,.site-footer,.track-name,.track-type,.track-index,label,input,.ink-button,.text-button,.hand-link,.back-link,.contact-email,.rubber-stamp{filter:url(#worn-ink)}
.page-heading h1,.section-label h2,.record-details h2,.newsletter-paper h2,.epk-sheet h2{filter:url(#rough-lettering);font-weight:600;text-shadow:.35px .1px 0 #25252144}
.bio p:not(.lead),.newsletter-paper>p,.epk-sheet>p:not(.small-hand){font-weight:700;letter-spacing:-.025em}
.eyebrow{letter-spacing:.16em;text-shadow:.25px .15px 0 #25252155}
.paper-note{filter:url(#rough-lettering) drop-shadow(1px 2px 1px #3f3b3024);font-weight:600}
.paper-note:hover,.paper-note:focus-visible,
.office-stage:has(.object-about:hover) .note-about,
.office-stage:has(.object-music:hover) .note-music,
.office-stage:has(.object-contact:hover) .note-contact{filter:url(#rough-lettering) drop-shadow(2px 4px 2px #3f3b3038)}
.logo-paper,.small-wordmark{filter:url(#rough-lettering)}
.newsletter-paper:after,.video-dialog:after{background-image:url('assets/scan-dust.svg'),url('assets/print-grain.svg'),url('assets/paper-fibres.svg');background-size:768px 768px,220px 220px,480px 480px;opacity:.21}
@media(max-width:620px){.site-texture:before{opacity:.22}}
@media(prefers-contrast:more){.site-texture:before,.site-texture:after{opacity:.2}p,h1,h2,h3,figcaption,.inner-header nav,.site-footer,.track-name,.track-type,.track-index,label,input,.ink-button,.text-button,.hand-link,.back-link,.contact-email,.rubber-stamp,.paper-note,.logo-paper,.small-wordmark{filter:none}}

/* Typewriter ribbon: imperfect glyphs, uneven pressure, and ink wicking into paper. */
@font-face{font-family:'Special Elite';src:url('assets/special-elite.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--type:'Special Elite',Courier,'Courier New',monospace}
.bio p:not(.lead),.newsletter-paper>p,.epk-sheet>p:not(.small-hand){font-weight:400;letter-spacing:.005em;line-height:1.85}
.eyebrow,.site-footer,label,input,.form-note,.track-index,.track-type,.consent{font-family:Courier,'Courier New',monospace}
/* Preserve sharp input text while the surrounding labels keep the printed feel. */
input{filter:none}
/* Story briefing: a shop link in the office, a release shelf, and chapter signup. */
.home-store-link{position:absolute;right:4.6%;top:17%;pointer-events:auto;padding:5px 13px;text-decoration:none;font:26px var(--hand);transform:rotate(-3deg);background:#fffdf5e8;border-bottom:1px solid var(--ink);filter:url(#worn-ink)}
.home-store-link:hover{text-decoration:underline;text-underline-offset:5px}
.story-layout{align-items:center;margin-top:55px}
.story-copy .ink-button{margin-top:10px}
.release-section{margin-top:60px}
.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:42px 0 65px}
.release{min-width:0}
.release-cover{display:block}
.release-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.release-caption{padding:14px 0 0;min-height:90px}
.release-caption .eyebrow{font-size:9px}
.release-caption h3{font:500 clamp(29px,3vw,39px)/1.15 var(--hand);margin-top:5px;filter:url(#rough-lettering)}
.release-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:19px 3px 0;font:12px var(--type)}
.release-actions a{text-decoration:none;border-bottom:1px solid var(--ink);padding:5px 0;filter:url(#worn-ink)}
.release-play{border:1px solid #686657;padding:9px 11px;border-radius:2px 4px 1px 3px;font:12px var(--type);filter:url(#worn-ink)}
.release-play:hover,.release-play[aria-expanded="true"]{background:var(--ink);color:var(--paper)}
.release-play span{margin-right:7px;font-size:10px}
.release-player{margin-top:15px;background:#fffdf6;border:1px solid #c1bdac}
.release-player iframe{display:block;width:100%;height:120px;border:0}
.catalogue-link{text-align:center;margin:0 0 85px}
.newsletter-paper h2{font-size:58px;max-width:450px;line-height:1.04}
.newsletter-paper .letter-doodle{top:30px;right:45px;font-size:42px}
.epk-sheet .small-hand{overflow-wrap:anywhere}
@media(min-width:621px) and (max-width:900px){.inner-header{flex-wrap:wrap}.inner-header nav{width:100%;justify-content:space-between}.release-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-store-link{top:17%;right:5%}}
@media(max-width:620px){
 .home-store-link{top:auto;bottom:11%;right:auto;left:50%;transform:translateX(-50%) rotate(-3deg);font-size:25px;padding:3px 15px;white-space:nowrap}
 .release-section{margin-top:42px}
 .release-grid{grid-template-columns:1fr;gap:42px;margin:35px auto 55px;max-width:380px}
 .release-caption{min-height:0;padding:14px 0 0}
 .release-caption h3{font-size:39px}
 .release-actions{font-size:13px;margin-top:20px}
 .release-play{font-size:13px;padding:11px 15px}
 .catalogue-link{margin-bottom:65px}
 .newsletter-paper h2{font-size:46px;margin-top:28px}
 .newsletter-paper .letter-doodle{top:29px;right:25px;font-size:33px}
 .story-layout{margin-top:35px}
 .footer-utility{gap:14px;flex-wrap:wrap}
}
@media(prefers-contrast:more){.home-store-link,.release-caption h3,.release-actions a,.release-play{filter:none}}

/* Coloured office artwork is composited into a responsive static image. */
.home{background:#34372a}
.office{background:#7e9052}

.object-ink{filter:brightness(1.1) saturate(1.12)}
.note-about{left:77%;top:29%}
.note-music{left:77%;top:69%}
.note-contact{left:31%;top:83%}
.office-hint{left:46%;top:91%;color:#f7f0cf;line-height:1;text-shadow:0 1px 2px #15180d66}
.office-hint>span{margin-top:7px}
.home .site-footer{background:#e9e5d6;border-top-color:#494f35}
@media(max-width:900px){

 .office-navigation{inset:auto;left:50%;top:50%;width:100cqw;height:100cqh;transform:translate(-50%,-50%)}
 .note-about{left:75%;top:31%}
 .note-music{left:75%;top:66%}
 .note-contact{left:25%;top:72%}
 .office-hint{left:40%;top:90%}
}
@media(max-width:620px){
 .office-navigation{display:block;padding:0}
 .paper-note{position:absolute;margin:0;min-height:65px;width:29cqw;max-width:145px;padding:13px 8px;font-size:34px;transform:translate(-50%,-50%) rotate(var(--rotation))}
 .note-about{left:17%;top:67%;--rotation:-6deg}
 .note-music{left:50%;top:69%;--rotation:5deg}
 .note-contact{left:83%;top:67%;--rotation:-4deg}
 .paper-note:hover,.paper-note:focus-visible{transform:translate(-50%,-54%) rotate(0deg)}
 .office-hint{left:14%;top:79%;font-size:28px}
 .home-store-link{bottom:12%;background:#fffdf0ed}
}
@media(max-width:360px){.paper-note{font-size:30px;padding-inline:6px}}
@media(max-width:620px) and (prefers-reduced-motion:reduce){.paper-note:hover,.paper-note:focus-visible{transform:translate(-50%,-50%) rotate(var(--rotation))}}

/* Keep the handwritten invitation on the dark front edge of the desk. */
@media(min-width:901px){.office-hint{left:auto;right:7%;top:auto;bottom:1.4%;font-size:22px;transform:rotate(-2deg)}.office-hint>span{font-size:16px;margin-top:4px}.office-hint svg{width:51px;left:-57px;top:-7px}}
/* White paper navigation rail: the drawing is now free of menu labels. */
:root{--rail-width:clamp(210px,20vw,300px)}
body.with-rail{margin-right:var(--rail-width);min-height:100svh}
.navigation-rail{position:fixed;z-index:30;inset:0 0 0 auto;width:var(--rail-width);height:100svh;display:flex;flex-direction:column;gap:26px;padding:38px 26px 28px;background:#fff;border-left:1px solid #d4d0c4;box-shadow:-2px 0 8px #2225190a;overflow-y:auto;overscroll-behavior:contain}
.rail-top{flex-shrink:0}
.rail-brand{display:block;width:100%;margin:0;padding:12px 14px;background:#24241f;transform:rotate(-2deg);clip-path:polygon(0 5%,24% 1%,47% 3%,75% 0,99% 3%,100% 96%,78% 100%,49% 97%,22% 100%,1% 97%);filter:url(#rough-lettering)}

.rail-navigation{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:clamp(12px,5svh,60px)}
.rail-navigation a{position:relative;display:block;font:400 clamp(30px,2.5vw,39px)/1.25 var(--type);text-decoration:none;letter-spacing:-.045em;padding:5px 0;filter:url(#worn-ink);transition:transform .18s}
.rail-navigation a>span{font:27px var(--hand);display:inline-block;margin-left:3px}
.rail-navigation a:after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--ink);transform:scaleX(0) rotate(-2deg);transform-origin:left;transition:transform .2s}
.rail-navigation a:hover{transform:translateX(-3px)}
.rail-navigation a:hover:after,.rail-navigation a[aria-current="page"]:after{transform:scaleX(1) rotate(-2deg)}
/* Social links finish the sidebar beneath the newsletter signup. */
.rail-social{display:flex;justify-content:space-between;align-items:center;gap:2px;flex-shrink:0;margin-top:22px;padding-top:10px;border-top:1px solid #d4d0c4}
.rail-social a{display:grid;place-items:center;flex:1;max-width:44px;min-height:40px;text-decoration:none;border-radius:3px;transition:background-color .18s ease}
.rail-social a:hover,.rail-social a:focus-visible{background:#fbe126}
.rail-social svg{display:block;width:21px;height:21px;stroke-width:1.6}
@media(max-width:620px){.rail-social{padding-top:8px}.rail-social a{min-height:36px}.rail-social svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.rail-social a{transition:none}}
.rail-bottom{margin-top:auto;padding-top:35px}
/* A yellow case note makes the newsletter invitation stand out from the menu. */
.rail-newsletter{position:relative;display:block;width:100%;border:1.5px solid var(--ink);border-radius:2px 4px 2px 3px;background:#fbe126;color:#1c1c19;text-align:left;padding:17px 15px 43px;box-shadow:3px 4px 0 #1c1c19;transform:rotate(-1deg);transition:transform .18s ease,box-shadow .18s ease}
.rail-newsletter-title{display:block;font:700 clamp(31px,2.8vw,39px)/.98 var(--hand);letter-spacing:-.025em;margin-top:0;filter:url(#rough-lettering)}
.rail-newsletter-copy{display:block;font:11px/1.5 Courier,'Courier New',monospace;margin-top:13px}
.rail-newsletter-arrow{position:absolute;right:12px;bottom:10px;display:grid;place-items:center;width:28px;height:28px;background:#1c1c19;color:#fbe126;font:28px/1 var(--hand);transition:transform .18s ease}
.rail-newsletter:hover{transform:rotate(0) translateY(-3px);box-shadow:4px 7px 0 #1c1c19}
.rail-newsletter:hover .rail-newsletter-arrow{transform:translate(1px,-1px)}
.rail-newsletter:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.rail-signoff{font:10px/1.5 var(--type);margin-top:27px;letter-spacing:.02em;color:#4c4a41}
.with-rail .office{height:100svh;min-height:620px}
.with-rail .page-main{padding-top:43px}
.with-rail.inner-page:before{right:var(--rail-width)}
.with-rail.inner-page:after{right:calc(var(--rail-width) + 15px)}
@media(max-width:900px){
 :root{--rail-width:200px}
 .navigation-rail{padding:30px 22px 24px;gap:22px}
 .rail-navigation a{font-size:30px}
 .rail-newsletter-title{font-size:28px}

 .with-rail .office{min-height:620px;height:100svh}
 .with-rail .about-layout{grid-template-columns:1fr;gap:45px}
 .with-rail .polaroid{width:min(90%,400px);margin:5px auto}
}
@media(max-width:620px){
 :root{--rail-width:112px}
 .navigation-rail{padding:23px 12px 20px;gap:20px}
 .rail-brand{padding:8px 7px}

 .rail-navigation{gap:16px;margin-top:20px}
 .rail-navigation a{font-size:20px;letter-spacing:-.055em;padding:7px 0}
 .rail-navigation a>span{font-size:19px;margin-left:0}
 .rail-bottom{padding-top:25px}
 .rail-newsletter{padding:12px 8px 36px;box-shadow:2px 3px 0 #1c1c19}
 .rail-newsletter-title{font-size:24px;margin-top:0;overflow-wrap:normal;hyphens:manual}
 .rail-newsletter-copy{font-size:9px;line-height:1.45;margin-top:10px;overflow-wrap:break-word}
 .rail-newsletter-arrow{right:7px;bottom:7px;width:23px;height:23px;font-size:24px}
 .rail-signoff{font-size:8px;margin-top:22px}
 .with-rail .office{height:100svh;min-height:620px}
 .with-rail .page-main{padding:26px 18px 0}
 .with-rail .page-heading h1{font-size:49px;overflow-wrap:break-word}
 .with-rail .page-heading .eyebrow{font-size:8px;letter-spacing:.04em}
 .with-rail .heading-description{font-size:23px}
 .with-rail .section-label{align-items:flex-start;flex-direction:column;gap:10px}
 .with-rail .section-label .eyebrow{text-align:left;max-width:none}
 .with-rail .section-label h2{font-size:33px}
 .with-rail .release-grid{max-width:100%}
 .with-rail .release-caption h3{font-size:33px}
 .with-rail .release-actions{gap:7px;font-size:11px}
 .with-rail .release-play{font-size:11px;padding:10px 7px}
 .with-rail .release-play span{margin-right:2px}
 .with-rail .contact-sheet{padding:30px 16px 25px}
 .with-rail .contact-sheet h2{font-size:48px}
 .with-rail .contact-email{font-size:24px}
 .with-rail .phone-doodle{width:50px;right:7px}
 .with-rail .site-footer{padding-inline:18px;gap:12px}
 .with-rail .footer-social{flex-wrap:wrap;justify-content:flex-start;gap:10px 16px}
 .with-rail .footer-utility{gap:12px}
 .with-rail .end-note{gap:18px}
 .with-rail .end-note p{font-size:24px}
 .with-rail .end-note .hand-link{font-size:24px}
 .with-rail .track-name{font-size:25px}
 .with-rail .video-list button{grid-template-columns:18px 1fr 28px;gap:6px}
}
@media(max-width:360px){:root{--rail-width:101px}.navigation-rail{padding-inline:10px}.rail-navigation a{font-size:19px}.rail-newsletter-title{font-size:22px}.with-rail .page-main{padding-inline:14px}.with-rail .page-heading h1{font-size:42px}}
@media(max-height:600px) and (min-width:621px){.navigation-rail{padding-top:22px;padding-bottom:18px;gap:12px}.rail-navigation{margin-top:8px;gap:7px}.rail-navigation a{font-size:28px}.rail-bottom{padding-top:18px}.rail-newsletter{padding:12px 12px 37px}.rail-newsletter-title{font-size:25px}.rail-signoff{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.rail-navigation a:hover,.rail-newsletter,.rail-newsletter:hover,.rail-newsletter:hover .rail-newsletter-arrow{transform:none;transition:none}}
@media(prefers-contrast:more){.rail-brand,.rail-navigation a,.rail-newsletter{filter:none}}

/* Original logo stays at the upper left, separate from the right-hand menu. */
.corner-branding{padding:30px 5% 0;position:relative;z-index:2}
.corner-logo{display:block;width:260px;margin:0;padding:13px 18px 15px;background:#24241f;transform:rotate(-2deg);clip-path:polygon(0 5%,24% 1%,47% 3%,75% 0,99% 3%,100% 96%,78% 100%,49% 97%,22% 100%,1% 97%);filter:url(#rough-lettering)}
.home .corner-branding{position:absolute;top:5%;left:4.5%;padding:0}
.home .corner-logo{width:clamp(250px,28vw,420px);padding:17px 23px 19px}
@media(max-width:620px){.corner-branding{padding:23px 18px 0}.corner-logo{width:min(100%,220px);padding:11px 14px 13px}.home .corner-branding{top:4%;left:7%;right:7%}.home .corner-logo{width:min(100%,300px);padding:13px 16px 15px}.with-rail .page-main{padding-top:27px}}
@media(prefers-contrast:more){.corner-logo{filter:none}}

/* Main-site branding: original symbol above the wordmark in the white rail. */
.rail-home-title{margin:0;font-size:inherit;line-height:1;filter:none}
.rail-stacked-brand{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;width:100%}
.rail-stacked-brand svg{display:block;overflow:hidden;stroke:none;flex-shrink:0}
.rail-symbol{width:clamp(68px,7vw,100px);height:auto;aspect-ratio:1}
.rail-wordmark{width:100%;max-width:240px;height:auto;aspect-ratio:520/110;filter:brightness(0);opacity:.91}

.navigation-rail .rail-navigation{margin-top:clamp(0px,2.5svh,25px)}
@media(max-width:620px){.rail-stacked-brand{gap:10px}.rail-symbol{width:52px}.navigation-rail .rail-navigation{margin-top:9px}}
@media(max-height:600px) and (min-width:621px){.rail-symbol{width:57px}.rail-stacked-brand{gap:8px}.navigation-rail .rail-navigation{margin-top:0}}

/* Brevo's text honeypot remains in the form, outside the visible paper sheet. */
.newsletter-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none}

.newsletter-confirmation{margin:0 0 24px;padding:16px 18px;background:#fbe126;border:1px solid #8b7a23;border-left:4px solid #292821;color:#25241e;font:13px/1.65 var(--type);text-wrap:pretty}
.newsletter-confirmation strong{display:block;margin-bottom:6px;font-size:14px;line-height:1.4}
.newsletter-confirmation p{margin:0}
/* Direct-link signup page, using the same Brevo form as the popup. */
.newsletter-page{display:flex;flex-direction:column;min-height:100svh;min-width:280px}
.newsletter-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:980px;margin:0 auto;padding:24px 32px}
.newsletter-header .corner-logo{width:200px;margin:0;padding:10px 14px 12px}
.newsletter-header .site-language-switch{position:static}
.newsletter-main{flex:1;width:100%;max-width:700px;margin:0 auto;padding:16px 28px 48px}
.newsletter-page .newsletter-paper{transform:none;padding:clamp(26px,5vw,45px);overflow:hidden}
.newsletter-page .newsletter-paper h1{font:600 clamp(42px,6vw,58px)/1.08 var(--hand);filter:url(#rough-lettering);max-width:450px;margin:25px 0 18px}
.newsletter-page .letter-doodle{font-size:34px;top:22px;right:25px}
.newsletter-page .consent{font-size:11px}
.newsletter-footer{width:100%;min-height:70px;margin-top:auto}
@media(max-width:620px){.newsletter-header{padding:18px 20px;gap:16px}.newsletter-header .corner-logo{width:162px}.newsletter-main{padding:12px 16px 32px}.newsletter-page .newsletter-paper{padding:30px 22px}.newsletter-page .newsletter-paper h1{margin-top:28px}.newsletter-footer{padding:18px 20px;font-size:10px}.newsletter-footer .footer-utility{gap:14px}}
#newsletter-form[data-state="pending"] button[type="submit"]{cursor:wait;opacity:.65}
#newsletter-status:empty{display:none}
#newsletter-form[data-state="error"] #newsletter-status{padding:14px;border-left:3px solid #8c3527;background:#f8ebe1;color:#63261c;line-height:1.65}
#newsletter-form[data-state="success"]>:not(#newsletter-status){display:none}
#newsletter-form[data-state="success"] #newsletter-status{margin:0;padding:22px;background:#fbe126;border:1px solid #8b7a23;border-left:4px solid #292821;font:15px/1.8 var(--type);color:#25241e;text-wrap:pretty}
.newsletter-language{border:0;padding:0;margin:0 0 22px;min-width:0}
.newsletter-language legend{font:12px/1.5 var(--type);margin-bottom:9px;padding:0;filter:url(#worn-ink)}
.newsletter-language-options{display:flex;flex-wrap:wrap;gap:10px}
.newsletter-paper .newsletter-language-options label{display:flex;align-items:center;gap:9px;min-height:42px;border:1px solid #b6b4a6;border-radius:2px 3px 1px 2px;padding:8px 12px;margin:0;font:12px/1.4 var(--type);cursor:pointer}
.newsletter-language-options label:has(input:checked){background:#fbe126;border-color:var(--ink)}
.newsletter-language-options input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--ink)}

/* Shared language choice and a quieter hierarchy for the main pages. */
.site-language-switch{position:fixed;z-index:35;top:22px;right:calc(var(--rail-width) + 22px);display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:5px;background:#fffdf6f5;border:1px solid #1c1c1940;box-shadow:2px 3px 0 #1c1c191c;font:11px/1 Courier,'Courier New',monospace}
.site-language-switch button{border:0;min-width:34px;min-height:32px;padding:5px 6px;font:inherit;color:#77776f;border-bottom:2px solid transparent}
.site-language-switch button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink);background:#fbe126}
.site-language-switch>span{color:#77776f}
.rail-top,.rail-navigation,.rail-bottom{flex-shrink:0}
.rail-newsletter-title,[data-site-i18n="about.title"],.heading-description,[data-site-i18n="contact.chapter"]{white-space:pre-line}
.with-rail .page-heading h1{font:400 clamp(34px,4.7vw,72px)/1.17 var(--type);letter-spacing:-.055em;margin-top:0;overflow-wrap:anywhere;filter:url(#worn-ink);text-shadow:none}
.with-rail .bio .lead{font:400 clamp(18px,1.75vw,24px)/1.7 var(--type);letter-spacing:-.025em}
.with-rail .section-label h2{font:400 clamp(26px,3vw,42px)/1.2 var(--type);letter-spacing:-.04em;filter:url(#worn-ink);text-shadow:none}
.with-rail .page-main{padding-bottom:65px}
.with-rail .about-layout{margin-top:45px}
.rail-social{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:27px;padding-top:16px}
.rail-social a{max-width:none;min-width:0;min-height:38px}
.rail-legal{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:17px;font:10px/1.6 Courier,'Courier New',monospace}
.rail-legal a{text-decoration:none;text-underline-offset:3px}
.rail-legal a:hover{text-decoration:underline}
.contact-social-heading{margin-top:30px;transform:none}
.contact-social{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin-top:27px;max-width:380px}
.contact-social a{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d4d0c4;border-radius:3px;transition:background-color .18s ease,border-color .18s ease}
.contact-social a:hover,.contact-social a:focus-visible{background:#fbe126;border-color:var(--ink)}
.contact-social svg{display:block;width:25px;height:25px;stroke-width:1.6}
.legal-copy{max-width:760px;font:14px/1.9 var(--type);overflow-wrap:anywhere}
.legal-copy h2{font:400 clamp(20px,2.1vw,28px)/1.35 var(--type);letter-spacing:-.035em;margin:38px 0 14px}
.legal-copy p,.legal-copy address{margin-bottom:22px;font-style:normal}
.legal-copy a{text-decoration-thickness:1px}
.site-footer .footer-utility{flex-wrap:wrap}
@media(max-width:620px){
 .site-language-switch{top:12px;right:calc(var(--rail-width) + 12px);gap:3px;font-size:10px}
 .site-language-switch button{min-width:32px;min-height:32px;padding-inline:3px}
 .navigation-rail{gap:16px}
 .rail-social{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:23px;padding-top:13px}
 .rail-social a{min-height:33px}
 .rail-legal{flex-direction:column;gap:5px;margin-top:13px;font-size:8px}
 .with-rail .page-main{padding-bottom:40px}
 .with-rail .section-label h2{font-size:27px}
 .contact-social{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
 .contact-social a{width:100%;height:44px}
 .contact-social svg{width:23px;height:23px}
 .legal-copy{font-size:12px;line-height:1.85}
 .legal-copy h2{font-size:21px;margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.contact-social a{transition:none}}

.navigation-rail .rail-navigation a{max-width:100%;overflow-wrap:break-word}

/* A tucked-in portrait: the lower paper lip covers the cutout's cut edge. */
.about-portrait{padding:14px 14px 52px;background:#fffdf6;transform:rotate(-2deg);box-shadow:2px 6px 15px #28271c1c}
.portrait-window{position:relative;aspect-ratio:4/5;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 45% 35%,#ecebcf 0%,#d8d9ba 60%,#b8bea0 100%);border:1px solid #62674930}
.about-portrait .portrait-window img{position:absolute;left:-3%;bottom:-7%;width:110%;max-width:none;height:auto;aspect-ratio:auto;object-fit:initial;filter:none}
.about-portrait:after{content:'';position:absolute;z-index:2;left:12px;right:12px;bottom:43px;height:16px;background:#fffdf6;clip-path:polygon(0 25%,8% 30%,16% 18%,25% 27%,35% 16%,44% 24%,54% 15%,64% 25%,74% 17%,84% 28%,93% 20%,100% 26%,100% 100%,0 100%);pointer-events:none}
@media(max-width:620px){.about-portrait{padding:10px 10px 40px}.about-portrait:after{left:8px;right:8px;bottom:31px}}

/* Fit the complete desktop rail to the available window height. */
@media(min-width:621px){
 .navigation-rail{display:grid;grid-template-rows:auto minmax(min-content,1fr) auto;gap:clamp(10px,1.8svh,20px);padding:clamp(12px,2.8svh,30px) clamp(18px,2vw,28px)}
 .navigation-rail .rail-stacked-brand{gap:clamp(6px,1svh,10px)}
 .navigation-rail .rail-symbol{width:clamp(44px,8svh,80px)}
 .navigation-rail .rail-wordmark{width:min(100%,200px,24svh);max-width:none}
 .navigation-rail .rail-navigation{justify-content:center;gap:clamp(4px,1.2svh,12px);margin:0;min-height:0}
 .navigation-rail .rail-navigation a{font-size:clamp(24px,3.7svh,34px);line-height:1.15;padding-block:4px}
 .navigation-rail .rail-navigation a>span{font-size:inherit}
 .navigation-rail .rail-bottom{margin-top:0;padding-top:0}
 .navigation-rail .rail-newsletter{padding:clamp(10px,1.5svh,16px) 12px 31px}
 .navigation-rail .rail-newsletter-title{font-size:clamp(27px,min(4svh,3vw),36px);line-height:1}
 .navigation-rail .rail-newsletter-copy{font-size:clamp(10px,1.4svh,11px);line-height:1.45;margin-top:8px}
 .navigation-rail .rail-newsletter-arrow{width:24px;height:24px;font-size:25px;right:9px;bottom:7px}
 .navigation-rail .rail-social{margin-top:clamp(12px,2svh,20px);padding-top:clamp(8px,1svh,12px);gap:4px}
 .navigation-rail .rail-social a{min-height:clamp(28px,4svh,38px)}
 .navigation-rail .rail-social svg{width:20px;height:20px}
 .navigation-rail .rail-legal{gap:6px 10px;margin-top:clamp(8px,1.4svh,14px);font-size:clamp(9px,1.1svh,10px);line-height:1.5}
}