@font-face{font-family:Quicksand;src:url(/fonts/quicksand-variable.ttf) format("truetype");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-variable.ttf) format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}:root{font-family:Quicksand,Nunito,Arial,sans-serif;color:#1c1c1c;background:#f5f5f5;font-synthesis:none;--paper:#f5f5f5;--ink:#1c1c1c;--ease:cubic-bezier(.22,.75,.2,1)}html:lang(mn){font-family:Nunito,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #638d82;outline-offset:6px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}img{display:block;max-width:100%}svg{width:32px;height:32px;flex:none}button{border:0;background:none}body.overlay-open{overflow:hidden}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden}.skip-link:focus{position:fixed;left:15px;top:15px;z-index:1000;background:#fff;padding:15px}.site-header{position:fixed;inset:0 0 auto;z-index:90;pointer-events:none;height:100px}.small-brand{position:absolute;left:42px;top:30px;font-size:26px;font-weight:700;pointer-events:auto;opacity:0;transition:opacity .4s}.page-detail .small-brand,.page-archive .small-brand{opacity:1}.menu-toggle{position:absolute;top:42px;right:43px;width:44px;height:44px;pointer-events:auto;z-index:100}.menu-toggle span{position:absolute;right:9px;height:2px;background:var(--ink);border-radius:2px;transition:transform .5s var(--ease),width .5s,background .4s;transform-origin:center}.menu-toggle span:nth-child(1){width:17px;top:14px}.menu-toggle span:nth-child(2){width:25px;top:20px}.menu-toggle span:nth-child(3){width:13px;top:26px;right:21px}.menu-toggle[aria-expanded=true] span{background:#fff}.menu-toggle[aria-expanded=true] span:nth-child(1){width:25px;top:20px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){transform:rotate(-45deg)}.menu-toggle[aria-expanded=true] span:nth-child(3){opacity:0}.character-stage{position:fixed;inset:0 auto 0 0;width:59%;height:100svh;pointer-events:none;z-index:0;perspective:1000px;overflow:hidden;transition:opacity .5s}.character-pose{position:absolute;inset:0;opacity:0;transform:translate3d(-55px,25px,0) scale(.97);transition:opacity .7s var(--ease),transform 1.25s var(--ease);will-change:transform,opacity}.character-pose.is-active{opacity:1;transform:translateZ(0) scale(1)}.character-pose img{position:absolute;max-width:none;object-fit:contain;transform:translate3d(var(--look-x,0px),var(--look-y,0px),0) rotate(var(--lean,0deg));transition:transform 1.4s var(--ease);transform-origin:50% 80%;filter:drop-shadow(0 18px 14px #00000008)}.pose-hello img,.pose-play img{height:128svh;width:auto;bottom:-25svh;left:2%;animation:hello-breathe 6s ease-in-out infinite}.pose-desk img{width:96%;height:auto;max-height:100svh;object-fit:contain;bottom:0;left:1%;animation:desk-breathe 7s ease-in-out infinite}.pose-play img{left:0;height:123svh;bottom:-22svh;animation-duration:5s}.character-ground{position:absolute;bottom:2%;left:6%;width:85%;height:4%;background:radial-gradient(ellipse,#0000000b,transparent 70%);opacity:0;transition:opacity .7s}.character-stage[data-pose=desk] .character-ground{opacity:1}.page-detail .character-stage,.page-archive .character-stage{opacity:0;visibility:hidden}.chapter{position:relative;min-height:100svh;display:flex;align-items:center;scroll-snap-align:start;scroll-margin-top:0;isolation:isolate}.chapter-content{width:49%;margin-left:auto;padding:72px 6.5vw 65px 0;position:relative;z-index:1;transition:opacity .75s var(--ease),transform .85s var(--ease)}.js-ready .chapter:not(.is-current):not(.is-near) .chapter-content{opacity:.2;transform:translateY(28px)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.045em}.hero-content{text-align:right;width:48%;padding-top:100px}.greeting{font-size:27px;font-weight:500;margin-bottom:12px}.hero h1{font-size:clamp(56px,5.6vw,84px);line-height:1.12;letter-spacing:-.055em}.identity{margin-top:72px}.identity h2{font-size:34px;letter-spacing:-1.4px}.identity p{font-size:18px;font-weight:500;display:flex;justify-content:flex-end;gap:35px;margin-top:6px;color:#4c4c4c}.scroll-cue{position:absolute;bottom:25px;left:calc(59% + 10px);font-size:11px;letter-spacing:.02em;display:flex;gap:16px;align-items:center;color:#777}.scroll-cue span{font-size:20px;animation:scroll-arrow 2s ease-in-out infinite}.chapter h2{font-size:clamp(42px,4.2vw,64px);line-height:1.12}.chapter .identity h2{font-size:34px}.works .chapter-content{width:43%;padding-right:8vw}.works h2{margin-bottom:40px}.work-tree{max-height:65svh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding:5px 12px 8px 5px;margin-left:-5px}.work-folder{margin-bottom:16px}.work-folder summary,.all-artworks{list-style:none;display:flex;gap:18px;align-items:center;cursor:pointer;font-size:27px;font-weight:500;min-height:45px;letter-spacing:-.025em;transition:transform .3s var(--ease)}.work-folder summary::-webkit-details-marker{display:none}.work-folder summary:hover,.all-artworks:hover{transform:translate(7px)}.work-folder summary svg{width:29px;height:29px;transition:transform .35s}.work-folder[open] summary svg{transform:rotate(-7deg)}.folder-count{font-size:10px;color:#a4a4a4;margin-left:auto;padding-right:10px;letter-spacing:.02em}.folder-content{padding:15px 0 2px 43px;display:grid;gap:14px;animation:folder-reveal .4s var(--ease)}.folder-project>a{display:flex;align-items:center;gap:13px;font-size:20px;min-height:34px}.folder-project>a:hover{text-decoration:underline;text-underline-offset:5px}.folder-project svg{width:24px;height:24px}.small-arrow{font-size:17px;margin-left:auto}.notes-link{padding:4px 0 4px 37px;font-size:11px;color:#777;display:block;text-align:left;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px;min-height:30px}.notes-link:hover{color:#111}.chapter-note{font-size:11px;color:#999;margin-top:18px}.all-artworks{margin-top:14px}.all-artworks svg{width:28px;height:28px}.journey .chapter-content{padding-right:5vw;width:50%}.journey h2{font-size:clamp(40px,3.6vw,58px)}.journey-intro{color:#7b7b7b;font-size:15px;margin-top:16px}.journey-path{height:330px;max-width:510px;position:relative;margin:20px 10px 12px}.path-line{position:absolute;inset:0;width:100%;height:100%;stroke:#c8c8c8;fill:none;stroke-width:1.2;stroke-dasharray:6 8}.is-current .path-line path{animation:path-flow 12s linear infinite}.journey-stop{position:absolute;display:flex;align-items:center;gap:12px;background:var(--paper);padding:5px 7px}.step-dot{font-size:10px;width:32px;height:32px;border:1px solid #d8d8d8;border-radius:50%;display:grid;place-items:center;background:#fafafa}.journey-stop h3{font-size:26px;letter-spacing:-1px}.journey-stop p{font-size:12px;line-height:1.6;margin-top:4px;color:#737373}.journey-stop strong{font-size:10px;font-weight:500}.stop-1{left:4%;top:0}.stop-2{right:0;top:35%}.stop-3{left:5%;bottom:0}.project-names>p{font-size:15px;font-weight:700;margin:26px 0 24px}.project-names>div{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:540px}.project-names>div>span{font:700 18px/1.1 Arial,sans-serif;letter-spacing:-1px}.project-names .mn{color:#c23130;font-size:12px}.project-names .frey{font:13px Georgia,serif;letter-spacing:1px}.project-names .murun{font-size:13px;letter-spacing:2px}.about .chapter-content{padding-top:54px;padding-bottom:22px;width:47%}.about h2{font-size:clamp(44px,4.1vw,64px);text-align:center}.personal-deck{height:420px;position:relative;margin:44px auto 5px;width:300px;touch-action:pan-y}.personal-card{position:absolute;inset:0;background:#fff;border:1px solid #00000007;border-radius:20px;box-shadow:0 17px 22px #0002;overflow:hidden;cursor:grab;transform-origin:50% 95%;-webkit-user-select:none;user-select:none;transition:transform .7s var(--ease),opacity .4s;will-change:transform;touch-action:pan-y}.personal-card[data-front=true]{cursor:grab}.personal-card.is-dragging{cursor:grabbing;transition:none;touch-action:none}.photo-card>img{width:100%;height:100%;object-fit:cover}.photo-card>div{position:absolute;inset:auto 0 0;padding:45px 24px 25px;background:linear-gradient(transparent,#000a);color:#fff}.photo-card>div>span{font-size:8px;letter-spacing:1.4px}.photo-card h3{font-size:25px;margin-top:10px;letter-spacing:-.7px}.card-kicker{font:9px monospace;letter-spacing:1.5px}.note-card,.teaching-card,.work-note-card{padding:28px}.note-card{background:#f0eddb}.personal-card h3{font-size:33px;line-height:1.12;margin-top:35px;letter-spacing:-1.2px}.personal-card p{font-size:15px;line-height:1.75;margin-top:25px}.card-doodle{font-size:70px;line-height:1;position:absolute;bottom:14px;right:25px;color:#bdb692}.teaching-card{background:#dbe8e3}.teaching-card h3{font-size:37px}.teaching-card p{font-size:15px;margin-top:18px}.card-signature{display:block;font-size:20px;text-align:right;margin-top:22px}.work-note-card{background:#f4d6da}.work-note-card img{height:270px;object-fit:contain;margin:20px auto 0;pointer-events:none}.work-note-card p{font-size:13px;margin-top:14px}.deck-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:7px 0 0;font:10px monospace;color:#888}.deck-controls button{width:44px;height:34px;font-size:19px;color:#333}.deck-hint{text-align:center;font-size:10px;color:#aaa;margin-top:2px}.contact{text-align:right}.contact .chapter-content{width:53%;padding-top:65px}.contact h2{font-size:clamp(40px,4.1vw,63px);line-height:1.18;white-space:nowrap}.contact-item{margin-top:28px}.contact-row{display:flex;justify-content:flex-end;gap:36px;flex-wrap:wrap}.contact-row .contact-item{margin-top:24px}.contact-item>p{font-size:15px;color:#a0a0a0;margin-bottom:9px}.contact .email{font-size:clamp(27px,2.65vw,40px);font-weight:700;letter-spacing:-1.4px}.contact-link{font-size:clamp(21px,2.1vw,30px);font-weight:700;letter-spacing:-.8px;display:inline-block;color:inherit;text-decoration:none;transition:color .2s,transform .2s}.contact-link:hover{color:#3d6155;transform:translate(-3px)}.contact-item>strong{font-size:29px;letter-spacing:-.9px}.social-links{display:inline-flex;gap:12px;padding:9px 13px;background:#eee;border-radius:20px}.social-links>a,.social-links>button{display:grid;place-items:center;width:48px;height:48px;background:#090909;color:#fff;border-radius:50%;font-size:25px;transition:transform .3s var(--ease),background .3s}.social-links svg{width:25px;height:25px}.social-links>a:hover,.social-links>button:hover{transform:translateY(-6px);background:#3d6155}.download-contact{display:flex;align-items:center;width:220px;height:56px;border:1px solid #ddd;border-radius:50px;background:#fff;margin:17px 0 0 auto;box-shadow:0 12px 20px #00000014;font-size:14px;font-weight:600;overflow:hidden;transition:width .4s var(--ease),transform .3s}.download-disc{display:grid;place-items:center;flex:none;width:55px;height:55px;border-radius:50%;background:#090909;color:#fff;font:23px Arial;transition:background .5s,transform .5s}.download-label{flex:1;text-align:center}.download-contact:hover .download-disc{transform:rotate(-10deg);background:#3d6155}.download-contact.is-saved .download-disc{background:#426854}.copy-status{font-size:11px;color:#6b7770;min-height:16px;margin-top:12px}.chapter-dots{position:fixed;left:25px;top:50%;transform:translateY(-50%);z-index:4;display:grid;gap:4px;opacity:0;transition:opacity .4s}.chapter-dots:hover,.chapter-dots:focus-within{opacity:1}.chapter-dots>a{padding:9px;display:block}.chapter-dots span{width:5px;height:5px;background:#999;border-radius:50%;display:block;transition:transform .3s,background .3s}.chapter-dots [aria-current=true] span{background:#222;transform:scale(1.5)}.page-detail .chapter-dots,.page-archive .chapter-dots{display:none}#site-menu{position:fixed;inset:0 0 auto;margin:0;width:100%;max-width:none;height:min(87svh,760px);max-height:none;background:#171717ed;color:#fff;border:0;padding:65px 35px 35px;border-radius:0 0 8% 8%;overflow:hidden;opacity:0;transform:translateY(-105%);transition:transform .7s cubic-bezier(.66,0,.2,1),opacity .4s;z-index:100}#site-menu::backdrop{background:transparent}#site-menu.is-open{opacity:1;transform:translateY(0)}#site-menu nav{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 45px);gap:10px}#site-menu nav>a{position:relative;display:block;height:1.13em;font-size:clamp(44px,7.2vw,112px);line-height:1.1;font-weight:700;text-transform:uppercase;letter-spacing:-.055em;overflow:hidden}#site-menu nav>a>span{display:block;transition:transform .6s var(--ease)}#site-menu nav>a>span+span{color:#b5d5c7}#site-menu nav>a:hover>span,#site-menu nav>a:focus-visible>span{transform:translateY(-100%)}.menu-footer{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.8px;color:#aaa;padding:0 25px}.menu-footer button{font:10px monospace;color:#ddd;text-decoration:underline;text-underline-offset:4px;min-height:34px}.notes-dialog{border:0;background:#f3eed6;color:#343329;width:min(660px,calc(100vw - 38px));max-height:calc(100svh - 65px);padding:60px 48px;box-shadow:0 22px 70px #0003;overflow-y:auto;clip-path:polygon(0 .6%,4% 0,10% .4%,16% 0,24% .4%,33% .1%,45% .3%,52% 0,68% .4%,80% .1%,95% .3%,100% 0,99.7% 13%,100% 28%,99.6% 40%,100% 60%,99.7% 81%,100% 99.5%,89% 100%,70% 99.6%,55% 100%,42% 99.7%,24% 100%,12% 99.5%,0 100%,.3% 75%,0 55%,.4% 38%,0 20%)}.notes-dialog::backdrop,.art-dialog::backdrop{background:#0005;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:17px;right:18px;width:44px;height:44px;font:29px Arial;color:#777;z-index:3}.paper-content{font:18px/1.7 Georgia,serif;white-space:normal}.paper-content .paper-label{font:10px monospace;letter-spacing:1px;color:#87836a}.paper-content h2{font:700 29px/1.25 Georgia,serif;margin:25px 0}.paper-content p{margin:24px 0;white-space:pre-line}.paper-content .paper-signature{text-align:right;font-style:italic;margin-bottom:0}.paper-cursor:after{content:"_";animation:cursor-blink .8s steps(1) infinite}.paper-content .note-project-link{display:inline-block;border-bottom:1px solid #9d977e;font:13px Quicksand,Arial;margin-top:12px}#project-page,#archive-page{position:relative;z-index:2;background:#f5f5f5;min-height:100svh;padding:100px 3.4vw 60px}.project-intro{padding:75px 4.5vw 55px;background:linear-gradient(145deg,#fff,#f7f8f9);border-radius:35px;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:50px;min-height:365px;align-items:center;box-shadow:0 12px 30px #00000003}.project-intro h1{font-size:clamp(45px,6.2vw,92px);line-height:1.06;letter-spacing:-.055em}.project-intro .project-subtitle{font-size:28px;color:#707070;line-height:1.32;max-width:800px;margin-top:25px;letter-spacing:-.9px}.project-meta{display:grid;gap:25px}.project-meta dt{font-size:10px;color:#999;letter-spacing:1.7px;text-transform:uppercase}.project-meta dd{font-size:14px;margin:6px 0 0;line-height:1.55}.back-work{display:inline-flex;align-items:center;gap:12px;font-size:12px;background:#fff;border:1px solid #ddd;border-radius:30px;padding:12px 19px;box-shadow:0 5px 15px #00000008;position:fixed;bottom:25px;left:3.4vw;z-index:5}.project-cover{margin:25px 0 0;border-radius:30px;overflow:hidden;padding:35px;background:var(--project-bg,#ddd);min-height:350px;display:flex;justify-content:center;align-items:center}.project-cover img{width:100%;max-height:78svh;object-fit:contain;filter:drop-shadow(0 10px 15px #0001)}.project-cover button{display:block;width:100%;padding:0;cursor:zoom-in}.case-section{padding:85px 5vw 70px;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}.case-section .kicker{font-size:12px;color:#888;margin-bottom:18px}.case-section h2{font-size:45px;line-height:1.12;letter-spacing:-1.5px}.case-section .story{font-size:21px;line-height:1.8;color:#666;max-width:680px}.case-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:0 2vw}.case-frame{margin:0;min-width:0}.case-frame:nth-child(3n+1){grid-column:1/-1}.case-frame>button{width:100%;height:550px;border-radius:25px;display:flex;align-items:center;justify-content:center;background:#fff;padding:35px;cursor:zoom-in;overflow:hidden}.case-frame>button img{width:100%;height:100%;object-fit:contain;transition:transform .7s var(--ease)}.case-frame>button:hover img{transform:scale(1.025)}.case-frame figcaption{padding:17px 3px;font-size:12px;color:#888;line-height:1.5}.project-credit{font-size:12px;color:#888;line-height:1.8;padding:60px 5vw;max-width:700px}.next-project{display:flex;align-items:center;justify-content:space-between;background:#eaeaea;border-radius:28px;margin:0 2vw;padding:36px 40px;gap:25px;transition:background .3s}.next-project:hover{background:#dfe9e3}.next-project small{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#999}.next-project h2{font-size:35px;margin-top:12px}.next-project>span{font-size:48px}.project-bottom{display:flex;justify-content:flex-end;padding:50px 2vw 15px;font-size:15px}.project-bottom a{text-decoration:underline;text-underline-offset:6px}.art-dialog{margin:0;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:60px 40px 25px;background:#f5f5f5}.art-canvas{height:calc(100% - 90px);display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}.art-canvas img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.art-dialog.is-zoomed .art-canvas{display:block}.art-dialog.is-zoomed .art-canvas img{max-width:none;max-height:none;width:150%;height:auto;margin:auto}.art-view-controls{display:flex;justify-content:center;align-items:center;gap:22px;font:12px monospace;padding-top:15px}.art-view-controls button{min-width:40px;min-height:40px;font-size:20px}.art-view-controls #art-zoom{font:11px monospace;margin-left:20px}.art-caption{text-align:center;font-size:12px;color:#888;margin-top:6px}.art-dialog .dialog-close{color:#222;position:fixed}.archive-heading{padding:45px 3vw 35px}.archive-heading h1{font-size:80px}.archive-heading p{font-size:18px;margin-top:15px;color:#888}.archive-filters{display:flex;gap:10px;flex-wrap:wrap;padding:0 3vw 35px}.archive-filters button{border:1px solid #ddd;border-radius:25px;font-size:13px;padding:12px 18px}.archive-filters [aria-pressed=true]{background:#222;color:#fff;border-color:#222}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:0 3vw}.archive-card>a:first-child{display:flex;justify-content:center;align-items:center;height:320px;border-radius:20px;padding:30px;background:var(--card-bg);overflow:hidden}.archive-card img{height:100%;width:100%;object-fit:contain;transition:transform .6s var(--ease)}.archive-card>a:hover img{transform:scale(1.05) rotate(-1deg)}.archive-card h2{font-size:24px;margin-top:18px}.archive-card p{font-size:12px;color:#888;margin-top:7px}.archive-back{margin:50px 3vw;display:inline-block;text-decoration:underline;text-underline-offset:5px}.image-fallback{display:grid;place-items:center;min-height:150px;padding:30px;font-size:15px;color:#666;background:#ececec;border-radius:12px}.app-footer{font-size:10px;color:#aaa;text-align:center;padding:25px}@keyframes hello-breathe{0%,to{translate:0 0}50%{translate:0 5px}}@keyframes desk-breathe{0%,to{translate:0 0}50%{translate:0 -3px}}@keyframes scroll-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes folder-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes path-flow{to{stroke-dashoffset:-56}}@keyframes cursor-blink{50%{opacity:0}}@media(max-height:760px)and (min-width:901px){.chapter-content{padding-top:55px;padding-bottom:35px}.hero-content{padding-top:80px}.hero h1{font-size:74px}.identity{margin-top:58px}.greeting{font-size:25px}.works h2{font-size:57px;margin-bottom:30px}.work-folder{margin-bottom:10px}.work-folder summary,.all-artworks{font-size:25px}.journey-path{height:285px;margin-top:12px}.project-names>p{margin:20px 0}.about h2{font-size:48px}.personal-deck{height:335px;width:245px;margin-top:32px}.personal-card h3{font-size:27px;margin-top:25px}.personal-card p{font-size:12px;line-height:1.7;margin-top:19px}.photo-card h3{font-size:21px}.work-note-card img{height:210px}.card-doodle{font-size:50px}.contact h2{font-size:52px}.contact-item{margin-top:30px}.contact-item>p{font-size:14px}.contact-item>strong{font-size:27px}.contact .email{font-size:35px}}@media(min-width:901px)and (max-width:1100px){.character-stage{width:55%}.chapter-content,.hero-content{width:51%;padding-right:5vw}.hero h1{font-size:64px}.identity h2,.chapter .identity h2{font-size:29px}.identity p{font-size:14px;gap:20px}.works .chapter-content{width:47%;padding-right:5vw}.journey .chapter-content{width:52%;padding-right:3vw}.journey h2{font-size:43px}.contact .chapter-content{width:54%;padding-right:4vw}.contact h2{font-size:45px}.contact .email{font-size:30px}.project-names>div{gap:12px}.project-names>div>span{font-size:15px}.project-names .frey{font-size:11px}.personal-deck{margin-left:40px}}@media(max-width:900px){html{scroll-snap-type:y proximity}.site-header{height:75px}.menu-toggle{top:17px;right:18px}.small-brand{left:22px;top:24px;font-size:22px}.character-stage{width:100%;height:51svh;top:auto;bottom:0;z-index:0}.pose-hello img,.pose-play img{height:68svh;bottom:-18svh;left:4%}.pose-desk img{height:50svh;width:auto;max-height:none;max-width:97vw;bottom:0;left:0;object-fit:contain}.pose-play img{height:63svh;bottom:-15svh;left:0}.character-ground{bottom:0}.chapter{align-items:flex-start;min-height:100svh}.chapter-content,.hero-content,.works .chapter-content,.journey .chapter-content,.about .chapter-content,.contact .chapter-content{width:100%;padding:70px 25px 0;margin:0}.hero-content{text-align:center;padding-top:15svh}.greeting{font-size:19px;margin-bottom:14px}.hero h1{font-size:clamp(42px,8vw,58px);line-height:1.09;letter-spacing:-2px}.identity{margin-top:22px}.chapter .identity h2{font-size:21px;letter-spacing:-.7px}.identity p{font-size:11px;gap:10px;justify-content:center;margin-top:6px}.identity p>span{display:none}.scroll-cue{left:auto;right:24px;bottom:25px;z-index:2;writing-mode:vertical-rl;font-size:9px}.scroll-cue span{font-size:18px;writing-mode:horizontal-tb}.chapter h2{font-size:36px;letter-spacing:-1.5px;line-height:1.12}.works .chapter-content{padding-top:65px}.works h2{margin-bottom:28px}.work-tree{max-height:39svh;margin-left:0;padding-left:0;padding-right:2px}.work-folder{margin-bottom:12px}.work-folder summary,.all-artworks{font-size:21px;min-height:38px;gap:13px}.work-folder summary svg,.all-artworks svg{width:23px;height:23px}.folder-content{padding:12px 0 2px 33px;gap:10px}.folder-project>a{font-size:17px;gap:10px}.folder-project svg{width:21px;height:21px}.notes-link{padding-left:31px}.folder-count{font-size:9px}.chapter-note{font-size:9px;margin-top:11px}.all-artworks{margin-top:10px}.journey .chapter-content{padding-top:70px}.journey h2{font-size:34px}.journey-intro{font-size:12px;margin-top:12px}.journey-path{height:245px;margin:13px 4px 0;max-width:510px}.journey-stop{gap:8px}.journey-stop h3{font-size:21px}.journey-stop p{font-size:10px;line-height:1.5}.step-dot{font-size:8px;width:26px;height:26px}.journey-stop strong{font-size:8px}.project-names>p{font-size:11px;margin:18px 0 14px}.project-names>div{gap:12px;max-width:490px}.project-names>div>span{font-size:13px}.project-names .mn{font-size:9px}.project-names .frey{font-size:10px;letter-spacing:.3px}.project-names .murun{font-size:10px;letter-spacing:1px}.journey .character-stage{opacity:.7}.about .chapter-content{padding-top:65px}.about h2{font-size:35px;text-align:left;line-height:1.07}.personal-deck{width:215px;height:301px;margin:42px 8% 8px auto}.personal-card{border-radius:15px}.personal-card h3{font-size:25px;margin-top:20px}.personal-card p{font-size:12px;line-height:1.6;margin-top:16px}.photo-card>div{padding:45px 17px 19px}.photo-card>div>span{font-size:6px;letter-spacing:1px}.photo-card h3{font-size:19px;letter-spacing:-.6px}.note-card,.teaching-card,.work-note-card{padding:22px}.card-kicker{font-size:7px;letter-spacing:1px}.card-doodle{font-size:45px;bottom:14px}.card-signature{font-size:16px;margin-top:18px}.work-note-card img{height:185px}.work-note-card p{font-size:10px}.deck-controls{justify-content:flex-end;padding-right:9%;gap:18px;font-size:9px;margin-top:8px}.deck-hint{text-align:right;padding-right:8%;font-size:8px}.contact{text-align:center}.contact .chapter-content{padding:75px 23px 0}.contact h2{font-size:35px;white-space:normal;line-height:1.12}.contact-item{margin-top:20px}.contact-row{justify-content:center;gap:18px}.contact-row .contact-item{margin-top:16px}.contact-item>p{font-size:12px;margin-bottom:7px}.contact .email{font-size:27px;letter-spacing:-1px}.contact .contact-link{font-size:21px;letter-spacing:-.6px}.contact-item>strong{font-size:22px;letter-spacing:-.6px}.social-links{gap:10px;padding:7px 10px;border-radius:18px}.social-links>a,.social-links>button{width:39px;height:39px;font-size:21px}.social-links svg{width:21px;height:21px}.download-contact{width:205px;height:49px;margin:16px auto 0;font-size:12px}.download-disc{width:48px;height:48px;font-size:21px}.copy-status{font-size:10px;margin-top:8px}.chapter-dots{display:none}#site-menu{height:82svh;border-radius:0 0 11% 11%;padding:70px 20px 30px}#site-menu nav{gap:20px;justify-content:flex-start;padding-top:65px;height:calc(100% - 55px)}#site-menu nav>a{font-size:46px;letter-spacing:-2px;line-height:1.12}.menu-footer{padding:0 3px;font-size:8px;letter-spacing:.2px;gap:15px;align-items:center}.menu-footer button{font-size:9px;white-space:nowrap}.notes-dialog{padding:55px 28px 32px;width:calc(100vw - 34px);max-height:calc(100dvh - 45px)}.paper-content{font-size:16px;line-height:1.75}.paper-content h2{font-size:26px}.paper-content p{margin:22px 0}#project-page,#archive-page{padding:85px 15px 35px}.project-intro{padding:36px 24px;border-radius:24px;display:block;min-height:0}.project-intro h1{font-size:48px;line-height:1.08}.project-intro .project-subtitle{font-size:21px;line-height:1.4;margin-top:22px;letter-spacing:-.5px}.project-meta{grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.project-meta dt{font-size:9px}.project-meta dd{font-size:12px}.project-cover{padding:20px;border-radius:22px;min-height:200px;margin-top:17px}.project-cover img{max-height:70svh}.case-section{display:block;padding:50px 15px}.case-section h2{font-size:35px}.case-section .story{font-size:18px;line-height:1.8;margin-top:25px}.case-section .kicker{font-size:10px;margin-bottom:13px}.case-images{grid-template-columns:1fr;gap:20px;padding:0}.case-frame:nth-child(n){grid-column:auto}.case-frame>button{height:440px;padding:20px;border-radius:22px}.case-frame figcaption{font-size:10px;padding:13px 5px}.project-credit{font-size:10px;line-height:1.8;padding:35px 15px}.next-project{padding:25px 23px;margin:0;border-radius:22px}.next-project h2{font-size:27px}.next-project small{font-size:8px}.next-project>span{font-size:33px}.project-bottom{font-size:13px;padding:35px 5px 70px}.back-work{left:20px;bottom:20px;font-size:11px;padding:12px 17px}.art-dialog{padding:65px 16px 30px}.art-canvas{height:calc(100% - 100px)}.art-view-controls{gap:13px;font-size:10px}.art-view-controls #art-zoom{font-size:9px;margin-left:10px}.art-caption{font-size:10px;line-height:1.6}.art-dialog.is-zoomed .art-canvas img{width:200%}.archive-heading{padding:30px 8px}.archive-heading h1{font-size:52px}.archive-heading p{font-size:15px;line-height:1.6}.archive-filters{padding:0 8px 27px;gap:7px}.archive-filters button{padding:10px 13px;font-size:11px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px;padding:0 8px}.archive-card>a:first-child{height:200px;padding:15px;border-radius:15px}.archive-card h2{font-size:19px;letter-spacing:-.7px;margin-top:13px}.archive-card p{font-size:10px;line-height:1.6;margin-top:5px}.archive-back{font-size:13px;margin-left:8px}}@media(max-width:380px){.hero h1{font-size:43px}.hero-content{padding-top:15svh}.greeting{font-size:17px}.chapter .identity h2{font-size:19px}.work-folder summary,.all-artworks{font-size:19px}.journey h2{font-size:30px}.journey-path{height:220px}.contact h2{font-size:31px}.contact .email{font-size:23px}.contact-item>strong{font-size:20px}.personal-deck{width:195px;height:273px}.personal-card h3{font-size:23px}.personal-card p{font-size:11px}.card-doodle{font-size:38px}.work-note-card img{height:165px}.archive-grid{grid-template-columns:1fr}.archive-card>a:first-child{height:310px}}@media(max-width:900px)and (max-height:710px){.hero-content{padding-top:14svh}.hero h1{font-size:40px}.identity{margin-top:15px}.chapter .identity h2{font-size:18px}.identity p{font-size:10px}.works .chapter-content,.journey .chapter-content,.about .chapter-content{padding-top:58px}.works h2{margin-bottom:18px}.work-tree{max-height:38svh}.work-folder{margin-bottom:8px}.work-folder summary,.all-artworks{font-size:18px;min-height:33px}.chapter-note{display:none}.journey-path{height:205px}.journey h2{font-size:29px}.project-names>p{margin:12px 0}.project-names>div>span{font-size:11px}.personal-deck{width:185px;height:259px;margin-top:30px}.personal-card h3{font-size:22px}.personal-card p{font-size:10px}.photo-card h3{font-size:17px}.work-note-card img{height:160px}.contact .chapter-content{padding-top:62px}.contact h2{font-size:30px}.contact-item{margin-top:18px}.contact-item>p{font-size:10px}.contact .email{font-size:25px}.contact-item>strong{font-size:20px}.social-links>a,.social-links>button{height:34px;width:34px}.download-contact{margin-top:12px;height:44px}.download-disc{width:43px;height:43px}.character-stage{height:47svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation:none!important;transition:none!important}.character-pose img{transform:none!important;translate:none!important}.js-ready .chapter .chapter-content{opacity:1!important;transform:none!important}}.reduced-motion{scroll-behavior:auto;scroll-snap-type:none}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}.reduced-motion .character-pose img{transform:none!important;translate:none!important}.reduced-motion .chapter .chapter-content{opacity:1!important;transform:none!important}.menu-close{position:absolute;right:43px;top:42px;color:#fff;font:34px Arial;width:44px;height:44px;z-index:3}.case-notes-link{font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:18px 0 0;color:#888}@media(max-width:900px){.menu-close{right:18px;top:17px}}.small-brand:focus-visible{opacity:1}.personal-deck{isolation:isolate}.chapter.about{overflow:clip}@media(max-width:900px){body:has(.journey.is-current) .character-stage{height:38svh}body:has(.journey.is-current) .pose-desk img{height:38svh}.deck-controls{position:relative;z-index:2;width:max-content;margin:8px 8% 0 auto;padding:0 6px;gap:12px;background:var(--paper);border-radius:22px;color:#555}.deck-hint{color:#555;text-shadow:0 1px 3px var(--paper),0 0 5px var(--paper)}}@media(max-width:900px)and (max-height:710px){body:has(.journey.is-current) .character-stage{height:27svh}body:has(.journey.is-current) .pose-desk img{height:27svh}}.language-toggle{position:absolute;top:42px;right:101px;display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #dedede;border-radius:26px;background:#f5f5f5ed;pointer-events:auto}.language-toggle button{min-width:44px;min-height:44px;padding:8px 10px;border-radius:22px;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;color:#626262;transition:background .2s,color .2s}.language-toggle button[aria-pressed=true]{background:#222;color:#fff}.language-toggle button:hover:not([aria-pressed=true]){background:#e5ebe7;color:#222}.language-toggle button:focus-visible{outline-offset:3px}.chapter-content,.folder-project>a>span,.work-folder summary>span,.project-meta,.project-meta dd{min-width:0}.folder-project>a>span:not(.small-arrow),.work-folder summary>span:not(.folder-count){overflow-wrap:anywhere}.folder-count,.small-arrow{flex-shrink:0}html:lang(mn) h1,html:lang(mn) h2,html:lang(mn) h3{letter-spacing:-.03em}html:lang(mn) .hero h1{font-size:clamp(48px,5vw,76px);line-height:1.14}html:lang(mn) .identity p{flex-wrap:wrap;gap:8px 24px;line-height:1.5}html:lang(mn) .contact h2{white-space:normal;font-size:clamp(36px,3.8vw,58px);line-height:1.2}html:lang(mn) .journey h2{font-size:clamp(36px,3.5vw,54px)}html:lang(mn) .personal-card h3{line-height:1.17}html:lang(mn) .paper-content .note-project-link{font-family:Nunito,Arial,sans-serif}html:lang(mn) #site-menu nav>a{letter-spacing:-.035em}html:lang(mn) .download-contact{width:240px}html:lang(mn) .download-label{padding:0 9px;line-height:1.25}html:lang(mn) .archive-heading h1{font-size:clamp(44px,5.7vw,80px);overflow-wrap:anywhere}html:lang(mn) .project-intro h1{overflow-wrap:anywhere}@media(max-width:900px){.language-toggle{top:17px;right:73px}html:lang(mn) .hero h1{font-size:clamp(37px,7.8vw,56px);line-height:1.14}html:lang(mn) .identity p{justify-content:center;gap:5px 10px}html:lang(mn) .journey h2{font-size:clamp(29px,7.6vw,36px)}html:lang(mn) .about h2{font-size:clamp(27px,7.2vw,35px);line-height:1.14}html:lang(mn) .contact h2{font-size:clamp(28px,7.3vw,36px)}html:lang(mn) #site-menu nav>a{font-size:clamp(27px,8.3vw,46px);line-height:1.12;letter-spacing:-.035em}html:lang(mn) .menu-footer{flex-wrap:wrap;justify-content:center;gap:4px 15px;text-align:center}html:lang(mn) .menu-footer button{white-space:normal}html:lang(mn) .chapter-note{line-height:1.5}html:lang(mn) .download-contact{width:225px}html:lang(mn) .archive-heading h1{font-size:clamp(38px,9vw,52px)}html:lang(mn) .note-card h3,html:lang(mn) .teaching-card h3{font-size:21px;line-height:1.15;margin-top:16px}html:lang(mn) .note-card p,html:lang(mn) .teaching-card p{font-size:11px;line-height:1.6;margin-top:14px}}@media(max-width:380px){.language-toggle{right:68px;gap:0;padding:1px}.language-toggle button{padding:8px;font-size:10px}html:lang(mn) .hero h1{font-size:36px}html:lang(mn) .contact h2{font-size:28px}}@media(max-width:900px)and (max-height:710px){html:lang(mn) .hero h1{font-size:36px}html:lang(mn) .identity{margin-top:12px}html:lang(mn) .contact h2{font-size:28px}html:lang(mn) .journey h2{font-size:29px}html:lang(mn) .note-card,html:lang(mn) .teaching-card{padding:18px}html:lang(mn) .note-card h3,html:lang(mn) .teaching-card h3{font-size:18px;line-height:1.13;margin-top:13px}html:lang(mn) .note-card p,html:lang(mn) .teaching-card p{font-size:10px;line-height:1.6;margin-top:12px}html:lang(mn) .teaching-card .card-signature{font-size:14px;margin-top:13px}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.chapter-content,.project-intro>div,.next-project>div,.journey-stop>div{min-width:0}.project-intro h1,.project-subtitle,.project-meta dd,.next-project h2,.archive-card h2,.archive-card p,.contact .email,.copy-status,.paper-content,.art-caption,.hero h1,.chapter h2,.personal-card h3,.personal-card p,.card-kicker{overflow-wrap:anywhere}.project-names>div{flex-wrap:wrap;justify-content:flex-start;gap:16px 24px}.project-names>div>span{flex-shrink:0}.step-dot{flex-shrink:0}.small-brand{min-width:44px;min-height:44px;display:grid;place-items:center}.notes-link,.folder-project>a,.work-folder summary,.all-artworks,.deck-controls button,.social-links>a,.social-links>button,.art-view-controls button,.archive-filters button,.menu-footer button,.case-notes-link,.archive-back,.note-project-link{min-height:44px}.deck-controls button,.social-links>a,.social-links>button,.art-view-controls button{min-width:44px}.case-notes-link,.note-project-link,.archive-back{display:inline-flex;align-items:center}.project-bottom a{display:inline-flex;align-items:center;min-height:44px}.menu-toggle,.menu-close{top:calc(42px + var(--safe-top));right:calc(43px + var(--safe-right))}.language-toggle{top:calc(42px + var(--safe-top));right:calc(101px + var(--safe-right))}.small-brand{left:calc(33px + var(--safe-left));top:calc(24px + var(--safe-top))}.back-work{left:max(3.4vw,calc(20px + var(--safe-left)));bottom:calc(25px + var(--safe-bottom))}#site-menu{height:auto;min-height:min(87svh,760px);max-height:100dvh;padding:calc(90px + var(--safe-top)) max(35px,var(--safe-right)) calc(28px + var(--safe-bottom)) max(35px,var(--safe-left));overflow:hidden;overscroll-behavior:contain}#site-menu[open]{display:flex;flex-direction:column;gap:24px}.menu-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#site-menu nav{height:auto;min-height:0;flex:1 0 auto;padding-top:0;gap:12px}#site-menu nav>a{flex:none;height:auto;min-height:1.15em;max-width:100%;line-height:1.15;text-align:center;overflow-wrap:anywhere}#site-menu nav>a>span{min-height:inherit}#site-menu nav>a>span+span{position:absolute;inset:100% 0 auto}.menu-footer{flex:none;flex-wrap:wrap;gap:8px 20px;align-items:center}.menu-footer button{white-space:normal}.menu-close{position:fixed}.notes-dialog{padding:0;max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));scroll-padding-top:70px;overscroll-behavior:contain}.notes-dialog-header{position:sticky;top:0;z-index:4;display:flex;justify-content:flex-end;min-height:60px;padding:8px 12px;background:#f3eed6}.notes-dialog-header .dialog-close{position:static;flex:none}.paper-content{padding:0 48px 48px}.paper-content h2{margin-top:20px}.art-dialog{width:100%;height:100dvh;padding:calc(65px + var(--safe-top)) max(40px,var(--safe-right)) calc(25px + var(--safe-bottom)) max(40px,var(--safe-left));overflow:hidden}.art-dialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px}.art-dialog .dialog-close{top:calc(12px + var(--safe-top));right:calc(18px + var(--safe-right))}.art-canvas{height:auto;min-width:0;min-height:0;width:100%}.art-view-controls{flex-wrap:wrap;gap:8px 18px;padding-top:0}.art-view-controls button{flex-shrink:0}.art-view-controls #art-zoom{margin-left:0;padding:8px 12px;font-size:12px}.art-caption{margin:0;line-height:1.5;max-height:25dvh;overflow:auto;overscroll-behavior:contain}.personal-deck{display:grid;height:auto;min-height:420px;max-width:calc(100% - 36px)}.personal-card{position:relative;inset:auto;grid-area:1 / 1;width:100%;min-width:0;min-height:inherit}.photo-card>img{position:absolute;inset:0;width:100%;height:100%}.card-doodle{position:static;display:block;text-align:right;margin-top:12px;font-size:42px}@media(min-width:901px)and (max-height:760px){.personal-deck{min-height:335px}.card-doodle{font-size:34px}}@media(max-width:900px){html{scroll-snap-type:none}.menu-toggle,.menu-close{top:calc(17px + var(--safe-top));right:calc(18px + var(--safe-right))}.language-toggle{top:calc(17px + var(--safe-top));right:calc(73px + var(--safe-right))}.small-brand{top:calc(17px + var(--safe-top));left:calc(13px + var(--safe-left))}.chapter{padding-bottom:max(28px,var(--safe-bottom))}.chapter-content,.hero-content,.works .chapter-content,.journey .chapter-content,.about .chapter-content,.contact .chapter-content{padding-top:calc(82px + var(--safe-top));padding-left:max(25px,var(--safe-left));padding-right:max(25px,var(--safe-right))}.hero-content{padding-top:max(calc(82px + var(--safe-top)),14svh);background:var(--paper)}.scroll-cue{right:calc(16px + var(--safe-right));bottom:calc(25px + var(--safe-bottom));min-width:44px;min-height:44px;justify-content:center}.works{padding-bottom:max(37svh,160px)}.works .chapter-content{padding-bottom:24px;background:var(--paper)}.work-tree{max-height:none;overflow:visible;padding-right:0}.folder-content{padding-left:28px}.notes-link{padding-left:31px;font-size:12px}.chapter-note{display:block;font-size:11px}.journey{padding-bottom:max(30svh,120px)}.journey .chapter-content{padding-bottom:24px;background:var(--paper)}.journey-path{height:auto;min-height:245px;display:grid;gap:22px;padding:8px 0;margin-top:18px}.path-line{display:none}.journey-stop{position:relative;inset:auto;max-width:100%;align-items:flex-start;padding:0;gap:10px}.journey-stop:nth-of-type(2){margin-left:min(12%,45px)}.journey-stop h3{font-size:21px;line-height:1.25;overflow-wrap:anywhere}.journey-stop p{font-size:12px;line-height:1.6}.journey-stop strong{font-size:10px}.step-dot{margin-top:1px}.project-names>div{gap:14px 22px}.personal-deck{width:245px;min-height:330px;margin-top:36px;margin-right:8%;margin-bottom:8px}.note-card,.teaching-card,.work-note-card,html:lang(mn) .note-card,html:lang(mn) .teaching-card{padding:22px}.personal-card h3,html:lang(mn) .note-card h3,html:lang(mn) .teaching-card h3{font-size:23px;line-height:1.18;margin-top:18px}.personal-card p,html:lang(mn) .note-card p,html:lang(mn) .teaching-card p{font-size:13px;line-height:1.65;margin-top:16px}.card-kicker{font-size:9px;letter-spacing:1px}.photo-card h3{font-size:21px}.photo-card>div>span{font-size:8px;letter-spacing:.8px}.teaching-card .card-signature,html:lang(mn) .teaching-card .card-signature{font-size:17px;margin-top:18px}.work-note-card img{height:auto;max-height:230px;width:100%;object-fit:contain}.deck-hint{font-size:11px;line-height:1.5;padding-left:28px;padding-right:8%;margin-top:6px}.deck-controls{margin-top:10px;gap:12px}.contact .chapter-content{padding-bottom:28px;background:linear-gradient(var(--paper) 88%,#f5f5f500)}.contact .email{display:inline-block;max-width:100%;min-height:44px;line-height:1.5}.contact-item>p{font-size:12px;line-height:1.5}.social-links{max-width:100%;flex-wrap:wrap;justify-content:center;gap:10px}.social-links>a,.social-links>button{width:44px;height:44px}.download-contact,html:lang(mn) .download-contact{height:auto;min-height:49px;max-width:100%}.download-label{padding:10px 12px}.download-disc{align-self:stretch;min-height:48px;height:auto}.copy-status{line-height:1.5;min-height:1.5em}#site-menu{min-height:82svh;max-height:100dvh;padding:calc(78px + var(--safe-top)) max(20px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(20px,var(--safe-left));border-radius:0 0 32px 32px}#site-menu nav{height:auto;padding:0;gap:16px;justify-content:center}#site-menu nav>a{line-height:1.15;min-height:44px}.menu-footer{justify-content:center;padding:0;text-align:center}.menu-footer button{font-size:11px}.notes-dialog{width:calc(100% - 24px - var(--safe-left) - var(--safe-right))}.paper-content{padding:0 24px 32px}#project-page,#archive-page{padding-top:calc(85px + var(--safe-top));padding-left:max(15px,var(--safe-left));padding-right:max(15px,var(--safe-right));padding-bottom:calc(35px + var(--safe-bottom))}.project-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-frame>button{height:auto;min-height:230px;aspect-ratio:4 / 5}.case-frame>button img{max-height:70svh}.back-work{left:calc(20px + var(--safe-left));bottom:calc(20px + var(--safe-bottom));min-height:44px}.art-dialog{padding:calc(65px + var(--safe-top)) max(16px,var(--safe-right)) calc(18px + var(--safe-bottom)) max(16px,var(--safe-left))}.art-view-controls{gap:6px 8px}.art-caption,.archive-filters button{font-size:12px}.archive-card>a:first-child{height:auto;min-height:190px;aspect-ratio:4 / 5}}@media(max-width:900px)and (max-height:500px)and (orientation:landscape){.character-stage{width:42%;height:85svh}.pose-hello img,.pose-play img{height:105svh;bottom:-24svh;left:0}.pose-desk img{height:auto;width:100%;max-height:80svh;bottom:0;left:0}body:has(.journey.is-current) .character-stage{height:80svh}body:has(.journey.is-current) .pose-desk img{height:auto;max-height:80svh}.chapter{min-height:100svh;padding-bottom:36px}.chapter-content,.hero-content,.works .chapter-content,.journey .chapter-content,.about .chapter-content,.contact .chapter-content{width:58%;margin-left:auto;padding:calc(82px + var(--safe-top)) max(24px,var(--safe-right)) 0 18px;background:none}.hero-content{text-align:left}.identity p,html:lang(mn) .identity p{justify-content:flex-start}.hero .identity h2{text-align:left}.scroll-cue{left:18px;right:auto;writing-mode:horizontal-tb;bottom:15px;max-width:36%;line-height:1.5}.personal-deck,.deck-controls{margin-left:auto;margin-right:auto}.deck-hint{text-align:center;padding:0}.contact{text-align:left}.download-contact{margin-left:0;margin-right:0}.journey-path{min-height:0}#site-menu{min-height:0;padding-top:calc(72px + var(--safe-top));gap:12px}.menu-content{gap:12px}#site-menu nav{gap:8px}#site-menu nav>a,html:lang(mn) #site-menu nav>a{font-size:clamp(26px,5vw,34px)}}.story-part{margin-top:30px;max-width:680px}.story-part h3{font-size:17px;line-height:1.45;margin:0 0 10px;color:var(--ink)}.story-part p{font-size:18px;line-height:1.8;color:#666;margin:0}.case-video{margin:0 2vw 65px;padding:45px;background:#e8edf4;border-radius:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);align-items:center;gap:60px}.case-video .kicker{font-size:11px;letter-spacing:.12em;color:#657386;margin-bottom:20px}.case-video h2{font-size:clamp(30px,3.5vw,50px);line-height:1.12;letter-spacing:-.04em;margin:0 0 22px}.case-video-copy>p:last-child{font-size:18px;line-height:1.75;color:#5e6875;max-width:460px}.case-video figure{margin:0;min-width:0}.case-video video{display:block;width:100%;height:auto;max-height:680px;background:#0e1e36;border-radius:16px;box-shadow:0 16px 40px #213a5c18}.case-video figcaption{font-size:11px;line-height:1.6;margin-top:14px;color:#657386}@media(max-width:760px){.story-part p{font-size:17px}.case-video{margin:0 0 40px;padding:25px;grid-template-columns:1fr;gap:28px}.case-video h2{font-size:34px}.case-video-copy>p:last-child{font-size:17px}.case-video video{max-height:75svh}.case-section .story{margin-bottom:25px}}.project-cover img{display:block;height:auto}.case-frame.is-landscape{grid-column:1/-1}.case-frame.is-landscape>button{height:auto;min-height:0}.case-frame.is-landscape>button img{height:auto}.case-images.is-mobile-app{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.is-mobile-app .case-frame{grid-column:auto}.is-mobile-app .case-frame>button{height:auto;aspect-ratio:auto;padding:18px;background:#fffaf0}.is-mobile-app .case-frame>button img{height:auto;max-height:none}.is-mobile-app .case-frame.is-landscape{grid-column:1/-1}@media(max-width:1000px){.case-images.is-mobile-app{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media(max-width:700px){.case-images.is-mobile-app{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.is-mobile-app .case-frame>button{padding:12px}}@media(max-width:440px){.case-images.is-mobile-app{grid-template-columns:1fr}.is-mobile-app .case-frame>button{padding:18px}}
