:root{--ground-pale: #fef5ec;--ground: #fbe6d2;--ground-deep: #f3d3b4;--ground-shade: #e5bb90;--bone: #f4eee1;--ink: #232a4a;--ink-soft: #5b6488;--accent: #d4622c;--accent-deep: #b04a1f;--gild: #c9a227;--cool: #2f6b6b;--plush: #dd8e96;--shadow: rgba(35, 42, 74, .22);--hairline: rgba(35, 42, 74, .16);--font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, "Padauk", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Padauk", sans-serif;--step--1: .75rem;--step-0: 1rem;--step-1: 1.333rem;--step-2: 1.777rem;--step-3: 2.369rem;--step-4: clamp(3rem, 9vw, 6.5rem);--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2.5rem;--sp-5: 4rem;--floor-y: .8;--safe-top: env(safe-area-inset-top, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--ease-out: cubic-bezier(.22, 1, .36, 1)}@media(max-width:640px){:root{--floor-y: .86}}@media(max-height:520px){:root{--floor-y: .76}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overscroll-behavior:none}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}[lang=my][lang],[lang=shn][lang],.script-my.script-my{letter-spacing:normal;text-transform:none;line-height:1.9;white-space:normal}.noscript-nav{padding:var(--sp-5);font-family:var(--font-display);max-height:100%;overflow:auto}.noscript-nav h1{font-size:var(--step-4);font-weight:300;margin:0 0 var(--sp-3)}.noscript-nav ul{list-style:none;padding:0;font-size:var(--step-2);line-height:2}.noscript-nav a{color:var(--ink)}.stage{position:fixed;inset:0;overflow:hidden;will-change:transform}.stage__sky{position:absolute;inset:0 0 calc((1 - var(--floor-y)) * 100%) 0;background:linear-gradient(180deg,var(--ground-pale) 0%,var(--ground) 62%,var(--ground-deep) 100%)}.stage__floor{position:absolute;inset:calc(var(--floor-y) * 100%) 0 0 0;background:linear-gradient(180deg,var(--ground-deep) 0%,var(--ground-shade) 100%);border-top:1px solid var(--hairline)}.grain{position:absolute;z-index:7;inset:0;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:absolute;z-index:6;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 46%,rgba(35,42,74,.11) 100%)}.signature{position:absolute;z-index:4;left:0;right:0;top:calc(var(--floor-y) * 100% + 1.5rem);margin:0;padding:0 4vw;text-align:center;font-size:var(--step-1);color:var(--ink-soft);opacity:.8;pointer-events:none}.scene,.purse-layer,.stage__sky,.stage__floor{pointer-events:none}.scene{position:absolute;inset:0;z-index:1}.purse-layer{position:absolute;inset:0}.item{position:absolute;top:0;left:0;transform-origin:50% 50%;will-change:transform;display:block;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.item svg{display:block;width:100%;height:100%;overflow:visible}.item--link{cursor:pointer;outline:none}.item--link svg{transition:filter .28s var(--ease-out)}.item--link.is-hot svg{filter:drop-shadow(0 6px 14px rgba(35,42,74,.3))}.item--link:focus-visible svg{filter:drop-shadow(0 0 0 3px var(--gild)) drop-shadow(0 0 9px var(--gild))}.item--dragging{cursor:grabbing}.shadow{position:absolute;top:0;left:0;border-radius:50%;background:radial-gradient(ellipse,var(--shadow) 0%,transparent 72%);transform-origin:50% 50%;pointer-events:none;will-change:transform,opacity}.leaders{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}.leaders line,.leaders circle{stroke:var(--ink);opacity:.4}.placard{position:absolute;z-index:3;top:0;left:0;transform-origin:0 50%;white-space:nowrap;font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:pointer;opacity:0;padding:4px 2px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.placard.is-hot{color:var(--accent-deep);border-bottom-color:var(--accent-deep)}.title{position:absolute;z-index:4;left:0;right:0;top:12%;padding:0 4vw;margin:0;font-family:var(--font-display);font-weight:300;font-size:var(--step-4);line-height:1;letter-spacing:-.02em;text-align:center;pointer-events:none;opacity:0;text-wrap:balance}.title__mark{display:block;font-family:var(--font-body);font-size:.13em;letter-spacing:.42em;text-transform:uppercase;opacity:.5;margin-top:1.4em;padding-left:.42em}.fx{position:absolute;z-index:5;inset:0;pointer-events:none}.puff{position:absolute;border-radius:50%;background:#232a4a24;will-change:transform,opacity}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gild);will-change:transform,opacity}.panel{position:fixed;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--ground);padding:clamp(5rem,12vh,9rem) clamp(1.5rem,8vw,7rem) var(--sp-5);padding-left:max(clamp(1.5rem,8vw,7rem),env(safe-area-inset-left));padding-right:max(clamp(1.5rem,8vw,7rem),env(safe-area-inset-right));padding-bottom:max(var(--sp-5),env(safe-area-inset-bottom));opacity:0;visibility:hidden;z-index:20}.panel.is-open{visibility:visible}.panel__inner{max-width:62rem;margin:0 auto}.panel h2{font-family:var(--font-display);font-weight:300;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 var(--sp-2)}.panel .byline{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 var(--sp-2)}.panel .lede{font-size:var(--step-1);line-height:1.55;max-width:46ch;color:var(--ink-soft);margin:0 0 var(--sp-5)}.panel p{line-height:1.7;max-width:62ch}.rule{border:0;border-top:1px solid var(--hairline);margin:var(--sp-4) 0}.work-list{list-style:none;padding:0;margin:0}.work-list li{padding:var(--sp-3) 0;border-top:1px solid var(--hairline)}.work-list li:last-child{border-bottom:1px solid var(--hairline)}.work-photos{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.work-photo{display:block;height:220px;width:auto;max-width:100%;border-radius:2px;border:1px solid var(--hairline);background:var(--ground-deep)}.portrait{display:block;width:100%;max-width:30rem;height:auto;margin:var(--sp-3) 0 var(--sp-4);border-radius:2px;border:1px solid var(--hairline);background:var(--ground-deep)}.work-group{font-family:var(--font-body);font-size:var(--step--1);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:var(--sp-4) 0 var(--sp-1)}.work-list h3,.work-list h4{font-family:var(--font-display);font-weight:400;font-size:var(--step-2);margin:0 0 .3em}.work-list p{margin:0;color:var(--ink-soft);font-size:var(--step--1);line-height:1.6}.link-list{list-style:none;padding:0;margin:0;display:grid;gap:1px}.link-list a{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3) 0;border-top:1px solid var(--hairline);color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:var(--step-2);transition:padding-left .35s var(--ease-out),color .25s}.link-list li:last-child a{border-bottom:1px solid var(--hairline)}.link-list a:hover,.link-list a:focus-visible{padding-left:var(--sp-2);color:var(--accent-deep)}.link-list .handle{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.12em;opacity:.55;min-width:0;overflow-wrap:anywhere;text-align:right}.video-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3)}.video-list a{display:grid;grid-template-columns:180px 1fr;gap:var(--sp-2);align-items:start;color:var(--ink);text-decoration:none}.video-thumb{position:relative;display:block}.video-thumb img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:2px;border:1px solid var(--hairline);background:var(--ground-deep)}.video-play{position:absolute;inset:0;pointer-events:none}.video-play:before,.video-play:after{content:"";position:absolute;top:50%;left:50%;transition:transform .25s var(--ease-out)}.video-play:before{width:46px;height:46px;border-radius:50%;background:#232a4a9e;transform:translate(-50%,-50%)}.video-play:after{width:0;height:0;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent var(--ground);transform:translate(-40%,-50%)}.video-list a:hover .video-play:before,.video-list a:focus-visible .video-play:before{transform:translate(-50%,-50%) scale(1.12)}.video-list a:hover .video-play:after,.video-list a:focus-visible .video-play:after{transform:translate(-40%,-50%) scale(1.12)}.video-title{display:block;font-family:var(--font-display);font-size:var(--step-1);line-height:1.2}.video-note{display:block;margin-top:var(--sp-1);font-size:var(--step--1);color:var(--ink-soft)}@media(max-width:560px){.video-list a{grid-template-columns:1fr}.video-thumb{max-width:320px}}.timeline{list-style:none;padding:0;margin:0}.languages__title{font-family:var(--font-body);font-size:var(--step--1);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:var(--sp-4) 0 var(--sp-1)}.languages{list-style:none;padding:0;margin:0;max-width:32rem}.languages li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2);padding:var(--sp-1) 0;border-top:1px solid var(--hairline)}.languages li:last-child{border-bottom:1px solid var(--hairline)}.languages__name{font-family:var(--font-display);font-size:var(--step-1)}.languages__level{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);opacity:.75}.timeline li{display:grid;grid-template-columns:9rem 1fr;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px solid var(--hairline)}.timeline .when{font-size:var(--step--1);letter-spacing:.12em;opacity:.55;padding-top:.35em}.timeline h3{font-family:var(--font-display);font-weight:400;font-size:var(--step-1);margin:0 0 .25em}.timeline p{margin:0;color:var(--ink-soft);font-size:var(--step--1);line-height:1.6}.btn{display:inline-block;margin-top:var(--sp-3);padding:.85em 1.9em;border:1px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s}.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--ground)}.rail{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) clamp(1.5rem,8vw,7rem);padding-top:max(var(--sp-2),env(safe-area-inset-top));padding-left:max(clamp(1.5rem,8vw,7rem),env(safe-area-inset-left));padding-right:max(clamp(1.5rem,8vw,7rem),env(safe-area-inset-right));opacity:0;visibility:hidden;background:linear-gradient(180deg,var(--ground) 60%,transparent)}.rail.is-open{visibility:visible}.rail__home{appearance:none;background:none;border:0;padding:0;cursor:pointer;font:inherit;flex:none;opacity:.85}.rail__spacer{flex:1}.rail__marks{display:flex;gap:var(--sp-2);align-items:flex-start;flex:none}.rail__mark{min-width:44px;display:grid;justify-items:center;gap:2px;opacity:.8;text-decoration:none;color:var(--ink);transition:opacity .25s,transform .25s var(--ease-out)}.rail__icon{display:grid;place-items:center;width:34px;height:34px}.rail__mark svg{max-width:100%;max-height:100%;width:auto;height:auto}.rail__label{font-family:var(--font-body);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap}.rail__mark:hover,.rail__mark:focus-visible{opacity:1;transform:translateY(-2px)}.rail__mark[aria-current=page]{opacity:1}@media(pointer:coarse){.item--link:after{content:"";position:absolute;inset:-14px}.grain{display:none}.item--link svg{transition:none}}@media(max-width:640px){.title{top:8%}.rail{gap:0;padding-inline:.75rem}.rail__marks{gap:0}.rail__mark{min-width:44px}.rail__icon{width:26px;height:26px}.rail__label{font-size:.5rem;letter-spacing:.04em}.placard{font-size:.62rem;letter-spacing:.12em;padding:10px 2px}.timeline li{grid-template-columns:1fr;gap:var(--sp-1)}}@media(max-height:520px){.title{top:4%;font-size:clamp(1.75rem,5.4vh,3rem)}.title__mark{margin-top:.9em;font-size:.16em;letter-spacing:.3em}.rail{padding-block:.35rem}.panel{padding-top:4.5rem}}@media(prefers-reduced-motion:reduce){.rail__mark,.rail__home,.link-list a,.item,.shadow,.placard,.title{transition:none!important}}@media(forced-colors:active){.item--link:focus-visible,.rail__mark:focus-visible,.rail__home:focus-visible,.link-list a:focus-visible,.btn:focus-visible{outline:3px solid Highlight;outline-offset:2px}}