:root{--ink:#2a1b1b;--paper:#fffbf4;--pink:#a94768}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Outfit',sans-serif}body.intro-active{overflow:hidden}::selection{background:#edb7c8;color:var(--ink)}a{color:inherit}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,.carousel:focus-visible{outline:3px solid #832d51;outline-offset:4px}main{padding:3.5vh 3vw;max-width:1900px;margin:auto}.panel{position:relative;overflow:hidden;border:3px solid var(--ink);border-radius:2px;margin:0 auto 7vh;min-height:min(90vh,850px)}.panel-num{position:absolute;right:2%;top:2%;font-size:14px;z-index:4}.intro{position:fixed;inset:0;background:var(--paper);z-index:100;display:grid;place-items:center;padding:3vw;transition:opacity .6s ease,visibility .6s}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-frame{position:relative;border:3px solid var(--ink);width:100%;height:100%;overflow:hidden;background:#f4e2e0}.intro-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:introZoom 5s ease-out both}.intro-frame p{position:absolute;top:5%;left:0;right:0;text-align:center;font-size:clamp(13px,1.5vw,22px);color:#2a1b1b;text-shadow:0 1px 3px #fff9}.intro button{position:absolute;bottom:5%;right:5%;background:#fff8;border:1px solid var(--ink);padding:9px 13px;cursor:pointer}.dots{animation:pulse 1s steps(3,end) infinite}@keyframes introZoom{from{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{50%{opacity:.2}}
.hero{height:min(90vh,850px);min-height:620px;background:var(--paper)}.hi{position:absolute;top:5%;left:4%;font-weight:500;font-size:clamp(20px,2.4vw,36px);z-index:4}.hero h1{margin:0;font:700 clamp(140px,22vw,350px)/.75 'Outfit',sans-serif;color:var(--pink);letter-spacing:-.04em}.name-first,.name-last{position:absolute;z-index:1}.name-first{top:17%;left:8%;transform:rotate(-4deg)}.name-last{top:46%;left:53%;font-size:.58em;z-index:3;transform:rotate(-4deg)}.hero-person{position:absolute;z-index:2;bottom:-2%;left:50%;height:76%;width:auto;max-width:75%;object-fit:contain;object-position:bottom;transform:translateX(-50%);filter:grayscale(1)}.hero-description{position:absolute;top:44%;left:13%;font-size:clamp(13px,1.35vw,20px);font-weight:500;line-height:1.5;z-index:4}.hero-links{position:absolute;left:7%;bottom:5%;display:flex;gap:24px;z-index:4}.hero-links a,.scroll-cue{font-size:13px;text-decoration-thickness:2px;text-underline-offset:5px}.scroll-cue{position:absolute;right:4%;bottom:5%;z-index:4}.hero-links a:hover,.scroll-cue:hover,.text-link:hover{color:#a33d61}.hero.reveal .name-first{animation:write .9s ease-out both}.hero.reveal .hero-person{animation:appear .8s .25s ease-out both}.hero.reveal .name-last{animation:appear .7s .6s ease-out both}@keyframes write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes appear{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.about{background:#9bbc72;display:flex;flex-direction:column;align-items:center;text-align:center;padding:7vh 5% 2vh}.about:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 20%,#b8d38d 0 15%,transparent 15.2%),radial-gradient(ellipse at 80% 80%,#8db364 0 19%,transparent 19.2%),radial-gradient(ellipse at 68% 10%,#adca83 0 18%,transparent 18.2%);opacity:.65;pointer-events:none}.about>*{position:relative}.bead-heading{display:flex;justify-content:center;gap:8px;margin:0 0 24px}.bead-heading span{display:grid;place-items:center;width:clamp(30px,3.1vw,48px);height:clamp(30px,3.1vw,48px);border-radius:50%;background:#f7f6ee;box-shadow:0 3px 4px #53694480;font:bold clamp(19px,2vw,32px) 'Outfit',sans-serif;transform:rotate(-6deg)}.bead-heading span:nth-child(even){transform:rotate(7deg)}.bead-heading i{width:15px}.bio{max-width:900px;font-size:clamp(15px,1.55vw,22px);line-height:1.55;color:#1f351a;text-shadow:none}.hint{font-size:13px;color:#1f351a;margin:20px 0}.objects{width:min(1050px,100%);display:flex;align-items:end;justify-content:center;gap:clamp(12px,4vw,65px);margin:auto auto 0}.object{cursor:pointer;border:6px solid #fffdf5;background:#fffdf5;box-shadow:0 5px 8px #49653980;padding:0 0 8px;transform:rotate(-5deg);width:clamp(115px,16vw,205px);transition:transform .2s}.object:nth-child(even){transform:rotate(6deg)}.object:hover,.object:focus-visible{transform:translateY(-14px) rotate(0)}.object img{width:100%;height:clamp(110px,16vw,200px);object-fit:cover;display:block}.object span{display:block;font:700 clamp(12px,1.2vw,17px) 'Outfit',sans-serif;padding-top:5px}.note{position:absolute;z-index:6;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(420px,80%);padding:24px 35px;background:#fff9e9;box-shadow:0 7px 18px #344a3a66;text-align:left;visibility:hidden;opacity:0;transition:opacity .2s}.note.open{visibility:visible;opacity:1}.note strong{font:700 25px 'Outfit',sans-serif}.note p{font-size:14px;line-height:1.6}.note button{position:absolute;right:10px;top:7px;border:0;background:none;font-size:24px;cursor:pointer}.about-story{position:absolute;bottom:2%;right:2%;font-size:12px;color:#22361d;background:#f9f9e5;padding:8px}.experience{background:repeating-linear-gradient(90deg,#f5e4c7 0 19px,#dcae94 19px 33px,#f7e6ce 33px 47px,#aeb591 47px 56px,#eed4a4 56px 74px);padding:45px 4% 60px;text-align:center}.experience h2,.media h2{font:400 clamp(48px,6vw,82px) 'Outfit',sans-serif;margin:10px 0}.experience-hint,.project-hint{font-size:13px}.carousel-shell{display:flex;align-items:center;gap:15px;margin:5vh auto 0;max-width:1500px}.carousel{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:20px 8px 28px;text-align:left}.player{flex:0 0 clamp(185px,19vw,260px);scroll-snap-align:center;border-radius:12px;background:#f7f0e4;padding:13px;box-shadow:0 5px 8px #674a4380;min-width:0}.player img,.player-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.player-art{display:grid;place-items:center;background:#c4d9d2;font:700 45px 'Outfit',sans-serif;color:#3c5861;text-align:center;line-height:1}.art-enzon{background:#e6b78f;color:#593749;font-size:34px}.player h3{font-size:14px;margin:12px 0 5px}.player p,.player small{font-size:12px;margin:0;line-height:1.4}.timeline{height:4px;border-radius:5px;background:#c7b2a8;margin:13px 0 5px}.timeline span{display:block;width:45%;height:100%;background:#5c3448}.player a{display:block;font-size:12px;font-weight:bold;margin:13px 0 3px}.carousel-arrow{flex:none;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;background:#fff8e9;font-size:30px;line-height:1;cursor:pointer}.carousel-arrow:hover{background:#f4c6b5}
.projects{background:#c9a176;padding:45px 4% 60px;text-align:center}.projects:before{content:'';position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#654329 1px,transparent 1px);background-size:8px 8px;pointer-events:none}.project-heading,.project-hint,.project-board{position:relative}.project-heading{display:flex;justify-content:center;gap:4px;margin:0;font:700 clamp(35px,4vw,60px) 'Outfit',sans-serif}.project-heading span{display:inline-block;padding:4px 5px;color:#fff8e4;background:#435f3a;transform:rotate(-6deg)}.project-heading span:nth-child(3n+2){background:#8e571e;transform:rotate(5deg)}.project-heading span:nth-child(3n){background:#5c4851;transform:rotate(-3deg)}.project-board{display:flex;justify-content:center;flex-wrap:wrap;gap:40px clamp(25px,4vw,65px);max-width:1250px;margin:45px auto}.polaroid{width:clamp(150px,16vw,205px);transform:rotate(-4deg);position:relative}.polaroid:nth-child(even){transform:rotate(4deg)}.polaroid:before{content:'';position:absolute;z-index:3;top:-13px;left:35%;width:30%;height:25px;background:#d9ded2bb;transform:rotate(-10deg);pointer-events:none}.flip{display:block;position:relative;border:0;background:#faf8ed;padding:10px 10px 16px;width:100%;height:clamp(190px,20vw,255px);box-shadow:1px 5px 7px #60442d77;cursor:pointer;perspective:800px}.polaroid-front,.polaroid-back{position:absolute;inset:10px;backface-visibility:hidden;transition:transform .5s;display:flex;flex-direction:column;align-items:center}.polaroid-front strong{font:700 clamp(13px,1.2vw,18px) 'Outfit',sans-serif;margin:auto 0 0}.project-image{width:100%;flex:1;display:grid;place-items:center;background:#e2c9cf;overflow:hidden}.project-image img{width:45%;max-width:85px;height:auto;image-rendering:auto}.handy{background:#d9edf0}.makrly{background:#e3dcf1}.ymp{background:#e1eafc}.reward{background:#f6d8a6}.banner{background:#d8e8bf;font:700 90px 'Outfit',sans-serif;color:#446344}.polaroid-back{background:#fff8e9;justify-content:center;padding:12px;transform:rotateY(180deg);gap:12px}.polaroid-back strong{font:700 22px 'Outfit',sans-serif}.polaroid-back span{font-size:12px;line-height:1.5}.polaroid-back small{font-size:11px}.flip[aria-expanded=true] .polaroid-front{transform:rotateY(180deg)}.flip[aria-expanded=true] .polaroid-back{transform:rotateY(360deg)}.polaroid>a{display:inline-block;font-size:11px;background:#fff8e9;margin-top:8px;padding:6px}.media{background:#f3e4e3;padding:55px 7%;text-align:center}.media>p{line-height:1.6}.episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:45px auto}.episodes a{text-align:left;text-decoration:none;background:#fffaf0;padding:10px 10px 18px;box-shadow:0 4px 8px #775c5c55;transform:rotate(-2deg)}.episodes a:nth-child(2){transform:rotate(2deg)}.episodes a:hover{translate:0 -7px}.episodes img{width:100%;aspect-ratio:4/3;object-fit:cover}.episodes strong,.episodes span{display:block}.episodes strong{font:700 20px 'Outfit',sans-serif;margin:9px 0}.episodes span{font-size:11px;line-height:1.5}.text-link{font-size:14px}footer{text-align:center;padding:25px 0 65px;font-size:14px}footer div{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:25px}footer small{font-size:11px}
@media(max-width:700px){main{padding:12px}.panel{margin-bottom:24px;min-height:0}.hero{height:calc(100svh - 24px);min-height:620px;max-height:850px}.hi{top:5%;left:6%}.hero h1{font-size:clamp(105px,32vw,210px)}.name-first{top:16%;left:8%}.name-last{top:38%;left:37%;font-size:.55em}.hero-person{height:54%;max-width:95%;bottom:8%;left:51%}.hero-description{top:35%;left:8%;font-size:12px}.hero-links{left:6%;right:6%;bottom:4%;gap:15px;justify-content:space-between}.hero-links a{font-size:11px}.scroll-cue{display:none}.about{min-height:750px;padding:60px 18px 65px}.bio{font-size:15px}.objects{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:min(340px,100%);margin:20px auto 0}.object{width:100%}.object img{height:125px}.about-story{bottom:1%}.note{top:53%}.experience{padding:55px 12px}.experience h2,.media h2{font-size:48px}.carousel-shell{gap:4px}.carousel{gap:15px}.player{flex-basis:70%}.carousel-arrow{width:34px;height:34px;font-size:24px}.projects{padding:55px 10px}.project-board{gap:25px 15px;margin-top:35px}.polaroid{width:43%}.flip{height:210px}.project-heading{gap:1px}.project-heading span{padding:3px}.episodes{grid-template-columns:1fr;max-width:320px}.media{padding:55px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.intro{display:none!important}}

.about > .panel-num{position:absolute}.intro-frame p{font-weight:500}.player small{font-size:11px}.flip[aria-expanded=true] .polaroid-back{visibility:visible}.flip[aria-expanded=false] .polaroid-back{visibility:hidden}

/* A restrained desktop palette: deep blue title bars against a teal work surface. */
:root{--ink:#14264c;--paper:#e6e7df;--pink:#1e3a8a}
body{background:#0b7775;color:var(--ink)}
main{max-width:1550px}
.panel{border:3px solid #d9dadd;box-shadow:inset 1px 1px #fff,inset -2px -2px #646b73,3px 5px 0 #075653}
.hero{background:#f2f1e8}
.window-bar{position:absolute;z-index:5;top:5px;left:5px;right:5px;height:29px;padding:5px 9px;display:flex;justify-content:space-between;align-items:center;background:#183a7a;color:white;font-size:13px;font-weight:600;letter-spacing:.01em}
.hi{top:10%;font-weight:600}.hero h1{font-weight:700;letter-spacing:-.04em}.name-first{top:20%}.name-last{top:47%;letter-spacing:-.045em}
.hero-person{filter:url(#sticker) drop-shadow(4px 5px 1px #15284b66)}
.hero-description{font-size:clamp(14px,1.4vw,19px);font-weight:500}.hero-links a{font-size:14px;font-weight:600}.hero-links{gap:24px}
.about{background:#aecac3}.about:before{opacity:.25;filter:grayscale(1)}.bio,.hint{color:#142e30}.bio{font-size:clamp(16px,1.55vw,22px);font-weight:500}.bead-heading span{border-radius:3px;box-shadow:1px 2px #72898b;background:#e8ece6;font-weight:700}
.experience{background:repeating-linear-gradient(90deg,#d1d5cf 0 22px,#e7e8de 22px 38px,#bdcbc5 38px 48px,#e7e8de 48px 66px)}
.experience h2,.media h2{font-weight:700;letter-spacing:-.04em}.player{border-radius:2px;background:#e8e9df;box-shadow:inset 1px 1px #fff,inset -2px -2px #7d8589,2px 4px 3px #34444866}.player h3{font-size:15px}.player p,.player small{font-size:12px}.player a{font-size:13px}.carousel-arrow{border-radius:0;background:#e8e9df;box-shadow:inset 1px 1px white,inset -2px -2px #7d8589}
.projects{background:#a2b9bd}.projects:before{opacity:.08}.project-heading span,.project-heading span:nth-child(3n+2),.project-heading span:nth-child(3n){background:#193a76;color:#fff;transform:none}.project-heading{gap:2px;letter-spacing:-.035em}.project-heading span{padding:3px 6px}.project-board{margin-top:55px}
.media{background:#c8d4d3}.episodes a{background:#f2f1e8}.episode-image{position:relative;display:block}.episode-image img{display:block}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border:2px solid #fff;background:#183a7a;color:#fff;box-shadow:2px 3px 0 #132b53;border-radius:50%;transition:transform .2s,background .2s}.play-icon svg{width:25px;height:25px;fill:currentColor;margin-left:3px}.episodes a:hover .play-icon,.episodes a:focus-visible .play-icon{transform:translate(-50%,-50%) scale(1.1);background:#0b7775}.episodes strong{font-size:20px}.episodes span:not(.episode-image):not(.play-icon){font-size:13px}.filter-defs{position:absolute;width:0;height:0;overflow:hidden}footer{color:#fff}footer a{color:#fff}.intro-frame{background:#d9e0db}.intro button{background:#e5e5de;border:2px outset #fff}.polaroid-back small{display:none}
@media(max-width:700px){.hi{top:11%}.name-first{top:20%}.name-last{top:39%}.hero-links a{font-size:12px}.bead-heading{gap:5px}.hero-person{bottom:8%}.window-bar{height:27px}.carousel-shell{margin-top:25px}.project-board{margin-top:40px}}

.episodes .play-icon{display:grid}.hero-description{top:51%}@media(max-width:700px){.hero-description{top:35%}}

.about:before{display:none}

.name-last{font-size:.53em}@media(max-width:700px){.name-last{font-size:.5em}}
/* The illustrations share the intro's colored-pencil texture and ink outlines. */
.about{background:#d3e3d9 url('assets/desk-paper.png') center/cover no-repeat;padding-top:50px}
.about-intro{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,70px);width:min(100%,1000px);margin:0 auto 10px;text-align:left}
.about-illustration{width:min(45%,420px);height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(2px 4px 2px #364d4833)}
.about-intro .bio{max-width:510px;line-height:1.55;margin:0;color:#183b3c;font-size:clamp(16px,1.5vw,21px)}
.about .objects{margin-top:auto}.object{background:#fffdf4;border-color:#fffdf4;box-shadow:2px 4px 6px #263e3b55}.object span{font-size:15px}
.experience{background:#d3dfd5 url('assets/desk-paper.png') center/cover no-repeat}.experience h2,.media h2{position:relative;z-index:1}
.projects{background:#d2dfd4 url('assets/desk-paper.png') center/cover no-repeat}.projects:before{display:none}
.media{background:#e8dfd2 url('assets/desk-paper.png') center/cover no-repeat}
.illustrated-object{position:absolute;z-index:1;width:clamp(100px,13vw,190px);height:clamp(100px,13vw,190px);background-image:url('assets/objects.png');background-size:300% 100%;background-repeat:no-repeat;pointer-events:none}
.object-computer{left:2%;top:1%;background-position:left center;transform:rotate(-7deg)}.object-dog{right:2%;top:2%;background-position:center center;transform:rotate(6deg)}.object-player{left:3%;top:2%;background-position:right center;transform:rotate(-8deg)}
.carousel-shell,.project-board,.episodes,.text-link{position:relative;z-index:2}
.hero{background:#f5efe1}.window-bar{background:#234985}.intro-frame{border-color:#233a57}
@media(max-width:700px){.about{padding-top:42px}.about-intro{flex-direction:column;gap:0;text-align:center}.about-illustration{width:65%;max-height:175px}.about-intro .bio{font-size:15px}.about .objects{margin-top:20px}.illustrated-object{width:76px;height:76px}.object-computer,.object-player{left:0;top:3%}.object-dog{right:0;top:2%}.experience h2,.media h2{font-size:42px}.project-heading{font-size:33px}}
/* Keycaps and generous space around the photographs. */
.bead-heading{gap:7px;align-items:center}
.bead-heading span,.bead-heading span:nth-child(even){position:relative;transform:none;width:clamp(34px,3.2vw,48px);height:clamp(36px,3.4vw,51px);border:1px solid #a5a9a1;border-radius:5px 5px 6px 6px;background:linear-gradient(165deg,#f7f6ec,#d8ded5);box-shadow:inset 2px 2px 0 #fff,inset -3px -3px 0 #b2bbb2,0 4px 0 #87948c,1px 6px 4px #364f4833;font:600 clamp(19px,2vw,27px) 'Outfit',sans-serif;color:#1d315c}
.bead-heading i{width:13px}
.about{padding-bottom:clamp(60px,7vw,100px)}
.about .objects{margin:40px auto 0}
.about-story{position:relative;bottom:auto;right:auto;align-self:flex-end;margin:36px 3% 0;background:#f8f8ed;padding:9px 12px}
@media(max-width:700px){.bead-heading{gap:4px}.bead-heading span,.bead-heading span:nth-child(even){width:32px;height:35px;font-size:19px}.bead-heading i{width:8px}.about{padding-bottom:45px}.about .objects{margin-top:26px}.about-story{margin:28px 0 0}}
.nav-story{border:0;padding:0;background:none;color:inherit;font:600 14px 'Outfit',sans-serif;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;cursor:pointer}.nav-story:hover{color:#a33d61}
.about-story{border:2px outset #fff;color:#14264c;font:600 14px 'Outfit',sans-serif;cursor:pointer;box-shadow:1px 2px 2px #344a3a44}.about-story:active{border-style:inset}
.story-dialog{border:0;background:transparent;padding:0;max-width:min(820px,calc(100% - 28px));width:100%;max-height:min(85vh,850px);overflow:visible;color:#172b4e}.story-dialog::backdrop{background:rgba(12,32,36,.64)}.story-window{background:#ebece3;border:3px solid #d9dadd;box-shadow:inset 1px 1px #fff,inset -2px -2px #646b73,5px 8px 0 #153a3b66;max-height:min(85vh,850px);display:flex;flex-direction:column}.story-bar{flex:none;margin:4px;background:#234985;color:white;padding:6px 7px 6px 11px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.story-close{width:27px;height:25px;border:2px outset white;background:#e7e7df;color:#162548;font-size:20px;line-height:1;cursor:pointer}.story-close:active{border-style:inset}.story-content{overflow:auto;padding:32px clamp(24px,7vw,72px) 48px}.story-content h2{font:700 clamp(32px,5vw,54px)/1.05 'Outfit',sans-serif;letter-spacing:-.03em;margin:0 0 42px}.story-timeline{list-style:none;padding:0;margin:0}.story-timeline li{display:grid;grid-template-columns:150px 1fr;gap:25px;border-top:1px solid #a9b7b2;padding:22px 0}.story-year{font-size:13px;font-weight:700;color:#396d69}.story-timeline h3{font:700 21px 'Outfit',sans-serif;margin:0 0 8px}.story-timeline p{font-size:15px;line-height:1.6;margin:0}.story-content:focus-visible{outline:2px solid #234985}
@media(max-width:700px){.nav-story{font-size:12px}.story-content{padding:26px 22px 36px}.story-content h2{margin-bottom:28px}.story-timeline li{grid-template-columns:1fr;gap:7px;padding:18px 0}.story-timeline h3{font-size:19px}.story-timeline p{font-size:14px}}
.footer-story{border:0;padding:0;background:none;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}
.hero{background:linear-gradient(#f7f3e8cc,#f7f3e8cc),url('assets/desk-paper.png') center/cover no-repeat}
.hero-person.smiling{opacity:0;pointer-events:none}.hero.reveal .hero-person.smiling{animation:smile-reveal .6s 2.8s ease-out forwards}@keyframes smile-reveal{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero.reveal .hero-person.smiling{animation:none;opacity:0}}
.projects .bead-heading,.media .bead-heading{position:relative;z-index:2;display:flex;justify-content:center;margin:0 0 28px;letter-spacing:normal}
.projects .bead-heading span,.media .bead-heading span{font:600 clamp(19px,2vw,27px) 'Outfit',sans-serif;color:#1d315c;transform:none}
@media(max-width:700px){.media .bead-heading{gap:3px}.media .bead-heading span,.media .bead-heading span:nth-child(even){width:clamp(20px,5.7vw,27px);height:31px;font-size:15px}.media .bead-heading i{width:3px}.projects .bead-heading span{font-size:19px}}
.media-player{position:relative;z-index:2;text-align:left;max-width:1060px;margin:45px auto 0;padding:4px;background:#c8c9c3;border:2px solid #e9ebe3;box-shadow:inset -2px -2px #646e70,4px 5px 0 #284a4566;color:#e6eddc}
.player-titlebar{background:#234985;color:#fff;font:600 14px 'Outfit',sans-serif;padding:7px 10px;display:flex;justify-content:space-between}.player-titlebar span{font-size:12px}
.media-layout{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);gap:6px;padding:6px;background:#929a94}.playlist-pane,.now-playing{background:#1e292c;border:2px inset #b7bcb2;min-width:0}.pane-heading{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c9d4c7;padding:11px 13px;background:#354643;display:flex;justify-content:space-between}.playlist{height:440px;overflow:auto;scrollbar-color:#94a69a #202e30}.track{width:100%;display:grid;grid-template-columns:28px 1fr 46px;gap:8px;align-items:start;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #465654;background:none;color:#d6e7c4;cursor:pointer;font:500 13px/1.35 'Outfit',sans-serif}.track:hover,.track:focus-visible{background:#425a53}.track[aria-pressed=true]{background:#244f50;color:#fff}.track-number,.track-format{font-size:10px;color:#b1c6a7}.track-format{text-align:right}.playlist-loading,.playlist>a{display:block;color:#e7f2dc;margin:15px}.now-playing{padding-bottom:20px}#episode-detail{padding:16px}#episode-detail h3{font:700 clamp(21px,2.4vw,30px)/1.12 'Outfit',sans-serif;color:#f2f2e8;margin:16px 0 8px}#episode-detail p{font-size:14px;line-height:1.5;color:#d0dcd1;margin:0 0 18px}.video-screen,.audio-screen{position:relative;aspect-ratio:16/9;background:#0d1717;overflow:hidden}.video-screen img,.video-screen iframe{width:100%;height:100%;display:block;object-fit:cover;border:0}.screen-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid #ecf2e3;border-radius:50%;background:#244b78;color:#fff;cursor:pointer;font-size:23px;padding-left:7px}.screen-play:hover{background:#166e69}.audio-screen{display:grid;place-items:center;color:#b7d18f;font:600 28px 'Outfit',sans-serif;letter-spacing:.12em}.media-external{display:inline-block;color:#e6efd7;font-weight:600;font-size:13px;text-underline-offset:3px}.player-status{display:flex;justify-content:space-between;background:#b8bdb5;color:#1c3436;padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.07em}
@media(max-width:700px){.media-player{margin-top:32px}.media-layout{grid-template-columns:1fr}.playlist{height:230px}.now-playing{padding-bottom:10px}#episode-detail{padding:12px}.track{padding:11px 10px}.player-titlebar{font-size:13px}}
/* A calmer opening keeps the photos and type in their own space. */
.hero{min-height:650px;background:linear-gradient(#f7f3e8d9,#f7f3e8d9),url('assets/desk-paper.png') center/cover no-repeat}
.hero h1{font-family:'Outfit',sans-serif;font-size:clamp(72px,10vw,150px);line-height:.95;letter-spacing:-.045em;color:#1a356d}
.name-first,.name-last{left:9%;top:auto;transform:none}.name-first{top:21%}.name-last{top:37%;font-size:1em}
.hero-description{top:57%;left:9%;font-size:clamp(16px,1.4vw,20px);line-height:1.4;margin:0;color:#24395a;font-weight:500}
.hero-person{left:72%;height:76%;max-width:50%;bottom:0}
.hero-snapshot{position:absolute;z-index:3;left:47%;bottom:9%;width:clamp(130px,14vw,200px);padding:8px 8px 6px;margin:0;background:#f9f7ea;box-shadow:1px 4px 8px #263d3a66;transform:rotate(-7deg)}
.hero-snapshot img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.hero-snapshot figcaption{font-size:12px;font-weight:600;text-align:center;padding-top:5px}.hero-links{left:9%;bottom:7%;gap:25px}
.hero.reveal .name-first,.hero.reveal .name-last{animation:appear .65s ease-out both}.hero.reveal .name-last{animation-delay:.1s}
@media(max-width:700px){.hero{min-height:690px}.hero h1{font-size:clamp(58px,17vw,82px)}.name-first{top:14%;left:7%}.name-last{top:25%;left:7%;font-size:1em}.hero-description{left:7%;top:37%;font-size:14px}.hero-person{left:66%;height:48%;max-width:78%;bottom:11%}.hero-snapshot{left:8%;bottom:18%;width:115px;padding:6px}.hero-links{left:7%;right:7%;bottom:4%;gap:12px}}

.hero h1{font-family:'Outfit',sans-serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(85px,11vw,160px)}
.story-content h2{font-family:'Outfit',sans-serif;font-weight:400;letter-spacing:-.02em;font-size:clamp(38px,5.5vw,64px)}
@media(max-width:700px){.hero h1{font-size:clamp(68px,19vw,90px)}}
/* Illustrated settings keep the retro objects part of the same paper world. */
.hero{background:#f6edda url('assets/hero-desk.png') center/cover no-repeat}
.projects{background:#d7ba91 url('assets/project-board.png') center/cover no-repeat}
.media{background:#e7e1c9 url('assets/music-desk.png') center/cover no-repeat}
.project-image.review,.project-image.handy,.project-image.makrly,.project-image.ymp,.project-image.reward,.project-image.banner{background-image:url('assets/project-illustrations.png');background-size:300% 200%;background-repeat:no-repeat}
.project-image.review{background-position:0 0}.project-image.handy{background-position:50% 0}.project-image.makrly{background-position:100% 0}.project-image.ymp{background-position:0 100%}.project-image.reward{background-position:50% 100%}.project-image.banner{background-position:100% 100%}
.project-image img{display:none}
.polaroid .flip{background:#fbf5e7;box-shadow:2px 5px 8px #60483066}.polaroid>a{background:#fcf5e6;padding:7px 10px;font-size:12px}
.media-player{background:#d3c8ae;border-color:#f8f1dc;box-shadow:inset -2px -2px #8a7964,3px 5px 6px #4b3e3155}
.player-titlebar{background:#28465c}.media-layout{background:#bdbca6}.playlist-pane,.now-playing{background:#293b38;border-color:#dfd7c3}.pane-heading{background:#49635a;color:#f4efd9}.track{background:#293b38;color:#ecf0d7;border-bottom-color:#65766b}.track:hover,.track:focus-visible{background:#526f62}.track[aria-pressed=true]{background:#37665f;color:#fff}.track-number,.track-format{color:#cbdcc4}.video-screen,.audio-screen{background:#1b302e}.screen-play{background:#345e65}
@media(max-width:700px){.hero,.projects,.media{background-position:center center}.project-board{gap:30px 17px}}
.story-window{background:linear-gradient(#fcf7e9dd,#fcf7e9dd),url('assets/desk-paper.png') center/cover no-repeat;border-color:#f7f1df;box-shadow:inset -2px -2px #8a7964,4px 6px 6px #273b3655}.story-bar{background:#28465c}.story-timeline li{border-top-color:#b6b09e}.story-year{color:#42665d}
.hero-links{background:#fff9eaf2;padding:10px 14px;box-shadow:0 2px 5px #564a3733;left:8%;bottom:5%}
@media(max-width:700px){.hero-links{left:5%;right:5%;bottom:3%;padding:9px 10px}}
@media(max-width:700px){.object-dog{display:none}}
/* A drawn cassette casing surrounds the real controls. */
.media-player{max-width:1120px;margin:44px auto 0;padding:0;border:clamp(22px,3vw,40px) solid transparent;border-image:url('assets/player-casing.png') 11% fill / clamp(22px,3vw,40px) / 0 stretch;background:none;box-shadow:3px 7px 12px #4e3e2b55;color:#263b3b}
.player-titlebar{background:#334d59;color:#fff9e9;border:1px solid #293d45;padding:8px 12px;letter-spacing:.02em}
.media-layout{gap:12px;padding:14px 4px 6px;background:transparent}
.playlist-pane,.now-playing{border:2px solid #51665e;background:#f6ecd3;color:#283f3e;box-shadow:inset 2px 2px 3px #a89c7e66}
.pane-heading{background:#d4deca;color:#243e3c;border-bottom:1px solid #7e9588;font-size:12px;letter-spacing:.05em}
.playlist{height:430px;scrollbar-color:#7a9584 #e9dfc8}
.track{background:transparent;color:#243b3b;border-bottom:1px solid #b8c0a9;font-size:14px;line-height:1.4;padding:10px 12px}
.track:hover,.track:focus-visible{background:#dce7d4;color:#182d30}.track[aria-pressed=true]{background:#385c55;color:#fffced}.track-number,.track-format{color:#4d6a61;font-size:11px}.track[aria-pressed=true] .track-number,.track[aria-pressed=true] .track-format{color:#e2ebd7}
.now-playing{padding-bottom:14px}#episode-detail h3{color:#203c3e}#episode-detail p{color:#3e5952}.media-external{color:#163e52}
.video-screen,.audio-screen{border:3px solid #4b6058;background:#d5ddc7;box-shadow:inset 2px 3px 4px #65736866}.audio-screen{color:#234745;font-size:22px}.audio-screen img{height:100%;max-width:100%;object-fit:contain;display:block}.screen-play{border-radius:50%;background:#305b61}
@media(max-width:700px){.media-player{border-width:20px;border-image-width:20px;margin-top:32px}.media-layout{gap:12px;padding:8px 0 2px}.playlist{height:230px}.track{font-size:13px;padding:10px 9px}.pane-heading{padding:9px 11px}#episode-detail{padding:12px}}
.audio-screen img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
@media(max-width:700px){.object-player{display:none}}
.playlist-loading,.playlist>a{color:#243b3b}
/* The hero and media controls belong to the same illustrated desk as About. */
.hero{background:#d3e3d9 url('assets/desk-paper.png') center/cover no-repeat}
.hero h1{color:#1d3d3e}.hi{top:10%;color:#1d3d3e}.hero-description{color:#263f3d}
.hero-links{background:#fff9e9ed;box-shadow:1px 3px 6px #4c5c4b33}
.media-player{max-width:1120px;margin:42px auto 0;padding:0;border:0;border-image:none;background:none;box-shadow:none}
.media-layout{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:24px;padding:0;background:none}
.playlist-pane,.now-playing{position:relative;min-width:0;padding:24px 20px 20px;border:0;background:#f9f1dc url('assets/player-paper.png') center/100% 100% no-repeat;box-shadow:2px 5px 9px #594c3655;color:#253d3a}
.playlist-pane:before,.now-playing:before{content:'';position:absolute;width:86px;height:24px;top:-12px;left:calc(50% - 43px);background:#d8e2d2a8;transform:rotate(-4deg);pointer-events:none}
.now-playing:before{transform:rotate(4deg)}
.pane-heading{display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:2px solid #7f9b8a;color:#284641;font:700 13px 'Outfit',sans-serif;letter-spacing:.04em;padding:8px 8px 12px}
.playlist{height:400px;overflow:auto;scrollbar-color:#769789 #f4ead5}
.track{display:grid;grid-template-columns:28px 1fr 46px;gap:8px;width:100%;padding:11px 8px;background:transparent;border:0;border-bottom:1px solid #c0c7b3;color:#293f3c;font:500 14px/1.35 'Outfit',sans-serif;text-align:left}
.track:hover,.track:focus-visible{background:#dce8d3;color:#213a36}.track[aria-pressed=true]{background:#c9ddc9;color:#183f38}.track-number,.track-format,.track[aria-pressed=true] .track-number,.track[aria-pressed=true] .track-format{color:#46675d;font-size:11px}
#episode-detail{padding:16px 4px 4px}#episode-detail h3{color:#203c3b;margin:16px 0 8px}#episode-detail p{color:#385650}.media-external{color:#1c4d50}
.video-screen,.audio-screen{border:7px solid #fbf7eb;background:#d5ddc7;box-shadow:1px 3px 6px #4d584b55}.screen-play{background:#365e5b;border-color:#fff9e9}
@media(max-width:700px){.hero{background-position:center}.hero-snapshot{bottom:18%}.media-player{margin-top:35px}.media-layout{grid-template-columns:1fr;gap:30px}.playlist-pane,.now-playing{padding:20px 14px 16px}.playlist{height:230px}.track{padding:10px 7px;font-size:13px}}
.playlist-pane,.now-playing{background-color:transparent;box-shadow:none}
.hero-description{background:#fff9e8ed;padding:7px 10px}
.media-layout{align-items:start}.now-playing{padding-bottom:38px}.playlist-pane{padding-bottom:30px}
.playlist{overflow-y:scroll}.playlist::-webkit-scrollbar{width:10px}.playlist::-webkit-scrollbar-track{background:#e4e7d5}.playlist::-webkit-scrollbar-thumb{background:#7e9b8c;border:2px solid #e4e7d5;border-radius:5px}
@media(max-width:700px){.hero-description{padding:6px 8px}.now-playing{padding-bottom:32px}.playlist-pane{padding-bottom:28px}}

/* Keep each illustrated sprite square as the cards resize. */
.polaroid .flip{height:auto;aspect-ratio:4 / 5}
.project-image{flex:none;aspect-ratio:1 / 1}
.project-image.ymp{background-image:url("assets/marketingpal-illustration.png");background-size:cover;background-position:center}

/* One sheet keeps the player together on a narrow screen. */
.playlist-wrap{position:relative}
.playlist-rail{display:none}
@media(max-width:700px){
  .media-layout{position:relative;gap:0;padding:22px 15px 30px;background:url('assets/player-paper.png') center / 100% 100% no-repeat}
  .media-layout:before{content:'';position:absolute;width:70px;height:20px;top:-10px;left:calc(50% - 35px);background:#d8e2d2a8;transform:rotate(-4deg)}
  .playlist-pane,.now-playing{padding:0;background:none}
  .playlist-pane:before,.now-playing:before{display:none}
  .playlist{height:182px;padding-right:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .playlist::-webkit-scrollbar{display:none}
  .playlist-rail{display:block;position:absolute;right:3px;top:6px;bottom:6px;width:5px;background:#c5cdb9;border-radius:4px;pointer-events:none}
  .playlist-rail span{position:absolute;left:0;right:0;min-height:18px;background:#6d8d7d;border-radius:4px}
  .now-playing{margin-top:22px}
  #episode-detail{padding:12px 0 0}
}
@media(max-width:700px){.media-layout{padding-top:32px;padding-bottom:52px}}

.screen-play{display:grid;place-items:center;padding:0}
.screen-play::before{content:'';width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #fff9e9;margin-left:4px}
@media(max-width:700px){
  .media-layout{padding:38px 28px 72px}
  #episode-detail{padding-top:18px}
}
@media(max-width:700px){.playlist{height:168px;padding-bottom:14px;mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent 100%)}}
/* Keep the name and photographs together on narrow screens. */
@media(max-width:700px){
  .hero{height:min(760px,calc(100svh - 24px));min-height:620px}
  .hi{top:12%;left:7%}
  .hero h1{position:absolute;top:18%;left:7%;margin:0;white-space:nowrap;font-size:clamp(58px,17vw,78px);line-height:1}
  .hero h1 .name-first,.hero h1 .name-last{position:static;display:inline;font-size:1em;transform:none}
  .hero h1 .name-first:after{content:' '}
  .hero-description{top:32%;left:7%}
  .hero-person{height:62%;max-width:82%;left:67%;bottom:17%}
  .hero-snapshot{left:8%;bottom:25%;width:clamp(105px,30vw,125px)}
  .hero-links{bottom:3%}
}

/* A paper note and photographs share the illustrated desk. */
.hero-note{position:absolute;z-index:3;left:9%;top:23%;width:min(47%,600px);padding:54px 48px 60px;background:url('assets/player-paper.png') center / 100% 100% no-repeat;transform:rotate(-2deg);color:#203d3c}
.hero-note:before{content:'';position:absolute;top:-12px;left:42%;width:90px;height:25px;background:#d8e2d2b3;transform:rotate(5deg)}
.hero-note .hi,.hero-note h1,.hero-note .hero-description{position:static;margin:0;color:inherit}
.hero-note .hi{font-size:clamp(20px,2vw,28px)}
.hero-note h1{font:700 clamp(50px,7vw,94px)/1.05 'Outfit',sans-serif;letter-spacing:-.04em;margin:12px 0 18px;white-space:nowrap}
.hero-note .name-first,.hero-note .name-last{position:static;display:inline;font-size:1em;transform:none;animation:none!important}
.hero-note .hero-description{background:none;padding:0;font-size:clamp(16px,1.4vw,20px)}
.hero-person{left:74%;height:72%;bottom:4%;max-width:50%}
.hero-snapshot{left:53%;bottom:10%;z-index:4}
.hero-links{background:transparent;box-shadow:none;padding:0;gap:12px}
.hero-links a,.hero-links button{display:inline-block;padding:10px 14px;background:#f9f5e7;border:2px solid;border-color:#fff #a4afa2 #87998c #fff;box-shadow:0 3px 0 #738b7c;font-weight:600;text-decoration:none;cursor:pointer}
.hero-links a:hover,.hero-links button:hover{background:#e2ebd6;color:#203d3c}
@media(max-width:700px){
 .hero{height:min(760px,calc(100svh - 24px));min-height:620px}
 .hero-note{top:14%;left:7%;width:86%;padding:34px 27px 38px;transform:rotate(-2deg)}
 .hero-note .hi{font-size:18px}
 .hero-note h1{font-size:clamp(42px,12vw,62px);margin:8px 0 12px;letter-spacing:-.04em}
 .hero-note .name-first:after{content:none}
 .hero-note .hero-description{font-size:14px}
 .hero-person{height:50%;max-width:75%;left:69%;bottom:13%}
 .hero-snapshot{left:8%;bottom:19%;width:clamp(105px,30vw,125px)}
 .hero-links{left:6%;right:6%;bottom:4%;gap:6px;justify-content:space-between}
 .hero-links a,.hero-links button{padding:9px 7px;font-size:11px}
}
/* A separate illustrated desk gives the introduction its own scene. */
.hero{background-image:url('assets/hero-desk-illustrated.png')}
@media(max-width:700px){.hero{background-position:20% center}}

/* A continuous palette carries the illustrated desk through each section. */
.hero-person{filter:drop-shadow(1px 4px 4px #314b3d55)}
.projects{background-image:linear-gradient(#c8d4ad73,#c8d4ad73),url('assets/project-board.png')}
.media{background-image:linear-gradient(#d6e0c533,#d6e0c533),url('assets/music-desk.png')}

/* Warm paper surrounds the illustrated panels; related typefaces carry the site. */
body{background:#ded7c3;color:#233e3a}
footer,footer a{color:#294943}
.hero-note h1{font-family:'Outfit',sans-serif;font-weight:700;letter-spacing:-.02em}

/* The page surround is a quiet ink color drawn from the illustrations. */
body{background:#303b4a}
footer,footer a{color:#f8f3e8}
.intro-progress{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);width:min(240px,55%);height:16px;padding:3px;background:#f7f2df;border:2px solid #39494c;box-shadow:2px 3px 0 #2e424766}
.intro-progress span{display:block;width:100%;height:100%;background:#59796d;transform-origin:left;animation:intro-progress 4.2s linear both}
@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* The selected show and playlist share the site's photo-paper treatment. */
.playlist-pane,.now-playing{background:#fbf7eb;box-shadow:2px 5px 10px #39433d38;padding:28px 28px 36px}
.now-playing{padding-bottom:42px}
.pane-heading{padding:0 0 12px}
#episode-detail{padding:20px 0 0}
.video-screen,.audio-screen{border:0;box-shadow:none}
#episode-detail h3{margin:18px 0 8px}
.playlist{height:390px}
@media(max-width:700px){
 .media-layout{background:none;padding:0;gap:28px}
 .media-layout:before{display:none}
 .playlist-pane,.now-playing{background:#fbf7eb;box-shadow:2px 5px 10px #39433d38;padding:24px 22px 30px}
 .playlist-pane:before,.now-playing:before{display:block}
 .now-playing{margin-top:0;padding-bottom:36px}
 #episode-detail{padding:16px 0 0}
}
@media(max-width:700px){.playlist{height:168px}}
.intro-progress{left:6%;bottom:6%;transform:none}
/* A little variation keeps the photographs from forming mirrored pairs. */
.object:nth-child(1){transform:rotate(-3deg) translateY(4px)}
.object:nth-child(2){transform:rotate(2deg) translateY(-3px)}
.object:nth-child(3){transform:rotate(1deg) translateY(5px)}
.object:nth-child(4){transform:rotate(-2deg) translateY(-2px)}
.polaroid:nth-child(1){transform:rotate(-3deg) translateY(5px)}
.polaroid:nth-child(2){transform:rotate(2deg) translateY(-3px)}
.polaroid:nth-child(3){transform:rotate(1deg) translateY(6px)}
.polaroid:nth-child(4){transform:rotate(-2deg) translateY(-4px)}
.polaroid:nth-child(5){transform:rotate(2.5deg) translateY(3px)}
.polaroid:nth-child(6){transform:rotate(-1deg) translateY(-2px)}
.polaroid:nth-child(2n):before{left:48%;transform:rotate(7deg)}
.object:hover,.object:focus-visible{transform:translateY(-10px) rotate(0)}
@media(max-width:700px){
 .about .objects{width:min(360px,100%);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:30px;padding:8px 6px 12px}
 .project-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;width:min(420px,100%);padding:8px 8px 18px}
 .project-board .polaroid{width:100%}
}

.project-image.consent{background:url('assets/consentpop-illustration.png') center/cover no-repeat}
.project-image.ringotter{background:url('assets/ringotter-illustration.png') center/cover no-repeat}

.pane-heading,.track-format{text-transform:none}

/* One type family keeps headings and everyday text in the same voice. */
.hero-note h1,.story-content h2{font-family:'Outfit',sans-serif;font-weight:600;letter-spacing:-.025em}

/* Text sits centered in the photo's lower border. */
.object span{display:grid;place-items:center;min-height:44px;padding:7px 4px;text-align:center;line-height:1.2}
.polaroid-front strong{align-self:stretch;display:grid;place-items:center;flex:1;margin:0;padding:6px 4px;text-align:center;line-height:1.2}
/* The introduction is set directly on the illustrated desk. */
.hero-note{background:none;padding:0;transform:none}
.hero-note:before{display:none}
.hero-note h1{margin:10px 0 16px}
.travel-open{position:relative;z-index:3;display:flex;align-items:center;gap:8px;margin:4px auto 14px;padding:4px 12px 4px 4px;border:0;background:#fff9e9;box-shadow:1px 3px 6px #314b3d33;cursor:pointer;font-weight:600;color:#203d3c}
.travel-open img{width:52px;height:52px;object-fit:contain}.travel-open span{text-decoration:underline;text-underline-offset:3px}
.travel-dialog{width:min(680px,calc(100% - 24px));max-height:min(85vh,800px);padding:0;border:0;background:transparent;color:#193449}.travel-dialog::backdrop{background:#122d37aa}.travel-window{background:#f8f2df;border:4px ridge #f4f0dc;box-shadow:4px 6px 6px #273b3655}.travel-close{font:700 19px/1 sans-serif;width:27px;height:25px;border:2px outset white;background:#ecece4;color:#152b4e;cursor:pointer}.travel-content{padding:28px 32px 36px}.travel-content h2{font-size:clamp(25px,4vw,38px);margin:0 0 20px}.travel-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}.travel-list li{display:flex;align-items:center;gap:9px;min-height:45px;padding:8px;background:#e8eee0;font-size:14px;font-weight:500}.travel-list li span{font-size:25px;line-height:1}
@media(max-width:700px){.hero-note{padding:0}.travel-open{margin-top:12px}.travel-content{padding:24px 18px 28px}.travel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.travel-list li{font-size:13px;padding:7px}.travel-dialog{overflow:auto}}
.hero-note{left:12%;top:32%}
.travel-open img{width:68px;height:68px}
@media(max-width:700px){.hero-note{left:8%;top:19%}}
@media(max-width:700px){.hero-note{top:25%}}
@media(max-width:700px){.hero-note{top:28%}}

.contact-dialog{width:min(520px,calc(100% - 24px));max-height:85vh;padding:0;border:0;background:transparent;color:#193449}.contact-dialog::backdrop{background:#122d37aa}.contact-window{background:#f8f2df;border:4px ridge #f4f0dc;box-shadow:4px 6px 6px #273b3655}.contact-close{font:700 19px/1 sans-serif;width:27px;height:25px;border:2px outset white;background:#ecece4;color:#152b4e;cursor:pointer}.contact-form{display:grid;gap:8px;padding:28px 32px 36px}.contact-form label{font-size:14px;font-weight:600;margin-top:6px}.contact-form input:not([type=hidden]),.contact-form textarea{width:100%;padding:10px 12px;border:2px inset #b3bcb0;background:#fffdf5;color:#193449;font:inherit;resize:vertical}.contact-submit{justify-self:start;margin-top:12px;padding:10px 16px;border:2px outset #fff;background:#e4e9dc;color:#193449;font-weight:600;cursor:pointer}.contact-submit:active{border-style:inset}@media(max-width:700px){.contact-form{padding:22px 20px 28px}.contact-dialog{overflow:auto}}