@font-face{font-family:dmSans;src:url(../media/dm_sans_latin_wght_normal-s.p.0tm8u-h63rec8.woff2)format("woff2");font-display:swap;font-weight:100 1000}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}.gAgIGW_className{font-family:dmSans,dmSans Fallback}.gAgIGW_variable{--font-sans:"dmSans", "dmSans Fallback"}
@font-face{font-family:patrickHand;src:url(../media/PatrickHand_Regular-s.p.2w6s2261ltfyl.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:patrickHand Fallback;src:local(Arial);ascent-override:127.81%;descent-override:38.27%;line-gap-override:0.0%;size-adjust:81.53%}.OnHtdW_className{font-family:patrickHand,patrickHand Fallback;font-weight:400}.OnHtdW_variable{--font-hand:"patrickHand", "patrickHand Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f6f3;--surface:#f7f8f5;--ink:#24344c;--muted:#5c6675;--accent:#335fa5;--line:#d5dbe3;--panel:#ecf0f3;--focus:#335fa5;--image-filter:grayscale(.6) saturate(.6) brightness(1.01);--wash:#f6f7f324;--selection:#c8d7ef;--selection-ink:#1e3457}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c2330;--surface:#202735;--ink:#eef1f6;--muted:#b5bfce;--accent:#9cb9ee;--line:#3d495d;--panel:#283348;--focus:#b7cbf0;--image-filter:grayscale(.8) brightness(.24);--wash:#11192a75;--selection:#435f8c;--selection-ink:#f4f7fc}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c2330;--surface:#202735;--ink:#eef1f6;--muted:#b5bfce;--accent:#9cb9ee;--line:#3d495d;--panel:#283348;--focus:#b7cbf0;--image-filter:grayscale(.8) brightness(.24);--wash:#11192a75;--selection:#435f8c;--selection-ink:#f4f7fc}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{background:var(--surface);color:var(--ink);font-family:var(--font-sans),sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:var(--selection);color:var(--selection-ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:4px}h1,h2,h3,p{margin:0}.container{width:min(1120px,100% - 112px);margin-inline:auto}.skip-link{z-index:10;background:var(--ink);color:var(--paper);border-radius:8px;padding:14px 20px;position:fixed;top:16px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.hero-shell{isolation:isolate;background:var(--paper);height:min(900px,100svh);min-height:780px;padding-top:104px;position:relative;overflow:hidden}.ice-landscape{z-index:-2;object-fit:cover;object-position:center 64%;filter:var(--image-filter)}.ice-wash{z-index:-1;background:var(--wash);pointer-events:none;position:absolute;inset:0}.hero-shell:after{content:"";bottom:0;background:linear-gradient(transparent,var(--surface));pointer-events:none;height:90px;position:absolute;inset-inline:0}.site-header{z-index:3;justify-content:space-between;align-items:center;height:80px;display:flex;position:absolute;top:12px;left:0;right:0}.wordmark{letter-spacing:-1.25px;align-items:baseline;padding-block:8px;font-size:27px;font-weight:600;display:inline-flex}.wordmark-dot{color:var(--accent)}.wordmark-full{letter-spacing:-.2px;margin-left:10px;font-size:13px;font-weight:450}.site-header nav{align-items:center;gap:32px;font-size:13px;font-weight:500;display:flex}.site-header nav>a{padding-block:12px;transition:color .2s}.site-header nav>a:hover{color:var(--accent)}.nav-contact{align-items:center;gap:6px;display:flex}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:grid}.icon-button:hover{background:var(--panel);transform:rotate(-12deg)}.hero{z-index:1;padding-top:66px;position:relative}.hero-copy{max-width:670px}.intro-label{color:var(--muted);margin-bottom:24px;font-size:13px;font-weight:500}h1{letter-spacing:-4px;font-size:clamp(48px,5.7vw,78px);font-weight:500;line-height:1.09}h1 span{color:var(--accent)}.hero-description{max-width:440px;color:var(--muted);margin-top:26px;font-size:17px;line-height:1.75}.primary-link{border:1px solid var(--line);background:var(--paper);border-radius:6px;align-items:center;gap:25px;margin-top:30px;padding:14px 19px;font-size:13px;font-weight:550;transition:background .2s,transform .2s;display:inline-flex}.penguin-scene{pointer-events:none;z-index:2;position:absolute;inset:0}.penguin-track{height:190px;position:absolute;bottom:72px;left:8%;right:8%}.penguin-position{opacity:0;width:152px;transition:opacity .4s;position:absolute;bottom:0}.penguin-position.is-ready{opacity:1}.penguin-button{pointer-events:auto;outline-offset:-8px;background:0 0;border:0;border-radius:35%;width:152px;height:182px;padding:0;display:block}.penguin-facing{width:100%;height:100%;display:block}.penguin-turn{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 45%;display:block}.penguin-tilt{transform-origin:50% 45%;width:100%;height:100%;transform-style:preserve-3d;display:block}.penguin-drawing{width:100%;height:100%;overflow:visible}.penguin-greeting{white-space:nowrap;color:var(--ink);opacity:0;font-size:15px;font-weight:500;transition:opacity .25s,transform .3s;position:absolute;bottom:calc(100% - 15px);left:50%;transform:translate(-50%,8px)rotate(-5deg)}.penguin-greeting.is-visible{opacity:1;transform:translate(-50%)rotate(-5deg)}.penguin-flipper-right{transform-origin:111px 78px}.penguin-flipper-left{transform-origin:45px 78px}.penguin-body{transform-origin:80px 170px}.penguin-foot-left{transform-origin:60px 164px}.penguin-foot-right{transform-origin:96px 165px}.scene-caption{color:var(--muted);letter-spacing:.1px;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:40px;left:0;right:0}.motion-toggle{pointer-events:auto;background:0 0;border:0;align-items:center;gap:6px;min-width:70px;min-height:36px;padding:7px 8px;font-size:11px;display:flex}.motion-toggle:hover{color:var(--ink)}.mobile-hint{display:none}.content-surface{background:var(--surface);position:relative}.section-spacing{padding-block:100px}h2{letter-spacing:-1.5px;font-size:36px;font-weight:500;line-height:1.22}.section-description{color:var(--muted);margin-top:14px;font-size:15px;line-height:1.6}.work-list{margin-top:48px}.work-item{border-top:1px solid var(--line);grid-template-columns:.95fr 1.7fr auto;gap:32px;padding:36px 0;display:grid}.project-title h3{letter-spacing:-.8px;font-size:26px;font-weight:500}.project-title>span{color:var(--muted);margin-top:9px;font-size:12px;display:block}.project-detail{max-width:470px}.project-detail>p{color:var(--muted);font-size:15px;line-height:1.8}.text-link{color:var(--accent);align-items:center;gap:8px;margin-top:12px;padding-block:9px;font-size:13px;font-weight:550;display:inline-flex}.text-link svg,.note-title svg,.pr-links svg,.contact-cta svg{flex-shrink:0;transition:transform .25s}.text-link:hover svg,.note-link:hover svg,.pr-links a:hover svg,.contact-cta:hover svg{transform:translate(3px,-3px)}.text-link:hover,.pr-links a:hover{text-underline-offset:5px;text-decoration:underline}.project-note{color:var(--muted);margin-top:20px;font-size:12px;display:block}.work-marker{color:var(--muted);text-align:right;min-width:66px;padding-top:7px;font-size:11px}.about-section{border-top:1px solid var(--line);grid-template-columns:1.1fr .9fr;gap:110px;display:grid}.about-copy>p{max-width:470px;color:var(--muted);margin-top:24px;font-size:16px;line-height:1.9}.about-copy>p+p{margin-top:18px}.notes{background:var(--panel);border-radius:10px;align-self:start;padding:32px}.notes>h3{margin-bottom:26px;font-size:13px;font-weight:600}.note-link{display:block}.note-meta{color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.note-title{letter-spacing:-.4px;justify-content:space-between;align-items:flex-start;gap:20px;font-size:19px;font-weight:500;line-height:1.45;display:flex}.note-title svg{margin-top:3px}.note-description{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.8;display:block}.open-source-note{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.pr-links{gap:25px;margin-top:10px;display:flex}.pr-links a{color:var(--accent);align-items:center;gap:5px;padding-block:7px;font-size:12px;display:flex}.contact-section{border-top:1px solid var(--line);padding:70px 0 86px}.contact-kicker{color:var(--muted);margin-bottom:18px;font-size:13px}.contact-section h2{letter-spacing:-1.8px;font-size:clamp(30px,3.8vw,46px)}.contact-cta{letter-spacing:-1.8px;color:var(--accent);align-items:center;gap:18px;margin-top:8px;font-size:clamp(32px,3.8vw,46px);font-weight:500;display:inline-flex}.contact-links{gap:30px;margin-top:34px;display:flex}.contact-links a{color:var(--muted);align-items:center;gap:8px;min-height:36px;font-size:12px;display:flex}.contact-links a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-block:26px;font-size:11px;display:flex}.site-footer a{align-items:center;gap:10px;display:flex}.back-arrow{transform:rotate(-90deg)}@media (prefers-reduced-motion:no-preference){.hero-enter{animation:.9s cubic-bezier(.22,1,.36,1) both enter}.hero-enter:nth-child(2){animation-delay:80ms}.hero-enter:nth-child(3){animation-delay:.16s}.hero-enter:nth-child(4){animation-delay:.24s}.penguin-body{animation:.68s ease-in-out infinite waddle}.penguin-tilt{animation:1.2s cubic-bezier(.45,0,.55,1) infinite shoulder-walk}.penguin-foot-left{animation:.68s ease-in-out infinite step-left}.penguin-foot-right{animation:.68s ease-in-out infinite step-right}.is-paused .penguin-tilt,.is-paused .penguin-body,.is-paused .penguin-foot,.is-paused .penguin-flipper-left,.is-paused .penguin-flipper-right{animation-play-state:paused}.is-waving .penguin-tilt,.is-waving .penguin-body,.is-waving .penguin-foot,.is-waving .penguin-flipper-left{animation:none}.penguin-eyes{transform-origin:78px 72px;animation:5.8s infinite blink}}@keyframes enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes waddle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes shoulder-walk{0%,50%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-2px)rotate(-3deg)}75%{transform:translateY(-2px)rotate(3deg)}}@keyframes step-left{0%,to{transform:rotate(-8deg)translateY(-2px)}50%{transform:rotate(8deg)translateY(0)}}@keyframes step-right{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(-8deg)translateY(-2px)}}@keyframes blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.15)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (min-width:1440px){.hero{padding-top:80px}.penguin-track{bottom:84px}}@media (max-width:1023px){.container{width:calc(100% - 80px)}.hero-shell{min-height:760px}h1{letter-spacing:-3px}.about-section{gap:50px}.work-item{grid-template-columns:.9fr 1.5fr;gap:25px}.work-marker{display:none}.notes{padding:26px}}@media (max-width:767px){html{scroll-padding-top:24px}.container{width:calc(100% - 48px)}.site-header{height:68px;top:8px}.wordmark{font-size:28px}.wordmark-full{display:none}.site-header nav{gap:20px;font-size:12px}.nav-contact{display:none!important}.icon-button{width:36px;height:36px}.hero-shell{height:100svh;min-height:720px;max-height:880px;padding-top:84px}.hero{padding-top:54px}.intro-label{margin-bottom:22px;font-size:12px}h1{letter-spacing:-2.5px;font-size:clamp(42px,9vw,68px);line-height:1.13}.hero-description{max-width:340px;margin-top:25px;font-size:15px;line-height:1.8}.desktop-break{display:none}.primary-link{margin-top:24px;font-size:12px}.ice-landscape{object-position:61% center}.penguin-track{height:170px;bottom:67px;left:5%;right:5%}.penguin-position,.penguin-button{width:128px}.penguin-button{height:156px}.penguin-greeting{font-size:14px}.scene-caption{font-size:10px;bottom:30px}.desktop-hint{display:none}.mobile-hint{display:inline}.section-spacing{padding-block:66px}h2{letter-spacing:-1.15px;font-size:29px}.section-description{font-size:14px}.work-list{margin-top:34px}.work-item{grid-template-columns:1fr;gap:18px;padding-block:28px}.project-title h3{font-size:24px}.project-title{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.project-title>span{font-size:10px}.project-detail>p{font-size:14px}.project-note{margin-top:13px;font-size:11px}.about-section{grid-template-columns:1fr;gap:38px}.about-copy>p{margin-top:20px;font-size:15px}.notes{padding:28px}.contact-section{padding-block:62px}.contact-kicker{font-size:12px}.contact-section h2{letter-spacing:-1.1px;font-size:30px}.contact-cta{letter-spacing:-1.3px;font-size:35px}.site-footer{gap:16px;padding-block:22px;font-size:10px}}@media (max-width:359px){.container{width:calc(100% - 36px)}h1{font-size:38px}.site-header nav{gap:16px}.project-title{flex-direction:column;gap:0}.contact-links{gap:20px}}html,body{height:100%;overflow:hidden}.portfolio-stage{isolation:isolate;background:var(--paper);height:100svh;position:relative;overflow:hidden}.stage-landscape{object-position:center 64%}.stage-main,.home-view{position:absolute;inset:0}.stage-footer{color:var(--muted);pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:19px;left:0;right:0}.stage-footer.on-home{display:none}.site-header nav>a{align-items:center;gap:5px;display:flex}.site-header nav>a.nav-section{color:var(--ink);text-decoration:none;position:relative}.site-header nav>a.nav-section[data-highlighted=true]{color:var(--accent)}.section-navigation{position:relative}.nav-underline{transform-origin:0;background:var(--accent);pointer-events:none;border-radius:40% 60% 45% 55%;width:1px;height:1.5px;transition:transform .18s cubic-bezier(.2,.75,.25,1),opacity .12s;position:absolute;bottom:5px;left:0}.site-header nav>a[aria-disabled=true]{pointer-events:none}.panel-bounds,.section-paper{width:min(1000px,100% - 112px);position:absolute;top:175px;bottom:63px;left:50%;transform:translate(-50%)}.panel-bounds{pointer-events:none;visibility:hidden}.section-paper,.transition-sheet{background:var(--paper);border:1px solid var(--line);border-radius:3px 5px 3px 7px;box-shadow:0 15px 65px -35px #2a241b42}.section-paper:after{content:"";border:1px solid var(--line);opacity:.35;pointer-events:none;border-radius:3px 2px 6px 3px;position:absolute;inset:4px}.section-paper{z-index:2;flex-direction:column;display:flex}.paper-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;margin:12px 12px 0;padding:30px 38px 15px;overflow:auto}.paper-heading{margin-bottom:25px}.paper-label{color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.paper-heading h1{letter-spacing:-1.4px;font-size:34px;line-height:1.2}.paper-heading h1:focus{outline:none}.paper-navigation{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;min-height:58px;padding:14px 48px;display:flex}.paper-navigation button{color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;padding:8px 0;font-size:11px;display:flex}.paper-navigation button:hover{color:var(--accent)}.paper-navigation button:disabled{opacity:1;cursor:default}.paper-next svg{transition:transform .2s}.paper-next:hover svg{transform:translate(3px)}.peek-penguin{z-index:3;background:0 0;border:0;width:116px;height:80px;padding:0;position:absolute;top:-73px;right:38px}.peek-drawing{transform-origin:50% 100%;height:80px;display:block;overflow:hidden;transform:rotate(7deg)}.peek-drawing .penguin-drawing{width:116px;height:139px;transform:translateY(3px)}.peek-drawing .penguin-body,.peek-drawing .penguin-foot,.peek-drawing .penguin-flipper-left,.peek-drawing .penguin-flipper-right{animation:none}.peek-drawing .penguin-eyes{animation:none;transform:translateY(3px)}.peek-drawing .penguin-foot,.peek-drawing .penguin-shadow{visibility:hidden}.peek-penguin:hover .peek-drawing{transform:rotate(-4deg)translateY(2px)}.peek-drawing{transition:transform .35s}.penguin-button{position:relative}.held-sign{color:#353535;letter-spacing:-.6px;z-index:4;background:#f0efeb;border:1.5px solid #555;border-radius:2px 4px 3px 1px;place-items:center;width:136px;height:78px;font-size:21px;font-weight:500;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:inset 0 0 0 4px #f0efeb,inset 0 0 0 5px #c6c5c1}.held-sign:after{content:"";opacity:.35;pointer-events:none;border:1px solid #777;border-radius:4px 1px 4px 2px;position:absolute;inset:-3px 2px 2px -2px;transform:rotate(1deg)}.is-holding .penguin-tilt,.is-holding .penguin-body,.is-holding .penguin-foot{animation:none}.transition-sheet{z-index:5;pointer-events:none;position:fixed;overflow:hidden}.paper-fold{opacity:0;background:linear-gradient(90deg,#0000,#554b3b1f,#0000);width:50%;display:block;position:absolute;inset-block:0}.paper-fold-one{left:0}.paper-fold-two{right:0;transform:scaleX(-1)}.is-unfolding .paper-fold{animation:.95s ease-out cloth-light}.screen-reader-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-paper .work-list{margin-top:22px}.section-paper .work-item{grid-template-columns:1fr 2fr;gap:28px;padding:24px 0}.project-title h2{letter-spacing:-.7px;font-size:24px}.section-paper .project-detail>p{font-size:14px;line-height:1.75}.section-paper .project-note{margin-top:12px;font-size:11px}.section-paper .text-link{margin-top:7px;font-size:12px}.about-page{grid-template-columns:1.1fr 1fr;gap:42px;display:grid}.about-page .about-copy>p{margin-top:0;font-size:14px;line-height:1.85}.about-page .about-copy>p+p{margin-top:18px}.about-page .notes{padding:24px}.notes>h2{letter-spacing:0;margin-bottom:22px;font-size:13px;font-weight:600}.about-page .note-title{font-size:17px}.about-page .note-description{font-size:12px}.about-page .note-meta{font-size:10px}.about-page .open-source-note{margin-top:19px;padding-top:19px}.contact-page{padding-top:20px}.contact-page>p{color:var(--muted);font-size:17px;line-height:1.8}.contact-page .contact-cta{margin-top:32px;font-size:52px}.email-address{color:var(--muted);overflow-wrap:anywhere;margin-top:14px;font-size:14px;display:block}.contact-page .contact-links{margin-top:38px}@media (prefers-reduced-motion:no-preference){.held-sign{animation:.76s ease-in-out both raise-sign}}@keyframes raise-sign{0%{opacity:0;transform:translate(-50%,24px)rotate(12deg)scale(.65)}24%{opacity:1;transform:translate(-50%)rotate(-5deg)scale(1)}55%{transform:translate(-50%)rotate(-5deg)}70%{transform:translate(-50%,-4px)rotate(7deg)}85%{transform:translate(-50%)rotate(-7deg)}to{transform:translate(-50%,-4px)rotate(2deg)}}@keyframes cloth-light{0%{opacity:0;transform:scaleX(.3)}35%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.5)}}@media (max-width:1023px){.panel-bounds,.section-paper{width:calc(100% - 80px)}.paper-scroll{padding:24px 20px 10px}.paper-navigation{padding-inline:30px}.about-page{gap:28px}}@media (max-width:767px){.home-view .hero{padding-top:135px}.site-header nav{gap:15px;font-size:11px}.site-header nav>a:nth-child(3) svg{display:none}.home-view .penguin-track{bottom:60px}.panel-bounds,.section-paper{width:calc(100% - 36px);top:150px;bottom:44px}.paper-scroll{padding:15px 11px 8px}.paper-heading{margin-bottom:20px}.paper-heading h1{letter-spacing:-1px;font-size:27px}.paper-label{margin-bottom:8px;font-size:10px}.peek-penguin{width:93px;height:66px;top:-59px;right:24px}.peek-drawing{height:66px}.peek-drawing .penguin-drawing{width:93px;height:112px}.section-paper .work-item{grid-template-columns:1fr;gap:12px;padding:19px 0}.project-title h2{font-size:22px}.section-paper .project-detail>p{font-size:13px;line-height:1.7}.section-paper .project-note{margin-top:9px;font-size:10px}.section-paper .project-title>span{font-size:9px}.paper-navigation{min-height:51px;padding:10px 23px}.paper-navigation button{font-size:10px}.about-page{grid-template-columns:1fr;gap:23px}.about-page .about-copy>p{font-size:13px}.about-page .notes{padding:22px}.contact-page>p{font-size:15px}.contact-page .contact-cta{font-size:40px}.email-address{font-size:12px}.stage-footer{font-size:9px;bottom:14px}}@media (max-height:700px){.home-view .hero{padding-top:103px}.home-view h1{letter-spacing:-2px;font-size:clamp(36px,5vw,54px)}.home-view .intro-label{margin-bottom:14px}.home-view .hero-description{margin-top:16px;font-size:14px}.home-view .primary-link{margin-top:18px;padding:11px 15px}.home-view .penguin-track{bottom:43px}.home-view .penguin-position,.home-view .penguin-button{width:112px}.home-view .penguin-button{height:133px}.home-view .scene-caption{bottom:14px}.panel-bounds,.section-paper{top:135px;bottom:40px}.peek-penguin{height:66px;top:-59px}.peek-drawing{height:66px}.paper-scroll{padding-top:13px}}.perch-anchor{width:116px;height:80px;position:absolute;top:-73px;right:38px}.unified-penguin{z-index:4}.unified-penguin.is-perched,.unified-penguin.is-travelling{z-index:1}.penguin-prop{aspect-ratio:5/6;z-index:6;pointer-events:none;width:152px;position:absolute;top:0;left:0}.unified-penguin .penguin-position{position:absolute;top:0;bottom:auto;left:0}.unified-penguin .penguin-button{aspect-ratio:5/6;perspective:480px;perspective-origin:50% 56%;height:auto}.penguin-crop{width:100%;height:100%;display:block}#intro-heading:focus{outline:none}.unified-penguin .penguin-flipper-left{transform-origin:36px 83px}.unified-penguin .penguin-flipper-right{transform-origin:126px 84px}.unified-penguin .penguin-eyes{transform-origin:80px 65px}.unified-penguin .penguin-body{transform-origin:80px 157px}.unified-penguin .penguin-body,.unified-penguin .penguin-foot,.unified-penguin.is-perched .penguin-tilt,.unified-penguin.is-perched .penguin-body,.unified-penguin.is-perched .penguin-foot,.unified-penguin.is-perched .penguin-flipper-left,.unified-penguin.is-perched .penguin-flipper-right,.unified-penguin.is-travelling .penguin-tilt,.unified-penguin.is-travelling .penguin-body,.unified-penguin.is-travelling .penguin-foot,.unified-penguin.is-travelling .penguin-flipper-left,.unified-penguin.is-travelling .penguin-flipper-right,.is-drawing .penguin-tilt,.is-drawing .penguin-body,.is-drawing .penguin-foot,.is-drawing .penguin-flipper-left,.is-drawing .penguin-flipper-right,.is-drawing .penguin-eyes{animation:none}.unified-penguin.is-perched .penguin-eyes{animation:none;transform:translateY(4px)}.unified-penguin .penguin-foot-left{transform-origin:56px 157px}.unified-penguin .penguin-foot-right{transform-origin:108px 157px}.unified-penguin.is-perched .penguin-button:not(:disabled):hover .penguin-body{transform:translateY(3px)}@media (prefers-reduced-motion:no-preference){.is-drawing .penguin-drawing path{stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0;animation:pen-stroke var(--stroke-duration) linear var(--stroke-start) both,pen-fill .12s ease calc(var(--stroke-start) + var(--stroke-duration)) forwards}.draw-outline{--stroke-start:0s;--stroke-duration:.85s}.draw-belly{--stroke-start:.9s;--stroke-duration:.65s}.draw-flipper-left{--stroke-start:1.6s;--stroke-duration:.38s}.draw-flipper-right{--stroke-start:2.03s;--stroke-duration:.38s}.draw-foot-left{--stroke-start:2.46s;--stroke-duration:.3s}.draw-foot-right{--stroke-start:2.81s;--stroke-duration:.3s}.draw-eye-left{--stroke-start:3.16s;--stroke-duration:.16s}.draw-eye-right{--stroke-start:3.37s;--stroke-duration:.16s}.draw-beak{--stroke-start:3.58s;--stroke-duration:.25s}}@keyframes pen-stroke{0%{stroke-dashoffset:1px;stroke-opacity:0}1%{stroke-opacity:1}40%{stroke-dashoffset:.57px}70%{stroke-dashoffset:.35px}to{stroke-dashoffset:0;stroke-opacity:1}}@keyframes pen-fill{to{fill-opacity:1}}@media (max-width:767px){.perch-anchor{width:93px;height:66px;top:-59px;right:24px}.unified-penguin .penguin-track{bottom:60px}.penguin-prop{width:128px}}@media (max-height:700px){.perch-anchor{height:66px;top:-59px}.unified-penguin .penguin-track{bottom:43px}.unified-penguin .penguin-position,.unified-penguin .penguin-button,.penguin-prop{width:112px}.unified-penguin .scene-caption{bottom:14px}}:root{--sheet:#f9faf7fa;--paper-pencil:#626e80}html[data-theme=dark]{--sheet:#1c2535fa;--paper-pencil:#a8b8d0}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--sheet:#1c2535fa;--paper-pencil:#a8b8d0}}.section-paper,.transition-sheet{background:0 0;border-color:#0000;border-radius:4px 7px 5px 3px;box-shadow:2px 10px 35px -24px #28241b4d}.section-paper:after{display:none}.paper-details{pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.paper-grain{opacity:.055}.paper-pencil{stroke:var(--paper-pencil);stroke-width:var(--paper-stroke-scale,1);opacity:.45}.paper-second-line{opacity:.35;stroke-width:calc(.65 * var(--paper-stroke-scale,1))}.paper-scuffs{opacity:.3;stroke-width:calc(.6 * var(--paper-stroke-scale,1))}.paper-scroll,.paper-navigation{position:relative}.held-sign{--sheet:#f6f3e9;color:#37342e;background:0 0;border-color:#0000;border-radius:3px 6px 2px 5px;top:calc(16% - 78px);box-shadow:1px 3px 8px #28241b1a}.held-sign:after{display:none}.held-sign .paper-pencil{stroke:#665f50;opacity:.7}.held-sign .paper-grain{opacity:.13}.sign-label{font-weight:450;position:relative;transform:rotate(-2deg)}.penguin-greeting{width:112px;height:32px}.greeting-ink{width:100%;height:100%;overflow:visible}.greeting-ink path{stroke-dasharray:1;stroke-dashoffset:1px}.greeting-ink path:first-child{--ink-start:0s;--ink-duration:.21s}.greeting-ink path:nth-child(2){--ink-start:.24s;--ink-duration:.2s}.greeting-ink path:nth-child(3){--ink-start:.47s;--ink-duration:.1s}.greeting-ink path:nth-child(4){--ink-start:.6s;--ink-duration:.21s}.greeting-ink path:nth-child(5){--ink-start:.84s;--ink-duration:.16s}.greeting-ink path:nth-child(6){--ink-start:1.03s;--ink-duration:.13s}.greeting-ink path:nth-child(7){--ink-start:1.19s;--ink-duration:.13s}.greeting-ink path:nth-child(8){--ink-start:1.35s;--ink-duration:.18s}.greeting-ink path:nth-child(9){--ink-start:1.56s;--ink-duration:.1s}.greeting-ink path:nth-child(10){--ink-start:1.69s;--ink-duration:50ms}@media (prefers-reduced-motion:no-preference){.penguin-greeting.is-visible .greeting-ink path{animation:pen-stroke var(--ink-duration) ease-out var(--ink-start) both}}@media (prefers-reduced-motion:reduce){.greeting-ink path{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.held-sign{animation:1.04s ease-in-out both lift-paper}}@keyframes lift-paper{0%{opacity:0;transform:translate(-50%,110px)rotate(9deg)scale(.75)}34%{opacity:1;transform:translate(-50%)rotate(-3deg)scale(1)}65%{transform:translate(-50%)rotate(-3deg)}78%{transform:translate(-50%,-5px)rotate(5deg)}90%{transform:translate(-50%)rotate(-5deg)}to{transform:translate(-50%)rotate(0)}}:root{--pebble-top:#eff2f5;--pebble-bottom:#dce2ea;--pebble-edge:#9ba9bc;--pebble-light:#ffffffa6;--pebble-shadow:#23304524}html[data-theme=dark]{--pebble-top:#35445e;--pebble-bottom:#263449;--pebble-edge:#62738e;--pebble-light:#dde8fc1f;--pebble-shadow:#00000040}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--pebble-top:#35445e;--pebble-bottom:#263449;--pebble-edge:#62738e;--pebble-light:#dde8fc1f;--pebble-shadow:#00000040}}.primary-link,.paper-navigation button,.icon-button{border:1px solid var(--pebble-edge);background:linear-gradient(165deg,var(--pebble-top),var(--pebble-bottom));box-shadow:inset 1px 2px 2px var(--pebble-light),inset -1px -2px 2px var(--pebble-shadow),0 3px 2px -1px var(--pebble-shadow);border-radius:48% 52% 43% 57%/57% 46% 54% 43%;transition:transform .22s,box-shadow .22s;position:relative}.primary-link{padding:20px 28px;transform:rotate(-1deg)}.primary-link:after,.paper-navigation button:after{content:"";border:1px solid var(--pebble-edge);opacity:.22;pointer-events:none;border-radius:52% 48% 55% 45%/47% 58% 42% 53%;position:absolute;inset:3px 4px 4px 3px}.primary-link:hover{background:linear-gradient(165deg,var(--pebble-top),var(--pebble-bottom));transform:translateY(-3px)rotate(1deg)}.primary-link:active{transform:translateY(1px)rotate(-1deg)}.paper-navigation{align-items:center;gap:14px;padding-block:10px}.paper-navigation button{min-height:40px;color:var(--ink);padding:12px 18px}.paper-navigation .paper-next{border-radius:54% 46% 57% 43%/45% 55%}.paper-navigation button:hover{color:var(--ink);transform:translateY(-2px)rotate(-2deg)}.paper-navigation button:disabled{transform:none}.icon-button:hover{background:linear-gradient(165deg,var(--pebble-top),var(--pebble-bottom))}@media (max-width:767px){.primary-link{padding:18px 25px}.paper-navigation{padding-inline:18px}.paper-navigation button{padding:10px 14px}}@media (max-height:700px){.home-view .primary-link{padding:15px 22px}}.project-note{line-height:1.7}.community-note{border-top:1px solid var(--line);padding-top:18px}.morphing-paper{z-index:5;margin:0;display:block;position:fixed;inset:0 auto auto 0;overflow:visible;transform:none}.paper-content{backface-visibility:hidden;border-radius:inherit;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(.2px)}.paper-sign-title{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;transform:translateZ(.1px)}.paper-sign-title text{fill:var(--ink);letter-spacing:-.3px;font-family:inherit;font-weight:500}.parachute-strings{z-index:4;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.campfire{z-index:3;pointer-events:none;width:58px;height:57px;position:absolute;bottom:38%;left:82%}.campfire svg{width:100%;height:100%;overflow:visible}.fire-flame{transform-origin:40px 60px}.fire-sparks{opacity:.5}@media (prefers-reduced-motion:no-preference){.fire-flame{animation:1.6s ease-in-out infinite alternate fire-flicker}.fire-sparks{animation:2.5s ease-out infinite fire-sparks}.is-fed .fire-flame{animation:.85s ease-out both fire-feed}}@keyframes fire-flicker{0%{transform:scale(.94,1.04)skew(-2deg)}50%{transform:scale(1.03,.94)skew(2deg)}to{transform:scale(.97,1.07)skew(-1deg)}}@keyframes fire-sparks{0%{opacity:0;transform:translateY(5px)}35%{opacity:.6}to{opacity:0;transform:translateY(-8px)}}@keyframes fire-feed{0%,to{transform:scale(1)}40%{transform:scale(1.3,1.65)}}@media (max-width:767px){.campfire{width:46px;height:46px;bottom:35%;left:82%}}.morphing-paper{box-shadow:none;transform-style:flat;isolation:isolate;will-change:transform;border:0}.folding-paper{pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.paper-column{width:33.3333%;height:100%;transform-style:preserve-3d;position:absolute;top:0}.paper-facet{width:100%;height:50%;transform-style:preserve-3d;position:absolute;left:0}.paper-facet-crop{position:absolute;inset:0;overflow:hidden}.paper-facet-art{width:300%;height:200%;position:absolute}.crease-shade{background:linear-gradient(100deg,#453c2f05,#453c2f2e 98%,#453c2f80);border-bottom:1px solid #6e655633;position:absolute;inset:0}.crease-shade-1{background:linear-gradient(95deg,#453c2f61,#0000 14%,#ffffff47 94%,#453c2f42)}.crease-shade-2{background:linear-gradient(90deg,#453c2f66,#ffffff24 12%,#0000)}.morphing-paper[data-phase=folding] .paper-content,.morphing-paper[data-phase=holding] .paper-content{visibility:hidden}.paper-surface{transform-style:preserve-3d;position:absolute;inset:0}.paper-column,.paper-facet{will-change:transform}.paper-facet-crop .paper-details{overflow:hidden}.paper-content{contain:layout paint}.fire-embers path{opacity:0;transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.is-fed .fire-embers path{animation:1.05s ease-out both paper-ember}.is-fed .fire-embers path:nth-child(2){animation-delay:.12s}.is-fed .fire-embers path:nth-child(3){animation-delay:.24s}}@keyframes paper-ember{0%{opacity:0;transform:translate(0)rotate(0)}20%{opacity:.85}to{opacity:0;transform:translate(9px,-28px)rotate(70deg)scale(.35)}}.paper-leaves{transform-style:preserve-3d;position:absolute;inset:0}.paper-leaf{width:33.3333%;height:100%;transform-style:preserve-3d;position:absolute;top:0}.paper-leaf .paper-details{overflow:hidden}.paper-crease{pointer-events:none;background:linear-gradient(90deg,#0000 75%,#2a251d4d);position:absolute;inset:0}.paper-crease-1{background:linear-gradient(90deg,#2a251d2e,#0000 5% 95%,#2a251d2e)}.paper-crease-2{background:linear-gradient(90deg,#2a251d4d,#0000 25%)}.morphing-paper:not([data-phase=page]) .paper-leaf{will-change:transform}.campfire-shadow{background:radial-gradient(#2d271d3b 0%,#2d271d17 45%,#0000 73%);border-radius:50%;width:115%;height:22%;position:absolute;top:83%;left:9%;transform:rotate(-9deg)}html[data-theme=dark] .campfire-shadow{background:radial-gradient(#00000061,#0000001f 50%,#0000 73%)}.campfire svg{position:relative}.released-paper{z-index:3;pointer-events:none}:root{--tide-water:#bdcce1;--tide-deep:#92aacb;--tide-foam:#f4f7fc;--tide-pencil:#5e779d}html[data-theme=dark]{--tide-water:#4d658b;--tide-deep:#334b70;--tide-foam:#e3ebfa;--tide-pencil:#a0b5d5}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--tide-water:#4d658b;--tide-deep:#334b70;--tide-foam:#e3ebfa;--tide-pencil:#a0b5d5}}.tide-window{pointer-events:none;z-index:2;border-radius:3px 6px 4px 5px;position:absolute;inset:6px;overflow:hidden;transform:translateZ(1px)}.tide-water{will-change:transform;height:calc(100% + 100px);position:absolute;inset:0 0 auto}.tide-body{background:linear-gradient(var(--tide-water),var(--tide-deep));position:absolute;inset:78px 0 0}.tide-crest{width:200%;height:80px;position:absolute;top:0;left:0;overflow:visible}.tide-fill{fill:var(--tide-water)}.tide-foam{fill:none;stroke:var(--tide-foam);stroke-width:2.8px;stroke-linecap:round}.tide-pencil{fill:none;stroke:var(--tide-pencil);stroke-width:1.1px;stroke-linecap:round;opacity:.65}.tide-ripples{width:100%;height:calc(100% - 80px);color:var(--tide-foam);opacity:.25;stroke-width:1.2px;position:absolute;top:80px}@media (prefers-reduced-motion:no-preference){.tide-crest{animation:2.8s ease-in-out infinite alternate tide-drift}.portfolio-stage.is-tide-rising .site-header,.portfolio-stage.is-tide-rising .stage-landscape,.portfolio-stage.is-tide-rising .home-view,.portfolio-stage.is-tide-rising .paper-surface,.portfolio-stage.is-tide-rising .campfire,.portfolio-stage.is-tide-rising .stage-footer{animation:.38s ease-out both tide-shake}}@keyframes tide-drift{0%{transform:translate(0)}to{transform:translate(-30%)}}@keyframes tide-shake{0%,to{translate:0}15%{translate:-3px 1px}30%{translate:3px -1px}46%{translate:-2px}62%{translate:2px 1px}79%{translate:-1px}}@media (prefers-reduced-motion:no-preference){.portfolio-stage.is-tide-rising .unified-penguin .penguin-tilt.is-angry{animation:.14s linear infinite penguin-rage}}@keyframes penguin-rage{0%,to{translate:-3px;rotate:-4deg}25%{translate:2px -2px;rotate:3deg}50%{translate:3px;rotate:4deg}75%{translate:-2px -1px;rotate:-3deg}}.paper-magic{z-index:2;pointer-events:none;position:absolute;inset:6px;overflow:hidden;transform:translateZ(1px)}.magic-ink-spark{color:var(--spell-ink);position:absolute}.penguin-magic-hat{pointer-events:none}:root{--spell-ink:#496da7;--spell-light:#adc5e8}html[data-theme=dark]{--spell-ink:#d3e2ff;--spell-light:#a5c0ef}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--spell-ink:#d3e2ff;--spell-light:#a5c0ef}}.spell-trails{width:100%;height:100%;color:var(--spell-ink);position:absolute;inset:0}.spell-bloom{background:radial-gradient(ellipse at 80% 16%,var(--spell-light),transparent 65%);transform-origin:85% 5%;position:absolute;inset:-10%}.penguin-spell-aura{stroke:var(--spell-ink)}h1,.paper-heading h1,.project-title h2,.contact-cta,.wordmark,.site-header nav,.primary-link,.paper-navigation button,.paper-label,.paper-sign-title text{font-family:var(--font-hand),cursive;letter-spacing:0;font-weight:400}.home-view .hero{padding-top:clamp(116px,18svh,160px)}.home-view h1{letter-spacing:-1px;font-size:clamp(66px,6.6vw,90px);line-height:.98}.site-header nav{font-size:19px}.wordmark{font-size:36px}.wordmark-full{font-family:var(--font-sans),sans-serif}.primary-link{font-size:19px}.paper-heading h1{font-size:42px}.project-title h2{font-size:30px}.paper-navigation button,.paper-label{font-size:18px}.penguin-dance{transform-origin:50% 86%;width:100%;height:100%;display:block}.is-dancing .penguin-tilt,.is-dancing .penguin-body,.is-dancing .penguin-foot,.is-dancing .penguin-eyes{animation:none}.is-dancing .penguin-tilt{transform-style:flat;transform:none!important}@media (prefers-reduced-motion:no-preference){.draw-cloak{--stroke-start:3.98s;--stroke-duration:.35s}.draw-fur-left{--stroke-start:4.38s;--stroke-duration:.5s}.draw-fur-right{--stroke-start:4.66s;--stroke-duration:.23s}.draw-fur-detail-left{--stroke-start:4.95s;--stroke-duration:.16s}.draw-fur-detail-right{--stroke-start:5.16s;--stroke-duration:.16s}.draw-clasp{--stroke-start:5.37s;--stroke-duration:.12s}}@media (max-width:767px){.home-view h1{font-size:clamp(60px,15vw,78px)}.site-header nav{gap:14px;font-size:17px}.primary-link{font-size:18px}.paper-heading h1{font-size:32px}.project-title h2{font-size:28px}.paper-navigation button,.paper-label{font-size:16px}}@media (max-height:700px){.home-view h1{font-size:clamp(48px,7vw,68px)}}.penguin-xray{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:var(--paper);border:0;margin:0;padding:24px;position:fixed;inset:0;overflow:auto}.penguin-xray::backdrop{background:var(--paper)}.xray-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;display:flex}.xray-kicker{color:var(--muted);font-size:11px}.xray-page h1{font-family:var(--font-hand),cursive;letter-spacing:0;font-size:clamp(34px,6vw,48px);line-height:1.1}.xray-film{aspect-ratio:280/360;color:#d4e6ff;background:#1d2c44;border:1px solid #849cbe;border-radius:3px 8px 4px 7px;height:min(46svh,410px);margin-top:8px;position:relative;overflow:hidden;transform:rotate(-1deg)}.xray-film svg{width:100%;height:100%;display:block}.xray-film text{fill:currentColor;stroke:none;font-family:var(--font-hand),cursive;font-size:13px}.xray-film-label,.xray-film-footer{letter-spacing:1px;color:#b2c7e6;font-size:7px;position:absolute;left:12px}.xray-film-label{top:12px}.xray-film-footer{letter-spacing:.6px;font-size:6px;bottom:10px}.xray-scan-line{pointer-events:none;opacity:0;border-bottom:2px solid #d4e6ff;position:absolute;inset:0}.xray-result p{font-family:var(--font-hand),cursive;font-size:27px}.xray-result span,.xray-exit-hint{color:var(--muted);font-size:12px}.xray-page .primary-link{margin-top:0}.xray-exit-hint{font-size:10px}@media (prefers-reduced-motion:no-preference){.penguin-xray[open] .xray-scan-line{animation:1.3s ease-in-out both xray-scan}.penguin-xray[open] .xray-crew{animation:.6s .45s both xray-reveal}.penguin-xray[open] .xray-result{animation:.3s 1.1s both xray-reveal}}@keyframes xray-scan{0%{opacity:0;transform:translateY(-100%)}8%{opacity:.8}92%{opacity:.8}to{opacity:0;transform:translateY(0)}}@keyframes xray-reveal{0%{opacity:0}to{opacity:1}}@media (max-height:650px){.penguin-xray{padding:16px}.xray-page{gap:9px}.xray-kicker{display:none}.xray-page h1{font-size:32px}.xray-result p{font-size:24px}.xray-film{height:40svh}}.is-dancing .penguin-drawing{will-change:transform;backface-visibility:visible}.project-detail>p+p{margin-top:14px}.project-links{flex-wrap:wrap;gap:0 22px;display:flex}.project-deep-dive{border-top:1px dashed var(--line);color:var(--muted);margin-top:18px;padding-top:14px;font-size:13px;line-height:1.75}.project-deep-dive summary{cursor:pointer;color:var(--ink);width:fit-content;padding:4px 0}.project-deep-dive summary:hover{color:var(--accent)}.project-deep-dive ul{margin:14px 0 4px;padding-left:18px}.project-deep-dive li+li{margin-top:12px}.project-deep-dive strong{color:var(--ink);font-weight:550}.contribution+.contribution{border-top:1px dashed var(--line);margin-top:24px;padding-top:20px}.contribution h3{font-size:16px;font-weight:550;line-height:1.5}.contribution p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.75}.contribution-status{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.contribution .text-link{margin-top:4px}@media (max-width:767px){.contribution p{font-size:13px}.project-links{column-gap:18px}}.penguin-drawing[data-dancing=true] .penguin-body,.penguin-drawing[data-dancing=true] .penguin-foot,.penguin-drawing[data-dancing=true] .penguin-eyes{animation:none}.lost-page{isolation:isolate;background:var(--paper);place-items:center;min-height:100svh;padding:92px 24px 48px;display:grid;position:relative;overflow:hidden}.lost-page:before{content:"";z-index:-1;filter:var(--image-filter);opacity:.45;background:url(/images/ice-landscape.webp) 50% 64%/cover;position:absolute;inset:0}.lost-wordmark{position:absolute;top:24px;left:clamp(24px,6vw,80px)}.lost-content{text-align:center;max-width:620px}.lost-code{letter-spacing:.17em;color:var(--muted);font-size:12px}.lost-scene{width:min(360px,78vw);height:292px;margin:12px auto 4px;position:relative}.lost-penguin{transform-origin:50% 85%;width:210px;height:252px;position:absolute;top:7px;left:calc(50% - 105px)}.lost-penguin .penguin-eyes{animation:none}.lost-question{font-family:var(--font-hand),cursive;color:var(--muted);font-size:46px;position:absolute}.lost-question-left{top:57px;left:49px;transform:rotate(-18deg)}.lost-question-right{font-size:36px;top:19px;right:54px;transform:rotate(15deg)}.lost-trail{width:100%;height:57px;color:var(--muted);opacity:.45;position:absolute;bottom:0;left:0}.lost-content h1{font-family:var(--font-hand),cursive;letter-spacing:-.7px;font-size:clamp(36px,6vw,60px);font-weight:400;line-height:1.15}.lost-copy{color:var(--muted);margin-top:14px;font-size:16px;line-height:1.6}.lost-home{margin-top:26px}@media (prefers-reduced-motion:no-preference){.lost-penguin{animation:7s ease-in-out infinite lost-look-around}.lost-penguin .penguin-eyes{animation:7s ease-in-out infinite lost-search}@keyframes lost-look-around{0%,12%,48%,58%,to{transform:rotate(0)}24%,36%{transform:rotate(-5deg)}72%,84%{transform:rotate(5deg)}}@keyframes lost-search{0%,12%,48%,58%,to{transform:translate(0)}24%,36%{transform:translate(-3px)}72%,84%{transform:translate(3px)}}}@media (max-height:680px){.lost-page{padding-top:70px}.lost-scene{height:225px}.lost-penguin{width:170px;height:204px;top:0;left:calc(50% - 85px)}}