:root{--paper:#faf6ee;--ink:#3e493e;--soft:#616956;--red:#9d534a;--gold:#b4955c;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}button:hover,a:hover{color:var(--red)}[hidden]{display:none!important}#garden{height:100svh;min-height:660px;position:relative;overflow:hidden;isolation:isolate}.landscape,.scene-objects{position:absolute;inset:0}.landscape{z-index:-3}.landscape img{width:100%;height:100%;object-fit:fill;filter:saturate(.76) brightness(1.055)}.sky-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(250,246,238,.22),transparent 55%,transparent 88%,rgba(250,246,238,.85)),radial-gradient(ellipse at 31% 29%,rgba(250,246,238,.48),transparent 45%);pointer-events:none}header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:27px 4.2%}.signature{font-family:var(--serif);font-size:40px;letter-spacing:-5px;display:flex;align-items:center;gap:20px;line-height:1}.seal{letter-spacing:0;font-family:serif;font-size:14px;color:#faf6ee;background:var(--red);padding:5px 4px;transform:rotate(-5deg);opacity:.8}nav{display:flex;gap:32px;align-items:center}nav button{font-size:13px;padding:12px 0;letter-spacing:.02em}nav button:last-child{margin-left:14px}nav button span{margin-left:8px}.introduction{position:absolute;top:19%;left:11.8%;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:450;line-height:1.8;color:var(--soft)}h1{font-family:var(--serif);font-size:clamp(64px,6.5vw,108px);line-height:.94;font-weight:400;margin:22px 0 22px;letter-spacing:-.045em;position:relative}h1 em{font-weight:400;color:var(--red)}.title-flower{font-size:25px;color:var(--red);display:inline-block;vertical-align:top;margin:12px 0 0 18px;animation:turn 40s linear infinite}.intro-copy{font-family:var(--serif);font-size:22px;line-height:1.4;margin:0;color:#555d4c}.university{font-size:9px;letter-spacing:.16em;margin-top:24px;color:#656a57}.university span{padding:0 8px}.scene-objects{pointer-events:none;z-index:2}.hotspot{position:absolute;pointer-events:auto;padding:0;isolation:isolate}.tiger{left:3%;top:44%;width:28%;height:29%}.girl{left:69%;top:37%;width:28%;height:53%}.purse{left:59%;top:65%;width:10%;height:14%}.lotus{left:38%;top:81%;width:11%;height:12%}.entity-glow{position:absolute;inset:10%;background:radial-gradient(ellipse,rgba(238,210,124,.25),transparent 70%);opacity:0;transition:opacity .6s;pointer-events:none}.hotspot:hover .entity-glow,.hotspot:focus-visible .entity-glow{opacity:1;animation:breathe 3s ease-in-out infinite}.object-label{position:absolute;left:50%;top:100%;transform:translateX(-50%);white-space:nowrap;font-family:var(--serif);font-style:italic;font-size:19px;color:#344b40;text-shadow:0 1px 9px var(--paper),0 1px 4px var(--paper);transition:transform .4s,color .4s}.object-label small{font-family:var(--sans);font-size:8px;letter-spacing:.1em;font-style:normal;position:relative;top:-4px;margin-right:7px;color:#876a42}.object-label i{font-size:14px;font-style:normal;display:inline-block;margin-left:6px;opacity:0;transition:opacity .4s}.hotspot:hover .object-label,.hotspot:focus-visible .object-label{color:var(--red);transform:translate(-50%,-5px)}.hotspot:hover i,.hotspot:focus-visible i{opacity:1}.girl .object-label{top:50%;left:25%;transform:translateX(-100%)}.girl:hover .object-label,.girl:focus-visible .object-label{transform:translate(-100%,-5px)}.purse .object-label{top:110%;left:53%}.lotus .object-label{top:97%}.lantern{position:absolute;width:76px;height:220px;right:27%;top:0;transform-origin:50% 0;animation:sway 7s ease-in-out infinite;opacity:.85;pointer-events:none}.ripples{position:absolute;left:42.5%;top:89%;width:1px;height:1px;pointer-events:none}.ripples i{position:absolute;width:120px;height:18px;margin:-9px -60px;box-shadow:0 0 0 1px rgba(249,246,220,.55);border-radius:50%;animation:ripple 8s ease-out infinite}.ripples i:nth-child(2){animation-delay:-2.7s}.ripples i:nth-child(3){animation-delay:-5.4s}#ambience{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px 4.2%;gap:18px;z-index:4;font-size:9px;letter-spacing:.13em}footer p{margin:0}.location-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;vertical-align:middle;margin-right:9px}.invitation{font-family:var(--serif);font-size:15px;letter-spacing:.01em}.invitation>span{color:var(--red);padding-right:10px}.invitation em{color:var(--soft)}#motion{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.08em;padding:10px 0}#motion svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.2}.reveal{position:fixed;inset:0;z-index:10;overflow:auto;background:rgba(250,246,238,.94);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23948663' opacity='.06' filter='url(%23n)' d='M0 0H180V180H0z'/%3E%3C/svg%3E");animation:ink-in .7s both}.return{position:fixed;top:26px;left:4%;padding:15px 0;z-index:12;font-size:12px;letter-spacing:.04em}.return span{margin-right:12px}.chapter{width:min(880px,86vw);margin:115px auto 70px;text-align:center;animation:ink-in .8s both}h2{font-family:var(--serif);font-size:64px;font-weight:400;letter-spacing:-.035em;margin:18px 0}h2 em{color:var(--red);font-weight:400}.section-intro{font-family:var(--serif);font-size:22px;color:var(--soft);line-height:1.5}.chapter-ornament{display:block;font-size:34px;color:var(--red);margin:30px 0 0}.lead{font-family:var(--serif);font-size:30px;line-height:1.3}.scroll{width:min(560px,85vw);margin-top:85px;transform-origin:top center;animation:unroll .85s cubic-bezier(.16,1,.3,1) both}.scroll-paper{position:relative;padding:36px 50px 28px;background:#f4eddd;background-image:linear-gradient(90deg,#e7ddc660,transparent 7%,transparent 93%,#d5c4a730);box-shadow:12px 18px 60px #7d62451a}.scroll-paper:before,.scroll-paper:after{content:'';position:absolute;left:-18px;right:-18px;height:12px;background:linear-gradient(#8f7254,#b39974 40%,#6e5640);border-radius:2px;top:-6px}.scroll-paper:after{top:auto;bottom:-6px}.scroll h2{font-size:51px}.scroll p:not(.eyebrow):not(.lead):not(.scroll-signature){font-size:15px;line-height:1.85;color:var(--soft)}.scroll-signature{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--red);margin:26px 0}.works-list{text-align:left;margin-top:42px}.works-list details{padding:18px 0}.works-list summary{list-style:none;display:flex;gap:24px;align-items:center;cursor:pointer}.works-list summary::-webkit-details-marker{display:none}.work-number{font-family:var(--serif);font-size:26px;color:var(--gold);width:34px;flex-shrink:0}.works-list small{font-size:9px;letter-spacing:.16em;color:var(--red)}h3{font-family:var(--serif);font-size:31px;line-height:1.2;font-weight:400;margin:7px 0}.work-arrow{margin-left:auto;font-size:25px;color:var(--red);transition:transform .3s}details[open] .work-arrow{transform:rotate(90deg)}.work-detail{padding:0 50px 0 58px;max-width:720px;font-size:15px;line-height:1.7;color:var(--soft);animation:ink-in .5s both}.work-detail b{color:var(--red);font-weight:500;margin-right:8px}.endnote{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--soft);margin-top:40px}.bag-chapter{width:min(1000px,90vw)}.artifacts{display:flex;justify-content:space-around;gap:20px;margin:32px 0}.artifact{width:22%;animation:float 6s ease-in-out infinite;transition:filter .4s}.artifact:nth-child(2){animation-delay:-1.5s}.artifact:nth-child(3){animation-delay:-3s}.artifact:nth-child(4){animation-delay:-4.5s}.artifact svg{width:110px;height:130px;filter:drop-shadow(0 10px 12px #9d77551a);transition:transform .4s}.artifact:hover svg,.artifact[aria-pressed=true] svg{transform:translateY(-9px) rotate(-4deg);filter:drop-shadow(0 6px 14px #b4955c55)}.artifact h3{font-size:25px}.artifact p{font-size:12px;color:var(--soft)}#skill-description{min-height:120px;max-width:570px;margin:45px auto 0}#skill-description h3{font-size:30px;color:var(--red)}#skill-description p{font-size:15px;line-height:1.7;color:var(--soft)}.contact-chapter{max-width:690px;padding-top:10px}.contact-chapter>p:not(.eyebrow):not(.lead){font-size:15px;color:var(--soft)}.contact-links{display:flex;flex-direction:column;align-items:center;gap:20px;margin:40px 0 50px}.contact-links a{font-family:var(--serif);font-size:27px}.contact-links span{font:18px var(--sans);margin-left:18px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes breathe{50%{opacity:.5;transform:scale(1.05)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes ripple{0%{transform:scale(.5);opacity:0}25%{opacity:.7}100%{transform:scale(3);opacity:0}}@keyframes ink-in{from{opacity:0;filter:blur(5px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes unroll{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@media(min-width:1700px){.introduction{top:20%}h1{font-size:118px}.intro-copy{font-size:26px}}@media(max-width:1000px) and (min-width:701px){nav{gap:20px}.introduction{left:8%;top:20%}.eyebrow{font-size:9px}h1{font-size:76px}.university{font-size:8px}.invitation{font-size:13px}.place{font-size:8px}.lantern{right:23%}}
@media(max-width:700px){#garden{min-height:720px;height:100svh}.landscape,.scene-objects{inset:auto 0 65px;aspect-ratio:1.5}.landscape img{object-fit:contain}.landscape:before{content:'';position:absolute;inset:-20px 0 auto;height:65px;background:linear-gradient(var(--paper),transparent)}.sky-wash{background:linear-gradient(0deg,var(--paper),transparent 17%);inset:50% 0 0}header{padding:20px 6%}.signature{font-size:35px}nav{gap:17px}nav button{font-size:11px}nav button:nth-child(2),nav button:nth-child(3){display:none}nav button:last-child{margin-left:0}.introduction{top:16%;left:8%}h1{font-size:clamp(61px,12vw,84px);margin:18px 0}.title-flower{font-size:19px;margin-left:12px}.eyebrow{font-size:8px;letter-spacing:.17em}.intro-copy{font-size:21px}.university{font-size:8px;max-width:290px;line-height:1.8;margin-top:18px}.lantern{width:52px;height:160px;right:8%;top:66px;opacity:.65}.object-label{font-size:13px}.object-label small{font-size:6px;margin-right:4px}.object-label i{display:none}.girl .object-label{top:45%;left:37%}.purse .object-label{top:110%;left:50%;white-space:normal;width:94px}.lotus .object-label{top:100%;left:40%}.tiger .object-label{left:60%;top:102%}.ripples{top:auto;bottom:94px}.ripples i{width:50px;height:8px;margin:-4px -25px}footer{padding:15px 6%;align-items:center}.place{display:none}.invitation{font-size:13px;letter-spacing:0;max-width:245px;line-height:1.4}.invitation em{display:block;padding-left:21px}#motion{font-size:9px}.chapter{margin-top:100px}h2{font-size:43px}.section-intro{font-size:20px}.scroll{margin-top:90px;margin-bottom:30px}.scroll-paper{padding:27px 25px}.scroll h2{font-size:42px}.lead{font-size:27px}.return{top:16px;left:7%;font-size:12px}.works-list{margin-top:30px}.works-list summary{gap:12px}.works-list h3{font-size:26px}.works-list small{font-size:8px}.work-number{width:23px;font-size:22px}.work-detail{padding:0 10px 0 35px;font-size:14px}.artifacts{flex-wrap:wrap;gap:12px;margin-top:30px}.artifact{width:46%}.artifact svg{width:85px;height:100px}.artifact h3{font-size:23px}.artifact p{margin:6px 0;font-size:11px}#skill-description{margin-top:22px;padding:0 12px}.contact-chapter h2{font-size:43px}.contact-links a{font-size:25px}.contact-chapter .eyebrow{font-size:9px}}
@media(max-height:650px) and (min-width:701px){#garden{min-height:540px}.introduction{top:18%}h1{font-size:70px;margin:12px 0}.intro-copy{font-size:19px}.university{margin-top:14px}header{padding-top:15px}footer{padding-bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* The painting itself is the navigation. */
header{pointer-events:none}.signature{pointer-events:auto}.world-effects{position:absolute;inset:0;z-index:-1;pointer-events:none}.water-motion,.clouds{position:absolute;inset:0;width:100%;height:100%}.water-image{filter:url(#water-flow) saturate(.76) brightness(1.055)}.water-shimmer{stroke-width:1.6;opacity:.4;animation:shimmer 7s ease-in-out infinite alternate}.water-shimmer path:nth-child(2){animation:current 8s ease-in-out infinite alternate;opacity:.6}.cloud{opacity:.55}.cloud-one{animation:cloud-drift 34s ease-in-out infinite alternate}.cloud-two{animation:cloud-drift 46s ease-in-out -15s infinite alternate;opacity:.45}.cloud-three{animation:cloud-drift 29s ease-in-out -8s infinite alternate;opacity:.45}.wind-branch{position:absolute;width:24%;height:auto;right:-2%;top:9%;transform-origin:100% 10%;animation:branch-wind 8s ease-in-out infinite alternate;opacity:.8}.hotspot{transition:filter .5s}.hotspot:hover{filter:drop-shadow(0 0 12px #d4af3770)}.hotspot .entity-glow{inset:0;opacity:0;background:radial-gradient(ellipse,#f1d27d50,transparent 65%)}.hotspot:focus-visible{outline:2px solid var(--red);outline-offset:4px}.girl{clip-path:polygon(55% 0,80% 2%,88% 15%,90% 37%,90% 53%,100% 65%,100% 100%,15% 100%,0 84%,7% 65%,19% 47%,25% 28%,47% 25%,43% 13%)}.tiger{clip-path:polygon(0 50%,39% 30%,50% 5%,64% 0,80% 9%,85% 25%,100% 89%,69% 100%,11% 94%,0 80%)}.lotus{left:38.3%;top:83.2%;width:9.5%;height:8.5%;animation:lotus-float 6s ease-in-out infinite;transform-origin:50% 80%;min-width:48px;min-height:44px;overflow:visible}.lotus-art{width:100%;height:100%;object-fit:contain;filter:saturate(.8);transition:transform .6s,filter .6s;pointer-events:none}.lotus:hover .lotus-art,.lotus:focus-visible .lotus-art{transform:scale(1.16);filter:saturate(1) drop-shadow(0 0 12px #e9c77990)}.purse{min-width:48px;min-height:48px}.ripples{z-index:0}.pond-clicks{position:absolute;inset:0}.touch-ripple{position:absolute;width:90px;height:16px;box-shadow:0 0 0 1px #fff6dd;border-radius:50%;animation:touch-water 2.8s ease-out forwards;transform:translate(-50%,-50%)}.invitation{text-align:center}.sky-wash{z-index:-2}#ambience{z-index:1}.introduction{top:12%}h1{font-size:clamp(64px,6.2vw,104px);margin:16px 0}.intro-copy{font-size:21px}.university{margin-top:18px}
@keyframes cloud-drift{from{transform:translateX(-100px)}to{transform:translateX(100px)}}@keyframes branch-wind{from{transform:rotate(-1.8deg)}to{transform:rotate(1.5deg)}}@keyframes lotus-float{0%,100%{transform:translate(-5px,0) rotate(-3deg)}50%{transform:translate(7px,-8px) rotate(3deg)}}@keyframes shimmer{from{opacity:.15;transform:translateX(-5px)}to{opacity:.65;transform:translateX(8px)}}@keyframes current{to{transform:translateX(12px)}}@keyframes touch-water{from{opacity:.9;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}
@media(max-width:700px){.world-effects{inset:auto 0 65px;aspect-ratio:1.5}.introduction{top:14%}h1{font-size:clamp(61px,12vw,84px)}.lotus{left:37.7%;top:81%;width:11%;height:13%}.purse{left:58%;top:63%}.wind-branch{width:30%;top:4%}.girl,.tiger{clip-path:none}.invitation{font-size:12px;text-align:left}.invitation em{padding-left:0}.invitation>span{display:none}.cloud{opacity:.35}}
.clouds{clip-path:polygon(30% 18%,79% 18%,77% 38%,73% 56%,66% 66%,29% 65%)}.wind-branch{display:none}.landscape img{filter:saturate(.9)}.water-image{filter:url(#water-flow) saturate(.9)}
@media(max-width:700px){.landscape:before{z-index:1;pointer-events:none;top:-1px;height:50px}.landscape img{display:block}.introduction{width:84%}.intro-copy{font-size:20px}}
.lotus:after{content:'';position:absolute;left:0;top:82%;width:100%;height:75%;background:url('assets/lotus.png') center/contain no-repeat;transform:scaleY(-1);opacity:.15;mask-image:linear-gradient(transparent,#000);pointer-events:none}
/* A continuous, explorable world. */
#garden{min-height:560px;cursor:grab;touch-action:none}.world{position:absolute;inset:0;transform-origin:0 0;isolation:isolate;will-change:transform;z-index:0}.world .landscape,.world .world-effects,.world .scene-objects,.world .sky-wash{inset:0;aspect-ratio:auto}.world .landscape img{object-fit:fill}.world .landscape:before{display:none}.world .sky-wash{background:linear-gradient(180deg,#faf6ee18,transparent 58%)}.world .scene-objects{z-index:2}.world .ripples{z-index:1}.world .hotspot{clip-path:none}.world .lantern{right:27%;top:0}.introduction{pointer-events:none;transition:opacity .65s,transform .9s;z-index:3}.looking-closer .introduction{opacity:0;transform:translateY(-16px);visibility:hidden}header{z-index:25}.begin-journey{pointer-events:auto;display:flex;align-items:center;gap:15px;margin-top:27px;text-align:left;padding:0;font-family:var(--serif);font-style:italic;font-size:23px}.begin-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--red);font-family:var(--sans);font-style:normal;font-size:27px;background:radial-gradient(ellipse,#faf6eed9,transparent 70%);transition:transform .4s}.begin-journey:hover .begin-icon{transform:translate(4px,-4px)}.begin-journey small{display:block;font:8px var(--sans);letter-spacing:.19em;margin-top:6px;color:var(--soft)}.hotspot{cursor:pointer;overflow:visible}.beacon{position:absolute;left:50%;top:50%;width:55px;height:55px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 12px #725e3945);transition:filter .4s,opacity .5s;pointer-events:none}.beacon svg{width:100%;height:100%;overflow:visible}.beacon svg circle{fill:#faf6eed9;stroke:#b08b44;stroke-width:1.2}.beacon svg .beacon-orbit{stroke-dasharray:2 5;transform-origin:center;animation:turn 24s linear infinite}.beacon-flower{fill:#b08b44;stroke:#faf6ee;stroke-width:.6;transform-origin:center;animation:blossom-breathe 3.8s ease-in-out infinite}.beacon:after{content:'';position:absolute;inset:-11px;background:radial-gradient(ellipse,#edd69e55,transparent 65%);animation:beacon-breath 3.2s ease-in-out infinite;z-index:-1}.girl .beacon{left:48%;top:25%}.tiger .beacon{left:66%;top:27%}.purse .beacon{left:50%;top:38%}.lotus .beacon{top:-12%;width:42px;height:42px}.mountain{left:59%;top:26%;width:20%;height:24%}.mountain .beacon{left:45%;top:50%}.hotspot:hover .beacon,.hotspot:focus-visible .beacon{filter:drop-shadow(0 0 14px #f3d87e);}.hotspot:hover .beacon-flower{fill:#9d534a}.discover-name{position:absolute;left:50%;top:calc(50% + 32px);transform:translateX(-50%) translateY(5px);white-space:nowrap;font:italic 18px var(--serif);color:#563f2d;text-shadow:0 1px 10px #faf6ee,0 1px 4px #faf6ee;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none}.girl .discover-name{top:calc(25% + 32px);left:48%}.tiger .discover-name{top:calc(27% + 32px);left:66%}.purse .discover-name{top:calc(38% + 32px)}.lotus .discover-name{top:calc(-12% + 25px)}.hotspot:hover .discover-name,.hotspot:focus-visible .discover-name{opacity:1;transform:translateX(-50%) translateY(0)}.discovered .beacon svg .beacon-orbit{stroke-dasharray:none;stroke:#6e846a}.discovered .beacon-flower{fill:#708368}.reading .beacon{opacity:.18}.reading .discover-name{display:none}.mountain-world{position:absolute;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity 1.4s,visibility 1.4s;pointer-events:none;overflow:hidden}.mountain-world.visible{opacity:1;visibility:visible}.mountain-world img{width:100%;height:100%;object-fit:cover;transform-origin:0 0;will-change:transform}.mountain-active .world{pointer-events:none}.mountain-active .scene-objects{visibility:hidden}#ambience{z-index:2}.explorer-tools{position:absolute;right:4%;top:28px;z-index:25;display:flex;align-items:center;gap:15px;cursor:default}.explorer-tools button{width:35px;height:42px;padding:5px;display:grid;place-items:center;font-family:var(--serif);font-size:30px;background:radial-gradient(ellipse,#faf6eed9,transparent 75%)}.explorer-tools button:disabled{opacity:.32;cursor:default}.explorer-tools svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.explorer-tools span{font-size:10px;letter-spacing:.06em;min-width:32px;text-align:center}.location-caption{position:absolute;left:50%;top:32px;transform:translateX(-50%);z-index:24;font-family:var(--serif);font-style:italic;font-size:19px;white-space:nowrap;margin:0;text-shadow:0 1px 10px #faf6ee,0 1px 4px #faf6ee;pointer-events:none}.journey-nav{position:absolute;bottom:69px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:14px;padding:10px 18px 20px;background:radial-gradient(ellipse,#faf6eeeb,transparent 72%);cursor:default}.journey-nav>button{width:42px;height:42px;font-size:24px;color:var(--red)}.journey-stops{display:flex;align-items:center;gap:16px}.journey-stop{position:relative;width:34px;height:42px;padding:0;font-family:var(--serif);font-size:27px;color:#9b8664;transition:transform .3s,color .3s}.journey-stop:before{content:'';position:absolute;left:100%;top:50%;width:16px;height:1px;background:#b79b6a55}.journey-stop:last-child:before{display:none}.journey-stop i{position:absolute;bottom:-3px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:transparent}.journey-stop.current{color:var(--red);transform:translateY(-4px)}.journey-stop.visited i{background:#6e846a}.journey-stop:hover{color:var(--red);transform:translateY(-4px)}#journey-count{position:absolute;top:67px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--soft);white-space:nowrap}.wander-hint{position:absolute;right:4.2%;bottom:128px;z-index:5;font:italic 15px var(--serif);color:#525e4e;pointer-events:none;text-shadow:0 1px 10px var(--paper)}.wander-hint span{margin:0 6px}footer{cursor:default;z-index:26}footer .invitation{font-size:13px;opacity:.9}.dragging,.dragging *{cursor:grabbing!important}.dragging .hotspot{pointer-events:none}.reveal{position:absolute;inset:0;z-index:10;overflow:hidden;background:none;pointer-events:none;animation:none}.reveal:before{content:'';position:absolute;inset:0 35% 0 0;background:linear-gradient(90deg,#faf6eefc 0%,#faf6eef2 62%,#faf6eea6 82%,transparent);pointer-events:none;animation:ink-in 1.1s both}.reveal[data-side=right]:before{inset:0 0 0 35%;background:linear-gradient(270deg,#faf6eefc,#faf6eef2 62%,#faf6eea6 82%,transparent)}.chapter{position:absolute;left:7%;top:142px;width:min(450px,37vw);max-height:calc(100% - 285px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b49b73 transparent;margin:0;padding:0 14px 25px 0;text-align:left;pointer-events:auto;animation:chapter-arrive .9s both;overscroll-behavior:contain;touch-action:pan-y}.reveal[data-side=right] .chapter{left:auto;right:7%}.chapter h2{font-size:53px;line-height:1.03;margin:19px 0}.chapter .eyebrow{font-size:8px;letter-spacing:.18em}.chapter .lead{font-size:27px}.chapter p{font-size:15px;line-height:1.8}.chapter .section-intro{font:20px/1.4 var(--serif)}.scroll-paper{padding:0;background:none;box-shadow:none}.scroll-paper:before,.scroll-paper:after{display:none}.chapter .chapter-ornament{font-size:26px;margin:16px 0}.scroll .chapter-ornament,.contact-chapter .chapter-ornament{display:none}.scroll .scroll-signature{font-size:27px}.return{position:absolute;top:94px;left:7%;pointer-events:auto;z-index:12;font-size:11px;padding:10px 0}.works-list{margin-top:24px}.works-list details{padding:14px 0}.works-list summary{gap:13px}.works-list h3{font-size:27px}.work-number{width:22px;font-size:22px}.works-list small{font-size:8px}.work-detail{padding:0 8px 0 35px;font-size:14px}.chapter .endnote{font:italic 14px/1.5 var(--serif)}.artifacts{gap:8px;flex-wrap:wrap;margin:22px 0}.artifact{width:46%;text-align:center}.artifact svg{width:80px;height:95px}.artifact h3{font-size:21px}.artifact p{font-size:11px;line-height:1.3}#skill-description{margin:20px 0 0;min-height:130px}#skill-description h3{font-size:26px}#skill-description p{font-size:14px;line-height:1.7}.contact-links{align-items:flex-start;margin:26px 0 30px;gap:18px}.contact-links a{font-size:26px}.mountain-invitation{font-family:var(--serif);font-style:italic;color:var(--red)}#explore-mountains{font:italic 23px var(--serif);padding:12px 0;color:var(--red)}#explore-mountains span{margin-left:12px}.mountain-active .wander-hint{color:#4d604e}.chapter:focus{outline:none}
@keyframes blossom-breathe{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}@keyframes beacon-breath{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}@keyframes chapter-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px) and (min-width:701px){.chapter{left:5%;width:43vw}.reveal[data-side=right] .chapter{right:5%}.chapter h2{font-size:44px}.return{left:5%}.location-caption{font-size:16px}.wander-hint{bottom:160px;font-size:13px}.introduction{left:8%}.begin-journey{font-size:21px}}
@media(max-width:700px){#garden{height:100svh;min-height:600px}.world{width:calc(100svh * 1.5);height:100%;right:auto}.world .landscape,.world .world-effects,.world .scene-objects{inset:0;width:100%;height:100%;aspect-ratio:auto}.world .lantern{width:75px;height:220px;right:27%}.world .ripples{top:89%;bottom:auto}.world .lotus{left:38.3%;top:83.2%;width:9.5%;height:8.5%}.world .purse{left:59%;top:65%;width:10%;height:14%}.beacon{width:48px;height:48px}.lotus .beacon{width:38px;height:38px}.introduction{top:15%;left:8%;width:84%;background:radial-gradient(ellipse at 30% 35%,#faf6eeaa,transparent 73%)}h1{font-size:clamp(55px,11.5vw,78px)}.intro-copy{font-size:20px}.introduction .eyebrow{font-size:8px}.university{font-size:7px;max-width:270px}.begin-journey{font-size:22px;margin-top:24px}.begin-journey small{font-size:7px}.explorer-tools{right:5%;top:15px;gap:4px}.explorer-tools button{width:30px;height:38px;font-size:28px}.explorer-tools span{font-size:8px;min-width:28px}.signature{font-size:30px;gap:15px}.seal{font-size:11px}.location-caption{top:79px;font-size:16px}.journey-nav{bottom:75px;gap:7px;padding:5px 12px 20px}.journey-stops{gap:10px}.journey-stop{width:30px;font-size:25px}.journey-stop:before{width:10px}.journey-nav>button{width:32px}.journey-count{font-size:7px}#journey-count{top:60px;font-size:7px}.wander-hint{left:0;right:0;bottom:153px;text-align:center;font-size:13px}.chapter{top:43%;bottom:155px;left:8%;right:8%;width:auto;max-height:none;padding:0 8px 20px 0}.reveal[data-side=right] .chapter{left:8%;right:8%}.reveal:before,.reveal[data-side=right]:before{inset:29% 0 0;background:linear-gradient(0deg,#faf6eefd 0%,#faf6eef9 70%,#faf6eec9 86%,transparent)}.chapter h2{font-size:40px;margin:14px 0}.chapter .lead{font-size:24px}.chapter p{font-size:14px;line-height:1.7}.chapter .eyebrow{font-size:7px}.return{left:8%;top:auto;bottom:130px;font-size:10px;z-index:20}.reading .wander-hint{display:none}.chapter .section-intro{font-size:18px}.works-list h3{font-size:24px}.artifacts{margin-top:16px}.artifact svg{width:65px;height:75px}.artifact h3{font-size:19px}.artifact p{font-size:10px}.chapter #skill-description p{font-size:13px}.contact-links a{font-size:25px}.contact-chapter{padding-top:0}.mountain-world img{object-position:62% 50%}footer{padding:14px 5%;gap:6px}footer .invitation{font-size:11px;max-width:235px}.invitation em{display:none}.looking-closer footer .invitation{opacity:.45}.reading .journey-nav{bottom:51px}.reading #journey-count{top:58px}.reading .return{bottom:119px}.reading footer{padding-bottom:10px}}
@media(max-height:650px) and (min-width:701px){.chapter{top:115px;max-height:calc(100% - 220px)}.chapter h2{font-size:40px}.return{top:75px}.journey-nav{bottom:47px}.wander-hint{bottom:120px}.introduction{top:15%}h1{font-size:62px}.intro-copy{font-size:18px}.begin-journey{margin-top:17px}.begin-journey small{display:none}.location-caption{font-size:16px}}
@media(prefers-reduced-motion:reduce){.world,.mountain-world,.mountain-world img,.introduction{transition:none!important}.beacon-flower,.beacon-orbit{animation:none!important}}
.mountain-world:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 56% 43%,#faf6ee65,transparent 27%),radial-gradient(ellipse at 76% 21%,#faf6ee40,transparent 22%);animation:mountain-mist 23s ease-in-out infinite alternate}@keyframes mountain-mist{from{transform:translate(-3%,2%);opacity:.4}to{transform:translate(3%,-2%);opacity:.8}}
@media(min-width:701px){.begin-journey{margin-left:clamp(190px,22vw,320px);margin-top:16px;font-size:21px;white-space:nowrap}}
.tiger .beacon{left:35%;top:65%}.tiger .discover-name{left:35%;top:calc(65% + 32px)}.beacon{transform:translate(-50%,-50%) scale(calc(1 / var(--camera-scale,1)))}.discover-name{font-size:calc(18px / var(--camera-scale,1))}
@media(max-width:700px){.introduction{background:none}}
@media(max-height:650px) and (min-width:701px){#garden{min-height:0}}
/* A jasmine journal, a playful tiger, and a pavilion you can enter. */
.journal{left:74%;top:56%;width:20%;height:29%}.journal .beacon{left:50%;top:50%}.journal .discover-name{left:50%;top:calc(50% + 32px)}.mountain{left:60%;top:33%;width:11%;height:16%}.mountain .beacon{left:45%;top:50%}.mountain .discover-name{left:45%;top:calc(50% + 32px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.mountain-world:after{display:none}.gallery-room{position:absolute;inset:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;isolation:isolate;pointer-events:none}.gallery-room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}.gallery-wall{position:absolute;inset:0;pointer-events:none}.wall-art{position:absolute;pointer-events:auto;padding:12px 12px 16px;background:linear-gradient(90deg,#e9ddc8,#faf3e4 10%,#f2e7d4 88%,#e4d4b9);box-shadow:4px 9px 17px #59412725;text-align:center;color:#514f40;transform-origin:50% -18px;transition:filter .4s,transform .45s;cursor:pointer;isolation:isolate}.wall-art:before,.wall-art:after{content:'';position:absolute;left:-6px;right:-6px;top:-5px;height:8px;background:linear-gradient(#89704c,#b39a6c 40%,#6e5139);border-radius:2px}.wall-art:after{top:auto;bottom:-5px}.hanging-cord{position:absolute;left:28%;right:28%;top:-25px;height:24px;clip-path:polygon(50% 0,100% 100%,96% 100%,50% 5%,4% 100%,0 100%);background:#8c754b;pointer-events:none}.wall-art svg{width:100%;height:60%;display:block;transition:transform .4s}.wall-art small{display:block;font:7px var(--sans);letter-spacing:.15em;color:#967950}.wall-art h3{font:500 clamp(11px,1.32vw,20px)/1.1 var(--serif);margin:9px 0 0}.art-open{position:absolute;bottom:10px;right:12px;font-size:15px;color:var(--red);opacity:.6}.wall-art:hover,.wall-art:focus-visible{transform:rotate(-1.2deg) translateY(-3px);filter:drop-shadow(0 0 12px #d9be7766);color:var(--red)}.wall-art:nth-child(2):hover{transform:rotate(1.1deg) translateY(-3px)}.wall-art:hover svg{transform:translateY(-3px)}.gallery-door{position:absolute;left:86%;top:45%;width:12%;height:34%;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f5ebcf;text-shadow:0 1px 7px #654b32}.gallery-door>span{font:40px var(--serif)}.gallery-door em{font:italic 18px var(--serif)}.gallery-door:hover{color:#ffe8ac}.gallery-welcome{position:absolute;top:100px;left:50%;transform:translateX(-50%);z-index:15;text-align:center;color:#4d4b39;pointer-events:none;background:radial-gradient(ellipse,#faf6eec2,transparent 73%);min-width:420px}.gallery-welcome .eyebrow{font-size:9px;margin-bottom:5px}.gallery-welcome>p:not(.eyebrow){font:italic 22px var(--serif);margin:7px 0}.gallery-quicknav{display:flex;justify-content:center;gap:25px;margin-top:12px}.gallery-quicknav button{pointer-events:auto;font:italic 20px var(--serif);padding:10px;min-width:44px;min-height:44px}.gallery-welcome #leave-house{pointer-events:auto;font-size:11px;letter-spacing:.04em;margin-top:3px;padding:12px}.mountain-active .wander-hint{display:none}.gallery-detail-open .gallery-door{opacity:.3}#gallery-reading{position:absolute;inset:0;z-index:16;pointer-events:none}#gallery-reading:before{content:'';position:absolute;inset:0 32% 0 0;background:linear-gradient(90deg,#faf6eefc,#faf6eef2 65%,transparent)}#back-to-wall{position:absolute;left:7%;top:95px;padding:12px 0;font-size:12px;pointer-events:auto}#gallery-piece-content{position:absolute;left:7%;top:155px;width:38%;max-width:520px;max-height:calc(100% - 295px);overflow:auto;scrollbar-width:thin;padding:0 15px 20px 0;pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain;animation:chapter-arrive .6s both}#gallery-piece-content h2{font:400 48px/1.05 var(--serif);margin:17px 0;color:var(--red)}#gallery-piece-content .eyebrow{font-size:8px}#gallery-piece-content p{font-size:15px;line-height:1.8;color:var(--soft)}#gallery-piece-content b{font-weight:500;color:var(--red);margin-right:8px}#gallery-piece-content .gallery-category{font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin:20px 0 27px;color:#8b7652}#gallery-piece-content .gallery-note{font:italic 15px/1.5 var(--serif);color:#8f7851;margin-top:27px}
@media(max-width:700px){.gallery-room{width:calc(100svh * 1.5);height:100%;right:auto}.gallery-room>img{object-fit:fill}.wall-art{padding:12px 10px}.wall-art h3{font-size:19px}.wall-art small{font-size:7px}.gallery-welcome{top:110px;min-width:0;width:90%}.gallery-welcome .eyebrow{font-size:7px}.gallery-welcome>p:not(.eyebrow){font-size:18px;line-height:1.3}.gallery-quicknav{gap:25px;margin-top:8px}.gallery-welcome #leave-house{margin-top:0}.gallery-door em{font-size:20px}.gallery-detail-open .journey-nav{bottom:51px}#gallery-reading:before{inset:30% 0 0;background:linear-gradient(0deg,#faf6eefd,#faf6eef9 70%,transparent)}#gallery-piece-content{top:43%;left:8%;width:84%;bottom:155px;max-height:none;padding-right:8px}#gallery-piece-content h2{font-size:35px}#gallery-piece-content p{font-size:14px;line-height:1.75}#gallery-piece-content .gallery-category{font-size:8px;margin:17px 0}#back-to-wall{left:8%;top:auto;bottom:120px;font-size:10px}}
@media(max-height:650px) and (min-width:701px){.gallery-welcome{top:68px}.gallery-welcome>p:not(.eyebrow){font-size:18px}.gallery-welcome .eyebrow{display:none}.gallery-quicknav{margin:0}.gallery-welcome #leave-house{margin-top:0;padding:5px}.wall-art h3{font-size:12px}.wall-art small{font-size:6px}.wall-art{padding-top:7px}#gallery-piece-content{top:112px;max-height:calc(100% - 220px)}#gallery-piece-content h2{font-size:36px}#back-to-wall{top:74px}}
.mountain-active header .signature,.mountain-active .location-caption,.mountain-active .explorer-tools{color:#faf0d8;text-shadow:0 1px 5px #4d3321}.mountain-active .explorer-tools button{background:none}.gallery-welcome{background:none;color:#faf0d8;text-shadow:0 1px 5px #513720}.gallery-welcome .eyebrow{color:#f2dfb9}.gallery-welcome button{color:inherit}.gallery-welcome button:hover{color:#fff6df;text-shadow:0 0 9px #edc874}
#leave-house{position:absolute;left:4.2%;top:97px;padding:12px 0;z-index:17;pointer-events:auto;font-size:12px;display:none;color:#faf0d8;text-shadow:0 1px 5px #513720}.mountain-active #leave-house{display:block}.gallery-detail-open #leave-house{display:none}.gallery-detail-open header .signature,.gallery-detail-open .location-caption,.gallery-detail-open .explorer-tools{color:#514f40;text-shadow:0 1px 6px #faf6ee}.mountain-active .journey-stop{color:#725c3c}.mountain-active .journey-stop.current{color:var(--red)}
@media(max-width:700px){#leave-house{top:69%;left:6%;color:#514f40;text-shadow:0 1px 6px #faf6ee;font-size:12px}.gallery-welcome{top:110px}}
#leave-house,#back-to-wall,#close{min-height:44px}.explorer-tools button{min-height:44px;min-width:40px}
/* Quiet discovery arrows sit beside the illustration, leaving it uncovered. */
.discovery-arrow{position:absolute;left:100%;top:25%;width:34px;height:28px;pointer-events:none;transform:scale(calc(1 / var(--camera-scale,1)));transform-origin:0 50%;filter:drop-shadow(0 1px 3px #faf6ee);opacity:.82;animation:arrow-breathe 4s ease-in-out infinite}.discovery-arrow svg{width:100%;height:100%;fill:none;stroke:#925b3f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tiger .discovery-arrow{left:78%;top:11%}.tiger .discovery-arrow svg,.lotus .discovery-arrow svg,.mountain .discovery-arrow svg{transform:scaleX(-1)}.lotus .discovery-arrow{left:115%;top:10%}.mountain .discovery-arrow{left:105%;top:17%}.purse .discovery-arrow{left:104%;top:25%}.swan .discovery-arrow{left:-25px;top:22%}.reading .discovery-arrow{opacity:.3}.discover-name{display:none!important}.invitation em{opacity:.75}.swan{left:69%;top:71%;width:15%;height:14%;animation:swan-swim 13s ease-in-out infinite;transform-origin:50% 85%;overflow:visible}.swan-art{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #738d7730);transition:filter .5s}.swan:hover .swan-art{filter:drop-shadow(0 0 12px #ead8a777)}.swan:after{content:'';position:absolute;left:0;top:87%;width:100%;height:65%;background:url('assets/swan.png') center/contain no-repeat;transform:scaleY(-1);opacity:.13;mask-image:linear-gradient(transparent,#000);pointer-events:none}.scene-breath{position:absolute;inset:0;transform-origin:50% 65%;animation:garden-wind 27s ease-in-out infinite alternate}.distant-birds{position:absolute;left:43%;top:23%;width:20%;height:12%;opacity:.55;animation:birds-crossing 26s ease-in-out infinite alternate}.bird-wing{transform-box:fill-box;transform-origin:center;animation:wing-beat 1.7s ease-in-out infinite alternate}.bird-wing:nth-child(2){animation-delay:-.7s}.bird-wing:nth-child(3){animation-delay:-1.2s}.water-shimmer{animation-duration:5s}.cloud-one{animation-duration:25s}.cloud-two{animation-duration:33s}.cloud-three{animation-duration:23s}.gallery-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 14%,#ffdb8536,transparent 16%),radial-gradient(ellipse at 50% 10%,#ffdb853d,transparent 20%),radial-gradient(ellipse at 85% 14%,#ffdb8536,transparent 16%);mix-blend-mode:screen;animation:lantern-light 6s ease-in-out infinite alternate}.wall-art{animation:scroll-sway 10s ease-in-out infinite alternate}.wall-art:nth-child(2){animation-delay:-4s}.wall-art:nth-child(3){animation-delay:-7s}.wall-art:nth-child(4){animation-delay:-2s}.wall-art:hover,.wall-art:focus-visible,.gallery-detail-open .wall-art{animation:none}.project-wall-icon{display:flex;align-items:center;justify-content:center;height:55%;color:#967d55}.project-wall-icon svg{width:100%;height:100%;max-width:120px;max-height:140px}.wall-art h3{font-size:clamp(10px,1.2vw,19px)}.wall-art small{font-size:7px;line-height:1.4}.launch-prototype{display:inline-flex;align-items:center;gap:18px;color:#9d534a;font:italic 24px var(--serif);padding:12px 0;margin:10px 0 16px;min-height:44px;cursor:pointer}.launch-prototype:hover{color:#633f35}.launch-prototype span{font:21px var(--sans)}#gallery-piece-content h3{font:400 27px/1.2 var(--serif);color:#825644;margin:30px 0 13px}#gallery-piece-content h4{font-size:14px;font-weight:500;color:#6c654f;margin:20px 0 8px}.project-steps{padding-left:23px}.project-steps li{padding-left:3px}.project-impact b{display:block;font:24px var(--serif)}.project-impact small{display:block;font-size:11px;margin-top:8px}.project-formula{font-family:Georgia,serif;font-size:21px!important;overflow-wrap:anywhere}.project-requirements dt{font-size:14px;color:#815745;margin-top:23px}.project-requirements dt small{margin-left:6px;color:#8c876e}.project-requirements dd{font-size:13px;line-height:1.8;color:#616956;margin:8px 0 0}.project-requirements em{font-size:12px}#prototype-view{position:fixed;inset:0;z-index:60;background:#faf6ee;display:flex;flex-direction:column;overflow:hidden}#prototype-view .prototype-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 4%;min-height:80px;z-index:1;pointer-events:auto;background:#faf6ee}#prototype-view h2{font:25px/1.2 var(--serif);margin:0;text-align:center}#prototype-view button,#prototype-view a{pointer-events:auto;font-size:12px;padding:12px 0;min-height:44px;cursor:pointer}#prototype-frame{display:block;flex:1;width:100%;border:0;background:#faf6ee;min-height:0}#prototype-tab{white-space:nowrap}@keyframes arrow-breathe{0%,100%{opacity:.55}50%{opacity:.95}}@keyframes swan-swim{0%,100%{transform:translate(-16px,1px) rotate(-1deg)}50%{transform:translate(16px,-5px) rotate(1.5deg)}}@keyframes garden-wind{from{transform:scale(1.01) translate(0,0)}to{transform:scale(1.022) translate(-.4%,.15%)}}@keyframes birds-crossing{from{transform:translate(-55px,18px)}to{transform:translate(110px,-28px)}}@keyframes wing-beat{from{transform:scaleY(.65)}to{transform:scaleY(1.1)}}@keyframes lantern-light{from{opacity:.35}to{opacity:.9}}@keyframes scroll-sway{from{transform:rotate(-.45deg)}to{transform:rotate(.45deg)}}
@media(max-width:700px){.wall-art h3{font-size:17px}.wall-art small{font-size:7px}.discovery-arrow{width:28px;height:24px}.swan{width:15%;height:14%}.launch-prototype{font-size:22px}.project-wall-icon svg{max-width:105px}.project-wall-icon{height:55%}#prototype-view .prototype-header{padding:10px 5%;gap:10px;min-height:92px;flex-wrap:wrap}#prototype-view h2{font-size:18px;order:3;width:100%;margin-top:-9px;margin-bottom:6px}#prototype-view button,#prototype-view a{font-size:11px}#gallery-piece-content h3{font-size:24px}.distant-birds{opacity:.4}}
.swan{left:76%;top:70.5%;width:13.5%;height:13%}
/* Live demos unfold directly inside the selected case study. */
.prototype-inline-open #gallery-reading:before{inset:0;background:#faf6eef5}.prototype-inline-open #gallery-piece-content{left:7%;width:86%;max-width:none;top:135px;max-height:calc(100% - 270px)}.inline-prototype{margin:18px 0 35px;padding:0;scroll-margin-top:0}.inline-prototype>.collapse-prototype{font-size:12px;padding:12px 0;min-height:44px;color:#9d534a}.inline-prototype>h3{font-size:27px!important;margin:8px 0 18px!important}.inline-prototype-frame{display:block;width:100%;height:calc(100svh - 310px);min-height:430px;border:0;background:#faf6ee}.project-wall-icon[data-brand=instagram]{color:#a8557a}.project-wall-icon[data-brand=ubereats]{color:#06a65d}.project-wall-icon[data-brand=googledocs]{color:#4285f4}.project-wall-icon svg{max-width:100px;max-height:110px;width:76%;height:auto;aspect-ratio:auto}.project-wall-icon[data-brand=capitalone] svg{width:100%;max-width:142px;max-height:85px}.prototype-inline-open .gallery-door{opacity:.1}
@media(max-width:700px){.prototype-inline-open #gallery-piece-content{left:6%;width:88%;top:120px;bottom:150px;max-height:none}.inline-prototype-frame{height:calc(100svh - 300px);min-height:350px}.inline-prototype>.collapse-prototype{font-size:11px}.project-wall-icon svg{width:70%;max-width:95px}.project-wall-icon[data-brand=capitalone] svg{width:100%;max-width:130px}}
.tiger-question{margin:32px 0 20px}.tiger-question>span{font-size:9px;letter-spacing:.18em;color:#8c7754}.tiger-question h3{font:italic 31px/1.2 var(--serif);color:var(--red);margin:13px 0 20px}.tiger-chapter>button{display:block;min-height:44px;padding:10px 0;text-align:left;color:var(--red);font:italic 22px var(--serif)}.tiger-chapter>button span{margin-left:12px}.tiger-chapter #next-question{font:12px var(--sans);color:var(--soft);margin-bottom:15px}.contact-links a[href^="mailto:"]{overflow-wrap:anywhere;max-width:100%}@media(max-width:700px){.tiger-question{margin-top:23px}.tiger-question h3{font-size:27px}.contact-links a[href^="mailto:"]{font-size:22px}}
@media(min-width:701px){footer{display:grid;grid-template-columns:1fr auto 1fr}footer .invitation{grid-column:2}footer #motion{grid-column:3;justify-self:end}}
.reveal[data-chapter=tiger]:before{inset:0;background:#faf6eeed}.reveal[data-chapter=tiger] #tiger{left:9%;right:9%;width:82%;max-width:none;text-align:center;top:135px;max-height:calc(100% - 285px);padding-right:10px}.reveal[data-chapter=tiger] #tiger h2{font-size:clamp(50px,5.5vw,85px);margin:15px 0 22px}.reveal[data-chapter=tiger] #tiger .section-intro{font-size:clamp(21px,2vw,30px)}.tiger-endeavors{margin-top:42px;text-align:left}.tiger-endeavors details{padding:22px 0}.tiger-endeavors summary{gap:25px}.tiger-endeavors h3{font-size:clamp(27px,2.75vw,43px)}.tiger-endeavors small{font-size:10px;letter-spacing:.18em}.tiger-endeavors .work-number{width:35px;font-size:31px}.tiger-endeavors .work-arrow{font-size:32px}.tiger-endeavors .work-detail{padding-left:60px;max-width:850px}.reveal[data-chapter=tiger] #tiger .endnote{font-size:19px;margin:35px 0 0}
@media(max-width:700px){.reveal[data-chapter=tiger] #tiger{left:8%;right:8%;width:84%;top:125px;bottom:155px;max-height:none}.reveal[data-chapter=tiger] #tiger h2{font-size:43px;line-height:1.05}.reveal[data-chapter=tiger] #tiger .section-intro{font-size:20px}.tiger-endeavors{margin-top:28px}.tiger-endeavors details{padding:20px 0}.tiger-endeavors summary{gap:12px}.tiger-endeavors h3{font-size:27px}.tiger-endeavors small{font-size:8px;letter-spacing:.12em}.tiger-endeavors .work-number{width:25px;font-size:25px}.tiger-endeavors .work-arrow{font-size:22px}.tiger-endeavors .work-detail{padding-left:37px}.reveal[data-chapter=tiger] #tiger .endnote{font-size:16px;line-height:1.5;margin-top:26px}}