@font-face{font-family:'PP Editorial New';src:url('assets/fonts/PPEditorialNew-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('assets/fonts/PPNeueMontreal-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--cream:#f1ead6;--gold:#dcc492;--muted:#b9ccca;--teal:#082e3c;--serif:'PP Editorial New',Georgia,serif;--sans:'PP Neue Montreal',Arial,sans-serif}
*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#b5c5b357 #082e3c;scroll-behavior:auto}body{margin:0;background:var(--teal);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#d9c798;color:#082e3c}figure{margin:0}em{font-weight:400}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--cream);color:var(--teal);padding:14px}.skip-link:focus{top:15px}.eyebrow{font-size:8px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);line-height:1.8;margin:0 0 17px}
.portfolio-night{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:clip;background:#082e3c}.night-garden{position:absolute;inset:-2%;background:url('assets/journey-garden.webp') center bottom/cover no-repeat;opacity:.38}.night-tint{position:absolute;inset:0;background:linear-gradient(180deg,#062b3d78 0%,#082f3c50 42%,#082e3c77)}.night-stars{position:absolute;inset:0;width:100%;height:100%}.paper-grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.portfolio-header{height:82px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 34px;border-bottom:1px solid #c7d4bb16;background:#082c3bdd;backdrop-filter:blur(18px)}.garden-link{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap;color:#d8dfce}.garden-link>span:first-child{font-size:23px;line-height:1}.garden-link:hover{color:var(--gold)}.portfolio-nav{display:flex;align-items:center;gap:28px;height:100%}.portfolio-nav>a{font-size:10px;color:#c4d2cb9e;position:relative;white-space:nowrap;line-height:82px;transition:color .2s}.portfolio-nav>a:hover,.portfolio-nav>a[aria-current=page]{color:#f2e3b9}.portfolio-nav>a[aria-current=page]::after{content:'';position:absolute;height:1px;background:#e1cc9b;bottom:19px;left:0;right:0;box-shadow:0 0 12px #efdaa560}.ambient-toggle{flex-shrink:0;border:1px solid #c1d0ba38;border-radius:50%;height:27px;width:27px;font-size:9px;background:none;padding:0;display:grid;place-items:center;color:#d0d9c9}.ambient-toggle:hover{border-color:var(--gold)}.menu-toggle{display:none}.phone-hint{display:none}
.journey-main{position:relative}.journey-window{position:sticky;top:0;height:100svh;height:100dvh;overflow:clip}.journey-intro{position:absolute;top:112px;left:5%;right:5%;text-align:center}.journey-intro .eyebrow{margin-bottom:10px;font-size:7px;letter-spacing:2.7px}.journey-intro h1{font:400 clamp(38px,4.2vw,69px)/1.1 var(--serif);letter-spacing:-1px;margin:0 0 16px}.journey-intro h1 em{color:#e6d7b5}.journey-opening{max-width:680px;font-size:10px;line-height:1.9;color:#c7d5c9b3;margin:0 auto;text-wrap:pretty}.gallery-viewport{position:absolute;top:270px;bottom:100px;left:0;right:0;overflow:clip;touch-action:pan-y;cursor:grab}.gallery-viewport.dragging{cursor:grabbing}.timeline-track{position:relative;display:flex;width:max-content;height:100%;gap:72px;padding:8px max(7vw,45px) 12px;will-change:transform;align-items:flex-start}.milestone{position:relative;flex:0 0 330px;width:330px;height:345px;scroll-margin-top:100px}.milestone:nth-child(even){align-self:flex-end}.milestone-link{display:block;position:relative;height:100%;user-select:none;-webkit-user-drag:none}.memory-collage{position:absolute;top:0;left:0;width:100%;height:239px;transform:perspective(850px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-style:preserve-3d;transition:transform .3s}.memory-print{position:absolute;background:#dadccc;border:3px solid #d7ddcf;box-shadow:0 9px 16px #001e2d40;overflow:hidden;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .6s,box-shadow .6s}.memory-print img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;-webkit-user-drag:none}.memory-print figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 7px 5px;background:linear-gradient(transparent,#052b3fba);font-size:6px;color:#fff4dc;letter-spacing:.2px;opacity:0;transition:opacity .4s}.print-1{width:205px;height:140px;left:2px;top:7px;transform:rotate(-4deg);filter:grayscale(1) brightness(.8)}.print-2{width:174px;height:132px;left:112px;top:38px;transform:rotate(3deg);filter:grayscale(.85) brightness(.85)}.print-3{width:140px;height:175px;left:183px;top:69px;transform:rotate(-1deg);border-color:#f3eddb;z-index:2}.print-3 img{object-position:center}.milestone:hover .print-1,.milestone:focus-within .print-1{transform:translate(-9px,-7px) rotate(-7deg);filter:grayscale(.25)}.milestone:hover .print-2,.milestone:focus-within .print-2{transform:translate(8px,-5px) rotate(7deg);filter:grayscale(.25)}.milestone:hover .print-3,.milestone:focus-within .print-3{transform:translate(4px,3px) rotate(0deg);box-shadow:0 15px 25px #00162360}.milestone:hover figcaption,.milestone:focus-within figcaption{opacity:1}.milestone-date{position:absolute;top:175px;left:0;width:178px;border-bottom:1px solid #c6d2b067;display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.milestone-date>span{font:400 51px/1.05 var(--serif);letter-spacing:-1.6px}.milestone-date>i{font:400 17px var(--sans);color:#d8c28c;opacity:0;transform:translate(-6px,0);transition:opacity .3s,transform .3s}.milestone:hover .milestone-date>i,.milestone:focus-within .milestone-date>i{opacity:1;transform:none}.milestone[data-index="7"] .milestone-date>span{font-size:31px;line-height:1.8;letter-spacing:-.7px}.milestone-text{position:absolute;top:258px;left:0;right:0}.milestone-kind{font-size:6px;letter-spacing:1.7px;text-transform:uppercase;color:#cebd92;margin:0 0 7px}.milestone-text h2{font:400 22px/1.1 var(--serif);letter-spacing:-.2px;margin:0 0 7px;max-width:300px;text-wrap:balance}.milestone-place{font-size:9px;color:#b7cdc9b3;margin:0;line-height:1.7}.milestone-intro{font-size:10px;line-height:1.7;color:#c4d4c7b8;max-width:305px;margin:12px 0 0;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s}.milestone:hover .milestone-intro,.milestone:focus-within .milestone-intro{opacity:1;transform:none}.note-print{color:#254f50;display:flex;flex-direction:column;justify-content:center;padding:16px;background:#d1d0b8;filter:none}.note-print.print-1{background:#adc2b4}.note-print.print-2{background:#d1cbb1}.note-print.print-3{background:#ece4cc;justify-content:space-between;padding:18px 12px}.note-kicker{font-size:6px;letter-spacing:1px;line-height:1.6;text-transform:uppercase;position:relative;z-index:1}.note-title{font:400 25px/1.05 var(--serif);letter-spacing:-.3px;margin:8px 0;position:relative;z-index:1;text-wrap:balance}.print-3 .note-title{font-size:23px}.note-end{font-size:6px;line-height:1.5;position:relative;z-index:1}.note-print>i{font-style:normal;position:absolute;bottom:7px;right:10px;opacity:.14;font-size:80px;color:#3e7868}.journey-controls{position:absolute;bottom:32px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}.journey-controls>*{pointer-events:auto}.wander-hint{display:flex;align-items:center;gap:9px;font-size:8px;line-height:1.5;color:#b8cab99c;margin:0}.wander-hint>span:first-child{color:#d5c294;font-size:19px;margin-right:3px}.hint-divider{margin:0 1px}.timeline-buttons{display:flex;align-items:center;gap:12px}.timeline-buttons button{width:31px;height:31px;border:1px solid #b8c8ad40;border-radius:50%;background:#153e4633;font-size:15px}.timeline-buttons button:hover:not(:disabled){border-color:var(--gold);background:#c5d1a70b}.milestone-counter{font-size:9px;color:#a9c2bc85;white-space:nowrap;letter-spacing:1px}.milestone-counter b{color:#e4d7ae;font-weight:400}.year-map{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.year-map button{position:relative;width:45px;height:42px;background:none;border:0;padding:0;display:flex;align-items:center;flex-direction:column;gap:11px}.year-map button>span{font-size:7px;color:#a6beb596;white-space:nowrap}.year-map button>i{height:4px;width:4px;background:#a7beb1;border-radius:50%;position:relative}.year-map button[aria-current=step]>span{color:#ead7a8}.year-map button[aria-current=step]>i{background:#ffe7ac;box-shadow:0 0 14px #ffdb8e}.year-map button[aria-current=step]>i:after{content:'';position:absolute;inset:-7px;border:1px solid #d6c49888;border-radius:50%}.year-map-line{position:absolute;left:22px;right:22px;top:24px;height:1px;background:#a5bca827;pointer-events:none}.year-map-line>i{position:absolute;left:0;height:1px;width:var(--progress,0%);background:#e2c997aa}.motion-paused .memory-collage{transform:none!important}.motion-paused .memory-print,.motion-paused .milestone-intro{transition:none}
.reading-page .night-garden{opacity:.16}.reading-page .night-tint{background:linear-gradient(#082e3c55,#082e3ce8 600px)}.reading-main{max-width:1120px;margin:0 auto;padding:155px 35px 0}.reading-intro{padding-bottom:54px;max-width:850px}.reading-intro h1{font:400 clamp(50px,6.8vw,93px)/1.07 var(--serif);letter-spacing:-1.9px;margin:0 0 27px;text-wrap:balance}.reading-intro h1 em{color:#e0cfaa}.reading-intro>p:last-child{font-size:13px;line-height:1.9;max-width:590px;color:#b7cbc5c4;margin:0}.chapter-index-nav{display:flex;flex-wrap:wrap;gap:13px 24px;align-items:center;border-top:1px solid #bac8af24;padding:21px 0 0;margin-bottom:76px;font-size:9px;color:#c1cec0}.chapter-index-nav>span{font-size:6px;letter-spacing:1.5px;color:#9eb7b59c;margin-right:4px}.chapter-index-nav a:hover{color:var(--gold)}.story-chapter{scroll-margin-top:118px;border-top:1px solid #b3c5ac35;padding:54px 0 65px;display:grid;grid-template-columns:230px 1fr;gap:65px}.chapter-sidebar{position:sticky;top:120px;align-self:start}.chapter-index{font:400 38px/1 var(--serif);color:#c1c8a08c;display:block;margin-bottom:28px}.chapter-dates{font-size:8px;letter-spacing:.6px;line-height:1.8;color:#c7d0be;margin:0 0 12px}.chapter-organisation{font:400 22px/1.25 var(--serif);margin:0 0 9px;max-width:210px}.chapter-location{font-size:9px;line-height:1.7;color:#a8c1bc9c;margin:0 0 30px}.back-to-journey{font-size:8px;color:#b7c4ac8c}.back-to-journey:hover{color:var(--gold)}.chapter-body>.eyebrow{font-size:7px;letter-spacing:1.5px}.chapter-body h2{font:400 clamp(35px,3.8vw,53px)/1.12 var(--serif);letter-spacing:-.7px;margin:0 0 29px;text-wrap:balance}.story-prose{max-width:620px}.story-prose p{font-size:14px;line-height:2;color:#d0d9cbd1;margin:0 0 20px;text-wrap:pretty}.story-prose p:first-child{color:#eee4ceeb}.fact-list{margin:38px 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}.fact-list>div{padding-top:17px;border-top:1px solid #bac7a92e}.fact-list dt{font-size:7px;letter-spacing:1.2px;text-transform:uppercase;line-height:1.8;color:#d9c89d;margin:0 0 8px}.fact-list dd{font-size:11px;line-height:1.9;color:#b9ccc3c4;margin:0}.topic-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:27px 0 0}.topic-tags li{font-size:8px;border:1px solid #afc0a939;padding:7px 10px;border-radius:20px;color:#b9cbbcc4}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;font-size:10px;color:#e2cfa6;border-bottom:1px solid #d5c2995c;padding:0 0 8px;line-height:1.7;transition:border-color .2s,gap .2s}.text-link>span{font-size:16px}.text-link:hover{border-color:#e4d4af;gap:35px}.chapter-body>.text-link{margin-top:30px}.film-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;scroll-margin-top:115px;border-top:1px solid #b3c5ac35;padding:65px 0}.film-poster{display:block;position:relative;border:3px solid #dcdfca;background:#092f3b;transform:rotate(-2deg);box-shadow:0 15px 32px #00172455;transition:transform .5s}.film-poster:hover{transform:none}.film-poster img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}.film-poster>span{position:absolute;bottom:17px;right:17px;background:#082e3ccf;border:1px solid #d5d4b47a;border-radius:30px;padding:10px 15px;font-size:9px;color:#f4e6c6}.film-feature h2{font:400 64px/1 var(--serif);letter-spacing:-1px;margin:0 0 17px}.film-feature p:not(.eyebrow){font-size:12px;line-height:1.9;color:#c3d1c5c2}.film-feature .film-role{font-size:9px!important;color:#ded6b4cc!important}.film-recognition{padding:16px 0;border-top:1px solid #b3c5ac2e;border-bottom:1px solid #b3c5ac2e;color:#e0d1abe0!important}.film-feature .text-link{margin-top:10px}.work-archive{padding:45px 0 75px}.archive-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:32px}.archive-heading h2{font:400 38px/1.2 var(--serif);letter-spacing:-.5px;margin:0}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.work-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.6);transition:filter .4s}.work-grid a:hover img{filter:none}.work-grid figcaption{padding-top:11px;font-size:10px;color:#c4d1c2;display:flex;justify-content:space-between}.work-grid figcaption span{color:var(--gold)}.certification-section{padding:55px 0 75px;border-top:1px solid #b3c5ac35;scroll-margin-top:118px}.certification-section>h2,.interest-section>h2{font:400 48px/1.1 var(--serif);margin:0 0 38px;letter-spacing:-.6px}.certificate-list>article{border-top:1px solid #b9c8aa29;display:grid;grid-template-columns:40px 1fr 45px;align-items:center;gap:25px;padding:25px 0}.certificate-number,.certificate-year{font-size:10px;color:#b7c7b29c}.certificate-year{text-align:right;color:#d9ca9bc4}.certificate-list h3{font:400 26px/1.3 var(--serif);margin:0 0 6px}.certificate-list p{font-size:10px;line-height:1.7;color:#b7c8bfaf;margin:0}.life-story{scroll-margin-top:118px;display:grid;grid-template-columns:1fr 1.3fr;gap:75px;align-items:center;border-top:1px solid #b3c5ac35;padding:64px 0 70px}.life-portrait{transform:rotate(-3deg);border:4px solid #e0deca;background:#e0deca;padding:0 0 16px;box-shadow:0 20px 35px #00182555}.life-portrait img{width:100%;height:auto;aspect-ratio:4/4.3;object-fit:cover;display:block}.life-portrait figcaption{font-size:9px;line-height:1.7;color:#244e52;text-align:center;padding:16px 12px 0}.life-copy h2{font:400 47px/1.12 var(--serif);letter-spacing:-.7px;margin:0 0 26px}.life-copy .story-prose p{font-size:13px}.life-copy .text-link{margin-top:13px}.interest-section{padding:50px 0}.interest-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px}.interest-list>div{display:flex;align-items:center;gap:24px;border-top:1px solid #b4c7aa33;padding:27px 0}.interest-list span{font-size:8px;color:#c7c99c9e}.interest-list h3{font:400 32px/1.2 var(--serif);margin:0;flex:1}.interest-list i{font-style:normal;color:#c7be8d83;font-size:15px}.life-film-link{padding:0 0 75px}.reading-footer{display:flex;gap:30px;align-items:baseline;padding:30px 0 35px;border-top:1px solid #c3caae35}.reading-footer p{font:400 22px/1.4 var(--serif);margin:0 auto 0 0;color:#d9d6bdb0}.reading-footer a{font-size:8px;color:#b5c8b5a6}.reading-footer a:hover{color:var(--gold)}
@media(min-width:1600px){.timeline-track{gap:105px;padding-left:11vw;padding-right:11vw}.milestone{flex-basis:370px;width:370px;height:380px}.memory-collage{transform:scale(1.1);transform-origin:left top}.milestone-date{top:198px;width:195px}.milestone-date>span{font-size:58px}.milestone-text{top:285px}.milestone-text h2{font-size:25px}.milestone-place{font-size:10px}.milestone-intro{font-size:12px;max-width:325px}.journey-intro{top:127px}.journey-opening{font-size:12px;max-width:790px}.gallery-viewport{top:300px;bottom:115px}.journey-controls{left:45px;right:45px;bottom:40px}.year-map{bottom:38px}.portfolio-header{padding-inline:45px}.portfolio-nav{gap:38px}.portfolio-nav>a{font-size:11px}}
@media(max-width:1150px){.portfolio-header{gap:18px;padding:0 23px}.portfolio-nav{gap:19px}.portfolio-nav>a{font-size:9px}.garden-link{font-size:9px}.journey-controls{left:24px;right:24px}.wander-hint{font-size:7px;max-width:205px;flex-wrap:wrap;gap:5px 8px}.hint-divider{display:none}.wander-hint>span:last-child{flex-basis:100%;padding-left:18px}.year-map{bottom:30px}.timeline-track{gap:54px;padding-left:55px;padding-right:55px}.reading-main{padding-inline:40px}.story-chapter{grid-template-columns:190px 1fr;gap:45px}.chapter-organisation{font-size:21px}.life-story{gap:48px}}
@media(max-height:780px) and (min-width:761px){.journey-intro{top:103px}.journey-intro h1{font-size:42px;margin-bottom:13px}.journey-opening{font-size:9px;line-height:1.75;max-width:640px}.journey-intro .eyebrow{font-size:6px;margin-bottom:7px}.gallery-viewport{top:226px;bottom:84px}.milestone{flex-basis:302px;width:302px;height:300px}.memory-collage{transform:scale(.88) perspective(850px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-origin:left top}.milestone-date{top:151px;width:157px}.milestone-date>span{font-size:44px}.milestone-text{top:223px}.milestone-text h2{font-size:19px}.milestone-kind{font-size:6px;margin-bottom:5px}.milestone-place{font-size:8px}.milestone-intro{font-size:9px;margin-top:9px}.journey-controls{bottom:23px}.year-map{bottom:21px}}
@media(max-height:650px) and (min-width:761px){.journey-intro{top:95px}.journey-intro h1{font-size:35px;margin-bottom:7px}.journey-opening{font-size:8px;max-width:710px}.gallery-viewport{top:198px;bottom:75px}.milestone{height:245px;flex-basis:270px;width:270px}.memory-collage{transform:scale(.72);transform-origin:left top}.milestone-date{top:123px;width:126px}.milestone-date>span{font-size:36px}.milestone-text{top:184px}.milestone-text h2{font-size:17px}.milestone-kind{display:none}.milestone-place{font-size:7px}.milestone-intro{display:none}.journey-controls{bottom:19px}.year-map{bottom:16px}}
@media(max-width:900px){.portfolio-header{height:72px}.portfolio-nav{gap:14px}.portfolio-nav>a{font-size:8px;line-height:72px}.portfolio-nav>a[aria-current=page]::after{bottom:15px}.garden-link>span:last-child{display:none}.garden-link>span:first-child{font-size:26px}.reading-main{padding-top:125px}.reading-intro h1{font-size:66px}.story-chapter{gap:30px;grid-template-columns:170px 1fr}.chapter-organisation{font-size:20px}.story-prose p{font-size:13px}.fact-list{grid-template-columns:1fr;gap:20px}.film-feature{gap:32px}.film-feature h2{font-size:52px}.life-story{gap:36px;grid-template-columns:.85fr 1.2fr}.life-copy h2{font-size:35px}.life-copy .story-prose p{font-size:12px}.reading-footer{flex-wrap:wrap}.reading-footer p{flex-basis:100%}.year-map button{width:36px}.year-map{gap:2px}.year-map button>span{font-size:6px}.year-map-line{left:18px;right:18px}}
@media(max-width:760px){.portfolio-header{height:69px;padding:0 21px;gap:16px}.garden-link>span:last-child{display:inline;font-size:9px}.garden-link>span:first-child{font-size:23px}.menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:none;font-size:10px;margin-left:auto;padding:8px 0;color:#e7d7ae}.menu-icon{font-size:17px;line-height:1;color:#c5d1bd}.ambient-toggle{height:25px;width:25px;font-size:8px}.portfolio-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#092f3df5;backdrop-filter:blur(20px);border-bottom:1px solid #d0d0b93c;padding:15px 25px 24px;gap:0;height:auto;box-shadow:0 20px 40px #00182270;max-height:calc(100dvh - 69px);overflow:auto}.menu-open .portfolio-nav{display:flex;flex-direction:column;align-items:stretch}.portfolio-nav>a{font-size:13px;line-height:1.4;padding:14px 0;border-bottom:1px solid #b6c6ac18}.portfolio-nav>a[aria-current=page]::after{width:19px;left:auto;right:4px;top:50%;bottom:auto}.journey-window{position:relative;height:auto;overflow:visible;padding:113px 24px 125px}.journey-intro{position:static;text-align:left;margin:0 0 45px}.journey-intro .eyebrow{font-size:6px;letter-spacing:1.8px;margin-bottom:15px}.journey-intro h1{font-size:49px;letter-spacing:-1px;line-height:1.08;margin:0 0 22px;max-width:350px}.journey-opening{font-size:11px;line-height:1.95;color:#bccdc2c7;max-width:420px;margin:0}.gallery-viewport{position:static;overflow:visible;cursor:auto}.timeline-track{display:flex;flex-direction:column;gap:35px;padding:0 0 10px;width:100%;height:auto;transform:none!important;will-change:auto;align-items:stretch}.milestone,.milestone:nth-child(even){width:100%;max-width:390px;height:430px;flex:0 0 430px;align-self:auto;scroll-margin-top:97px}.milestone:nth-child(even){align-self:flex-end}.memory-collage{width:330px;height:245px;left:0;transform:perspective(850px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-origin:top left}.milestone-date{top:176px;left:0;width:174px}.milestone-date>span{font-size:49px}.milestone-date>i{opacity:1;transform:none;font-size:15px}.milestone-text{top:266px;max-width:335px}.milestone-kind{font-size:7px;margin-bottom:9px}.milestone-text h2{font-size:27px;max-width:310px;margin-bottom:8px}.milestone-place{font-size:10px}.milestone-intro{font-size:11px;line-height:1.8;opacity:1;transform:none;max-width:320px;margin-top:15px}.memory-print figcaption{opacity:.8;font-size:6px}.journey-controls{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 0;padding-top:23px;border-top:1px solid #bcc8a72c}.wander-hint{font-size:8px;max-width:none;gap:6px}.desktop-hint{display:none}.phone-hint{display:inline}.wander-hint>span:last-child{flex-basis:100%;padding-left:18px}.timeline-buttons{display:none}.year-map{position:fixed;bottom:0;left:0;right:0;transform:none;padding:17px 18px 15px;justify-content:space-between;background:#082d3ceb;border-top:1px solid #b2c4ae24;backdrop-filter:blur(15px);gap:0}.year-map button{width:35px;height:35px;gap:10px}.year-map button>span{font-size:6.5px}.year-map-line{left:35px;right:35px;top:40px}.journey-scroll-space{display:none}.reading-main{padding:119px 25px 0}.reading-intro{padding-bottom:34px}.reading-intro h1{font-size:51px;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.reading-intro .eyebrow{font-size:7px;letter-spacing:1.8px}.reading-intro>p:last-child{font-size:12px;line-height:1.9}.chapter-index-nav{gap:12px 19px;font-size:8px;padding-top:20px;margin-bottom:42px}.chapter-index-nav>span{flex-basis:100%;font-size:6px;margin-bottom:3px}.story-chapter{display:block;padding:29px 0 44px;scroll-margin-top:95px}.chapter-sidebar{position:static;display:grid;grid-template-columns:38px 1fr;gap:0 14px;margin-bottom:28px}.chapter-index{grid-row:1/4;font-size:29px;margin:0;color:#c5cba078}.chapter-dates{font-size:7px;margin-bottom:5px;letter-spacing:.3px}.chapter-organisation{font-size:20px;max-width:100%;margin-bottom:5px}.chapter-location{font-size:8px;margin-bottom:0}.back-to-journey{grid-column:2;font-size:7px;margin-top:14px}.chapter-body>.eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:13px}.chapter-body h2{font-size:37px;letter-spacing:-.5px;margin-bottom:25px}.story-prose p{font-size:12px;line-height:2;margin-bottom:18px}.fact-list{margin-top:30px;gap:19px}.fact-list dt{font-size:7px}.fact-list dd{font-size:11px}.topic-tags{gap:6px}.topic-tags li{font-size:7px;padding:6px 8px}.text-link{font-size:9px;gap:24px}.film-feature{display:flex;flex-direction:column;gap:35px;padding:45px 0;scroll-margin-top:95px;align-items:stretch}.film-poster{max-width:500px;transform:rotate(-2deg);margin:0 5px}.film-feature h2{font-size:51px}.film-feature p:not(.eyebrow){font-size:12px}.film-feature .eyebrow{font-size:7px}.film-recognition{font-size:10px!important}.archive-heading{flex-direction:column;align-items:flex-start;gap:18px}.archive-heading h2{font-size:33px}.work-archive{padding:20px 0 48px}.work-grid{gap:24px 15px}.work-grid figcaption{font-size:8px;gap:8px;line-height:1.6}.work-grid img{filter:none}.certification-section{padding:30px 0 45px;scroll-margin-top:95px}.certification-section>h2,.interest-section>h2{font-size:37px;margin-bottom:30px}.certificate-list>article{gap:14px;grid-template-columns:22px 1fr 32px;padding:23px 0}.certificate-number,.certificate-year{font-size:8px}.certificate-list h3{font-size:23px}.certificate-list p{font-size:9px}.life-story{display:flex;flex-direction:column;gap:44px;align-items:stretch;padding:40px 0 45px;scroll-margin-top:95px}.life-portrait{max-width:300px;width:84%;align-self:center}.life-portrait img{aspect-ratio:4/4.1}.life-portrait figcaption{font-size:8px}.life-copy h2{font-size:38px}.life-copy .story-prose p{font-size:12px}.interest-section{padding:22px 0 30px}.interest-list{gap:0 20px}.interest-list>div{gap:12px;padding:21px 0}.interest-list h3{font-size:24px}.interest-list span{font-size:6px}.interest-list i{font-size:10px}.life-film-link{padding-bottom:45px}.reading-footer{padding:25px 0 30px;gap:17px 24px}.reading-footer p{font-size:22px}.reading-footer a{font-size:7px}.reading-page .night-garden{opacity:.15}.journey-page .night-garden{opacity:.21}}
@media(max-width:360px){.journey-window{padding-inline:20px}.journey-intro h1{font-size:44px}.memory-collage{transform:scale(.87)!important;transform-origin:top left}.milestone-date{top:154px;width:153px}.milestone-date>span{font-size:43px}.milestone-text{top:236px}.milestone-text h2{font-size:25px}.milestone{height:415px;flex-basis:415px}.milestone-intro{font-size:10px}.reading-intro h1{font-size:44px}.menu-toggle{font-size:9px;gap:7px}.portfolio-header{padding-inline:17px;gap:11px}.interest-list h3{font-size:22px}.reading-main{padding-inline:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.memory-collage{transform:none!important}}
/* The short overview appears above the collage on hover, leaving the lower row unobstructed. */
.portfolio-nav>a{font-size:11.5px}.journey-opening{font-size:11.5px;max-width:760px;line-height:1.8}.journey-opening.previewing{color:#efe2c2}.milestone-place{font-size:10px}.year-map button>span{font-size:8px}.milestone-intro{display:none}
@media(max-width:1150px){.portfolio-nav>a{font-size:10px}.journey-opening{font-size:10.5px}}
@media(max-width:900px){.portfolio-nav>a{font-size:9px}.year-map button>span{font-size:7px}}
@media(max-height:780px) and (min-width:761px){.journey-opening{font-size:9px}.milestone-place{font-size:8px}}
@media(max-width:760px){.portfolio-nav>a{font-size:13px}.journey-opening{font-size:11px;line-height:1.95}.milestone-intro{display:block}.milestone-place{font-size:10px}.year-map button>span{font-size:6.5px}}
.reading-footer{min-height:290px;align-items:flex-start;padding-top:40px;background:radial-gradient(ellipse at 50% 100%,#dcc49209,transparent 65%)}
@media(max-width:760px){.reading-footer{min-height:180px;align-content:flex-start;padding-top:27px}}
.logo-print{background:#fff}.logo-print img{object-fit:cover}.client-work{margin-top:46px;padding-top:25px;border-top:1px solid #c2c9ad2e;scroll-margin-top:115px}.client-work>.eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:12px}.client-work>h3{font:400 32px/1.15 var(--serif);letter-spacing:-.5px;margin:0 0 25px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.client-project{min-width:0;border:1px solid #bec8ad2d;background:#d8dfc903}.client-brand{height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eeeede}.client-brand img{display:block}.client-brand-sarda{background:#fff}.client-brand-sarda img{height:100%;width:100%;object-fit:cover}.client-brand-ambuja img{width:50px;height:50px;object-fit:contain}.client-project-copy{padding:22px 20px 25px}.client-sector{font-size:6px!important;letter-spacing:1.2px;text-transform:uppercase;color:#c6bd95!important;margin:0 0 10px!important}.client-project h4{font:400 25px/1.15 var(--serif);margin:0 0 14px;letter-spacing:-.3px}.client-project-copy>p{font-size:10px;line-height:1.9;color:#b9ccc3c9;margin:0 0 19px}.client-project .text-link{font-size:8px;gap:13px}.client-project .text-link>span{font-size:13px}.partnership-feature{scroll-margin-top:115px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;border-top:1px solid #b3c5ac35;padding:65px 0}.partnership-art{display:block;border:3px solid #c8d0bb5c;transform:rotate(-2deg);box-shadow:0 15px 30px #001c2d55;transition:transform .4s}.partnership-art:hover{transform:none}.partnership-art img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain}.partnership-feature h2{font:400 45px/1.12 var(--serif);letter-spacing:-.7px;margin:0 0 17px;text-wrap:balance}.partnership-name{font-size:10px;color:#d5ceb1;margin:0 0 20px}.partnership-description{font-size:12px;line-height:1.95;color:#c1cfc3c4;margin:0 0 24px}.partnership-feature .eyebrow{font-size:7px;letter-spacing:1.6px}
@media(max-width:900px){.client-grid{gap:15px}.client-project-copy{padding:19px 15px 22px}.client-project h4{font-size:23px}.partnership-feature{gap:30px}.partnership-feature h2{font-size:36px}}
@media(max-width:760px){.client-work{margin-top:33px;padding-top:22px;scroll-margin-top:95px}.client-work>h3{font-size:31px;margin-bottom:23px}.client-grid{grid-template-columns:1fr;gap:22px}.client-brand{height:130px}.client-brand-sarda img{object-fit:contain}.client-project-copy{padding:22px 22px 26px}.client-project h4{font-size:29px}.client-project-copy>p{font-size:11px}.client-project .text-link{font-size:9px}.partnership-feature{display:flex;flex-direction:column;align-items:stretch;padding:43px 0;gap:32px;scroll-margin-top:95px}.partnership-art{margin:0 4px}.partnership-feature h2{font-size:38px}.partnership-description{font-size:12px}.partnership-feature .eyebrow{font-size:6px}}
.client-brand-sarda img{width:192px;height:192px;object-fit:contain}.client-project-copy>p{font-size:12px;line-height:1.85}.client-project .text-link{font-size:9px}.client-project h4{font-size:27px}
@media(max-width:760px){.client-project-copy>p{font-size:12px}.client-project h4{font-size:29px}}
/* Photographs and project stories retain the garden's quiet, printed-memory language. */
.chapter-memories{display:flex;flex-wrap:wrap;gap:22px;margin:32px 0 35px}.chapter-photo{margin:0;max-width:480px;min-width:0}.chapter-photo img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;object-position:left center;background:#cbd2ba0a;border:3px solid #d6d7bf8c;box-shadow:0 10px 22px #001c2a30}.chapter-photo figcaption{font-size:9px;line-height:1.7;color:#b4c7b7bf;margin:10px 0 0}.chapter-memories>.chapter-photo{width:100%}.chapter-memories .chapter-photo:has(img[src*="award"]){max-width:225px}.learning-note{margin:40px 0 5px;padding:26px 28px;border-left:1px solid #d8c89b6e;background:#cbd3bc05}.learning-note h3,.academic-projects>h3{font:400 32px/1.2 var(--serif);letter-spacing:-.4px;margin:0 0 20px}.learning-note p:not(.eyebrow){font-size:12px;line-height:1.9;color:#bfcec1d1}.learning-note .eyebrow{font-size:6px;margin-bottom:12px}.learning-note .text-link{margin-top:10px}.academic-projects{border-top:1px solid #c2c9ad30;margin-top:45px;padding-top:29px}.academic-projects>.eyebrow{font-size:6px;margin-bottom:13px}.academic-projects>h3{margin-bottom:31px}.academic-project{border-top:1px solid #bcc6a936;padding:27px 0 28px;scroll-margin-top:115px}.project-intro{display:grid;gap:25px}.has-project-image{grid-template-columns:135px 1fr;align-items:start}.project-intro .chapter-photo img{height:175px;object-fit:contain;background:#cbd3ba06;border-width:2px}.project-intro .chapter-photo figcaption{font-size:7px;line-height:1.5;margin-top:7px}.project-type{font-size:6px!important;letter-spacing:1px;text-transform:uppercase;color:#d3c59cd9!important;margin:0 0 12px!important}.project-intro h4{font:400 31px/1.15 var(--serif);margin:0 0 12px;letter-spacing:-.4px}.project-intro .project-subtitle{font-size:12px;color:#e3d7b9d4;margin-bottom:12px}.project-intro p{font-size:12px;line-height:1.9;color:#bfcec1cd;margin:0}.project-detail{margin-top:23px}.project-detail summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:12px 0;border-top:1px solid #b9c5aa26;color:#ddcda3;font-size:10px;list-style:none}.project-detail summary::-webkit-details-marker{display:none}.project-detail summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.detail-symbol:before{content:'+';font-size:19px}.project-detail[open] .detail-symbol:before{content:'−'}.project-detail-body{padding:10px 0 5px}.project-detail-body p{font-size:12px;line-height:1.95;color:#c5d1c3d6;margin:0 0 17px}.project-detail-body .text-link{margin-top:26px}.filmography-section{padding:54px 0 65px;border-top:1px solid #b3c5ac35;scroll-margin-top:115px}.filmography-section>h2{font:400 52px/1.15 var(--serif);letter-spacing:-.8px;margin:0 0 20px}.section-description{font-size:13px;line-height:1.9;color:#b9ccc1c4;max-width:600px;margin:0 0 36px}.filmography-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 32px;align-items:start}.film-credit{min-width:0;border-bottom:1px solid #b3c5ac2b;padding-bottom:28px}.film-credit>.chapter-photo{max-width:none}.film-credit>.chapter-photo img{height:260px;object-fit:contain;object-position:center;background:#cbd3bc07}.film-credit-copy{padding-top:23px}.credit-date{font-size:8px!important;letter-spacing:.5px;color:#b3c5b7b8!important;margin:0 0 15px!important}.film-credit-copy>.eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:10px}.film-credit h3{font:400 33px/1.15 var(--serif);letter-spacing:-.4px;margin:0 0 11px}.film-credit-copy .credit-company{font-size:10px;color:#dfd5b4cc;margin-bottom:16px}.film-credit-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#bacdc2c9}.film-credit-copy .text-link{font-size:9px;margin-top:9px}.film-credit>.chapter-photo:last-child:not(:first-child){margin-top:28px}.film-credit>.chapter-photo:last-child:not(:first-child) img{height:auto;max-height:260px}.reading-footer>a:last-child{font-size:8px}
@media(max-width:760px){.chapter-memories{margin:27px 0 30px}.chapter-photo figcaption{font-size:8px}.learning-note{padding:23px 20px;margin-top:32px}.learning-note h3,.academic-projects>h3{font-size:29px}.learning-note p:not(.eyebrow){font-size:12px}.academic-projects{margin-top:34px;padding-top:24px}.academic-project{scroll-margin-top:95px}.has-project-image{grid-template-columns:90px 1fr;gap:19px}.project-intro .chapter-photo img{height:135px}.project-intro .chapter-photo figcaption{font-size:6px}.project-intro h4{font-size:28px}.project-type{font-size:5.5px!important;letter-spacing:.6px}.project-intro .project-subtitle{font-size:10px;line-height:1.8}.project-intro p{font-size:11px}.project-detail summary{font-size:10px}.project-detail-body p{font-size:12px}.filmography-section{padding:35px 0 42px;scroll-margin-top:95px}.filmography-section>h2{font-size:38px;letter-spacing:-.5px}.filmography-section>.eyebrow{font-size:6px}.section-description{font-size:12px;margin-bottom:30px}.filmography-grid{grid-template-columns:1fr;gap:34px}.film-credit>.chapter-photo img{height:280px}.film-credit h3{font-size:32px}.film-credit-copy>p:not(.eyebrow){font-size:12px}}
.film-credit>.chapter-photo:first-child img{width:auto;max-width:100%;height:260px;object-fit:contain;background:transparent}.filmography-grid{grid-template-columns:1fr;gap:34px}.film-credit{display:grid;grid-template-columns:220px 1fr;gap:0 42px;align-items:center;padding-bottom:34px}.film-credit-copy{padding-top:0;max-width:580px}.film-credit>.chapter-photo:last-child:not(:first-child){grid-column:2;max-width:360px;margin-top:22px}.film-credit>.chapter-photo:last-child:not(:first-child) img{max-height:220px}.film-credit h3{font-size:36px}
@media(max-width:760px){.film-credit{display:block}.film-credit>.chapter-photo:first-child img{height:auto;max-height:290px}.film-credit-copy{padding-top:24px}.film-credit h3{font-size:32px}.film-credit>.chapter-photo:last-child:not(:first-child){max-width:300px}}
/* Personal photo journal. Full frames open in a keyboard-accessible native dialog. */
body[data-page=lifestyle] .reading-intro{padding-bottom:36px}body[data-page=lifestyle] .life-story{padding-top:44px}.personal-portrait{display:block;min-width:0}.personal-portrait .journal-image{position:relative}.personal-portrait img{width:100%;height:auto;aspect-ratio:auto;max-height:440px;object-fit:contain}.personal-portrait figure{margin:0}.personal-portrait figcaption{display:flex;justify-content:space-between;gap:12px;padding:0 14px}.personal-portrait .journal-number{display:none}.personal-portrait .journal-expand{bottom:14px;right:14px}.photo-journal{border-top:1px solid #b3c5ac35;padding:49px 0 35px;scroll-margin-top:110px}.journal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.journal-heading .eyebrow{font-size:7px;margin-bottom:15px}.journal-heading h2{font:400 58px/1.1 var(--serif);letter-spacing:-.8px;margin:0}.journal-heading h2 em{color:#e0cfaa}.journal-heading>p{font-size:10px;line-height:1.8;color:#c4ceb9ae;margin:0 0 3px}.journal-grid{column-count:3;column-gap:29px;padding:6px}.journal-card{break-inside:avoid;display:block;margin:0 0 31px;background:#e8e1cc;border:4px solid #e8e1cc;box-shadow:0 12px 24px #001a2740;transform:rotate(-1deg);transition:transform .4s,box-shadow .4s;position:relative}.journal-card:nth-child(3n+2){transform:rotate(1.1deg)}.journal-card:nth-child(3n){transform:rotate(-.3deg)}.journal-card:hover,.journal-card:focus-visible{transform:translateY(-4px) rotate(0);box-shadow:0 19px 34px #001a2760;z-index:2}.journal-image{position:relative;overflow:hidden}.journal-card img{display:block;width:100%;height:auto}.journal-card figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 10px 12px;color:#315756;font-size:10px;line-height:1.5}.journal-number{font-size:7px;letter-spacing:1px;opacity:.55;flex-shrink:0}.journal-expand{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #eddfbb9c;border-radius:50%;background:#123d45a6;color:#fff0c9;font-size:17px;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}.journal-card:hover .journal-expand,.journal-card:focus-visible .journal-expand,.personal-portrait:hover .journal-expand,.personal-portrait:focus-visible .journal-expand{opacity:1;transform:none}.journal-play{position:absolute;bottom:17px;left:15px;display:flex;align-items:center;gap:9px;border:1px solid #ecddb784;border-radius:24px;padding:9px 13px;background:#123d45b3;color:#fff0cd;font-size:9px;backdrop-filter:blur(8px)}.journal-play>span{font-size:21px;line-height:1}.photo-viewer{position:fixed;inset:0;width:min(1100px,calc(100vw - 70px));height:calc(100dvh - 50px);max-height:100dvh;max-width:none;border:1px solid #bcc9ad4d;background:#092b37f5;color:var(--cream);padding:22px 30px 15px;box-shadow:0 25px 100px #00121a70;overflow:hidden}.photo-viewer::backdrop{background:#021a24d9;backdrop-filter:blur(12px)}.photo-viewer[open]{display:flex;flex-direction:column}.viewer-open{overflow:hidden}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;flex-shrink:0}.viewer-counter{font-size:9px;letter-spacing:1.6px;color:#d6c79f;margin:0}.viewer-close{display:flex;align-items:center;gap:16px;border:0;background:none;font-size:10px;color:#d9d5bb;padding:4px 0}.viewer-close>span{font-size:25px;line-height:1}.viewer-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;touch-action:pan-y}.viewer-stage img,.viewer-stage video{display:block;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;user-select:none}.viewer-stage img{border:2px solid #d9d4b795}.viewer-stage video{background:#041b25}.viewer-footer{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:22px;padding:18px 0 11px;flex-shrink:0}.viewer-footer button{border:1px solid #c1cfb54d;background:none;border-radius:50%;width:36px;height:36px;font-size:17px;display:grid;place-items:center}.viewer-footer button:hover{border-color:var(--gold)}.viewer-caption{text-align:center;font:400 24px/1.2 var(--serif);margin:0;color:#ece0be}.viewer-hint{text-align:center;font-size:8px;color:#b0c2b693;margin:0;line-height:1.6}.photo-journal~.interest-section{border-top:1px solid #b3c5ac35;margin-top:15px;padding-top:42px}
@media(max-width:900px){.journal-grid{column-count:2;column-gap:27px}.journal-heading h2{font-size:47px}}
@media(max-width:760px){body[data-page=lifestyle] .life-story{padding-top:37px}.personal-portrait{max-width:290px}.personal-portrait img{max-height:none}.photo-journal{padding:34px 0 24px;scroll-margin-top:95px}.journal-heading{gap:15px;margin-bottom:30px;align-items:flex-start;flex-direction:column}.journal-heading h2{font-size:40px;letter-spacing:-.5px}.journal-heading .eyebrow{font-size:6px;margin-bottom:14px}.journal-heading>p{font-size:9px}.journal-heading>p br{display:none}.journal-grid{padding:5px;column-gap:22px}.journal-card{margin-bottom:27px}.journal-card figcaption{padding:12px 9px 10px;font-size:10px}.journal-expand{opacity:1;transform:none;width:25px;height:25px;font-size:14px}.photo-viewer{width:calc(100vw - 20px);height:calc(100dvh - 24px);padding:15px 13px 13px}.viewer-toolbar{padding-bottom:14px}.viewer-stage img{border-width:1px}.viewer-footer{gap:13px;grid-template-columns:32px 1fr 32px;padding:17px 0 12px}.viewer-footer button{width:32px;height:32px}.viewer-caption{font-size:21px}.viewer-hint{font-size:7px}.photo-journal~.interest-section{padding-top:30px}}
@media(max-width:560px){.journal-grid{column-count:1;padding-inline:7px}.journal-card{margin-bottom:32px}.journal-heading h2{font-size:39px}.journal-card:nth-child(3n+2){transform:rotate(.8deg)}.journal-card{transform:rotate(-.8deg)}.journal-card:hover,.journal-card:focus-visible{transform:none}.journal-card figcaption{font-size:11px;padding:14px 11px 12px}.journal-card img{max-height:600px;object-fit:contain;background:#0b303a}}

.viewer-stage img,.viewer-stage video{width:auto;height:auto;max-height:calc(100dvh - 220px);max-width:100%}.viewer-stage img{-webkit-user-drag:none}
@media(max-width:760px){.viewer-stage img,.viewer-stage video{max-height:calc(100dvh - 190px)}}
/* Portfolio typography: organisation first, readable supporting detail. */
@font-face{font-family:'PP Neue Montreal';src:url('assets/fonts/PPNeueMontreal-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('assets/fonts/PPNeueMontreal-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'PP Editorial New';src:url('assets/fonts/PPEditorialNew-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
:root{--muted:#d0dbd3}.portfolio-header{height:92px;gap:22px;padding:0 30px;background:#072e3dd9}.portfolio-nav{gap:24px}.portfolio-nav>a{font-size:16px;font-weight:700;line-height:92px;color:#d3ddd3}.portfolio-nav>a[aria-current=page]{color:#fff0cc}.portfolio-nav>a[aria-current=page]::after{height:2px;bottom:20px}.garden-link{font-size:14px;font-weight:500}.ambient-toggle{height:34px;width:34px;font-size:12px}.reading-page .night-garden{opacity:.44}.reading-page .night-tint{background:linear-gradient(#052c3d68,#062e3c88)}.journey-page .night-garden{opacity:.6}.journey-page .night-tint{background:#062c3c42}.night-stars{opacity:1}.eyebrow{font-size:12px;letter-spacing:1.8px}.reading-main{max-width:1280px;padding:165px 42px 0;font-size:18px}.reading-intro{max-width:1000px;padding-bottom:44px}.reading-intro h1{font-size:clamp(58px,6vw,86px);line-height:1.1;margin-bottom:26px}.reading-intro>p:last-child{font-size:18px;line-height:1.75;color:#d0dbd3;max-width:780px}.reading-main p,.reading-main dd{font-size:18px;line-height:1.8;color:#d4ddd1}.reading-main .eyebrow,.chapter-body>.eyebrow,.film-feature .eyebrow,.partnership-feature .eyebrow,.client-work>.eyebrow,.academic-projects>.eyebrow,.learning-note .eyebrow,.journal-heading .eyebrow{font-size:12px;line-height:1.6;color:var(--gold);letter-spacing:1.5px}.chapter-index-nav{font-size:16px;gap:15px 24px;padding-top:24px;margin-bottom:65px}.chapter-index-nav>span{font-size:11px;letter-spacing:1.2px;flex-basis:100%;color:#c2d1c5}.story-chapter{grid-template-columns:180px minmax(0,1fr);gap:48px;padding:58px 0 70px;scroll-margin-top:120px}.chapter-sidebar{top:122px}.chapter-index{font-size:37px;margin-bottom:24px}.organisation-logo{display:flex;align-items:center;justify-content:center;background:#f1eedf;border:1px solid #e5e0c6;padding:14px;width:160px;height:95px;margin:0 0 23px}.organisation-logo img{display:block;max-width:100%;max-height:68px;width:auto;height:auto;object-fit:contain}.reading-main .chapter-dates{font-size:14px;color:#d8decf;margin-bottom:14px}.reading-main .chapter-organisation{font:500 20px/1.4 var(--sans);color:#f1e8d0;margin-bottom:10px;max-width:none}.reading-main .chapter-location{font-size:15px;line-height:1.7;color:#bfcec4;margin-bottom:24px}.back-to-journey{font-size:13px;line-height:1.6;color:#d3ceae}.chapter-body h2{font:700 clamp(32px,3.3vw,45px)/1.13 var(--sans);letter-spacing:-1px;margin:0 0 13px;text-wrap:balance}.reading-main .chapter-story-title{font:400 32px/1.3 var(--serif);color:#e7d5aa;margin:0 0 30px}.story-prose{max-width:780px}.story-prose p{font-size:18px;line-height:1.85;color:#d5decf;margin-bottom:22px}.fact-list{gap:30px;margin-top:36px}.fact-list dt{font-size:12px;line-height:1.6;letter-spacing:1px;margin-bottom:11px}.fact-list dd{font-size:17px;line-height:1.8}.topic-tags li{font-size:14px;padding:8px 12px;color:#d1dcca}.reading-main .text-link{font-size:16px;line-height:1.7}.reading-main .text-link>span{font-size:20px}.chapter-photo figcaption{font-size:14px;line-height:1.6;color:#ced6c4}.chapter-memories{gap:24px}.chapter-memories>.chapter-photo{max-width:440px}.chapter-memories:has(>.chapter-photo:nth-child(2)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-memories .chapter-photo img{height:245px;object-fit:contain;background:#d5d2b90a}.chapter-memories .chapter-photo:has(img[src*="award"]){max-width:none}.learning-note h3,.academic-projects>h3,.client-work>h3,.media-archive>h3,.project-archive>h3,.school-films>h3,.project-links>h3,.brand-film>h3,.chapter-partnership h3{font:500 29px/1.25 var(--sans);letter-spacing:-.5px;margin:0 0 25px}.reading-main .learning-note p:not(.eyebrow),.reading-main .project-detail-body p,.reading-main .project-intro p{font-size:17px;line-height:1.85}.reading-main .project-type{font-size:12px!important;line-height:1.6;letter-spacing:1px}.project-intro h4{font:700 30px/1.2 var(--sans)}.project-intro .project-subtitle{font:400 24px/1.3 var(--serif)}.project-intro .chapter-photo figcaption{font-size:12px}.project-detail summary{font-size:16px;padding:17px 0}.has-project-image{grid-template-columns:150px 1fr;gap:26px}.client-project h4{font:700 27px/1.2 var(--sans)}.client-project-copy>p,.reading-main .client-project-copy>p{font-size:17px;line-height:1.8}.reading-main .client-sector{font-size:12px!important}.chapter-partnership{margin-top:45px;border-top:1px solid #c3c9ae35;padding-top:32px;scroll-margin-top:120px}.chapter-partnership section{scroll-margin-top:120px}.chapter-partnership img{display:block;width:100%;height:auto;max-width:600px;border:2px solid #b9c7af66}.chapter-partnership p{max-width:730px}.film-feature{display:block;padding:42px 0;scroll-margin-top:120px}.film-poster{max-width:610px;margin:0 10px 32px;transform:rotate(-1deg)}.film-feature h3{font:400 56px/1.1 var(--serif);margin:0 0 18px}.reading-main .film-feature p:not(.eyebrow){font-size:17px;line-height:1.8}.film-feature .text-link{margin:8px 22px 8px 0}.film-poster>span{font-size:14px;padding:12px 18px}.project-archive{padding:30px 0 45px}.project-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-archive-card{min-width:0;border-bottom:1px solid #b5c6aa44;padding-bottom:24px}.project-archive-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.project-archive-card>div{padding-top:20px}.project-archive-card h4{font:700 24px/1.25 var(--sans);margin:8px 0 12px;letter-spacing:-.3px}.project-archive-card h4 span{color:var(--gold)}.reading-main .project-archive-card p{font-size:16px;line-height:1.75;margin:10px 0}.reading-main .project-archive-card .project-role{font-size:14px;color:#ddcda7}.filmography-section{padding:35px 0 45px}.filmography-section>h3{font:500 29px/1.2 var(--sans);margin:0 0 23px}.reading-main .section-description{font-size:17px;line-height:1.8}.film-credit{grid-template-columns:160px minmax(0,1fr);gap:28px}.film-credit>.chapter-photo:first-child img{max-height:225px;height:auto;max-width:100%}.film-credit h3{font:500 26px/1.2 var(--sans);letter-spacing:-.4px}.reading-main .film-credit-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.reading-main .credit-date{font-size:14px!important}.reading-main .film-credit-copy .credit-company{font-size:16px;color:#e1d3b0}.film-credit .chapter-photo figcaption{font-size:13px}.media-archive,.school-films,.project-links,.brand-film{margin-top:45px;padding-top:32px;border-top:1px solid #b6c5a93f}.media-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.archive-media,.certificate-scan,.brand-film-preview{display:block;min-width:0}.media-preview{position:relative;background:#d2d3bb08;border:2px solid #ccd0b47a;overflow:hidden}.media-preview img{width:100%;height:250px;object-fit:contain;display:block}.archive-media figcaption,.certificate-scan figcaption,.brand-film-preview figcaption{font-size:14px;line-height:1.6;padding:13px 0 0;color:#d4d9c8}.media-play{position:absolute;bottom:15px;left:15px;padding:10px 16px;border-radius:24px;border:1px solid #e8d9b398;background:#062e3bd9;color:#f6e8bd;font-size:15px;backdrop-filter:blur(6px)}.media-enlarge{position:absolute;right:13px;bottom:11px;font-size:22px;color:#f5e7c1;text-shadow:0 1px 7px #002a36}.archive-media:hover .media-preview,.certificate-scan:hover .media-preview,.brand-film-preview:hover .media-preview{border-color:#f1dfb0}.school-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.school-film-grid article{min-width:0;scroll-margin-top:120px}.school-film-grid img{width:100%;height:240px;object-fit:contain;background:#d0d2b708;border:2px solid #d4d5bc7a;display:block;margin-bottom:22px}.school-film-grid h4{font:700 28px/1.2 var(--sans);margin:10px 0 18px}.school-film-grid .text-link{margin-top:15px}.school-film-grid p:not(.eyebrow){font-size:17px}.project-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.project-link-grid>a{display:flex;flex-direction:column;min-width:0;border:1px solid #c1c8ac48;background:#c6d1ba05;transition:border-color .2s}.project-link-grid>a:hover{border-color:var(--gold)}.project-link-grid img{width:100%;height:155px;object-fit:contain;background:#eeeadd;padding:10px;display:block}.project-link-grid>a>div{padding:21px}.project-link-grid h4{font:700 22px/1.3 var(--sans);word-break:break-word;margin:0 0 15px}.project-link-grid h4 span{color:var(--gold)}.project-link-grid p{font-size:16px;line-height:1.7;margin:0}.brand-film-preview .media-preview img{height:auto;max-height:380px;aspect-ratio:16/9;object-fit:cover}.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}.certificate-grid>article{border-bottom:1px solid #c0c9ab40;padding-bottom:26px;min-width:0}.certificate-grid h3{font:700 25px/1.25 var(--sans);margin:20px 0 12px;letter-spacing:-.3px}.certificate-grid p{font-size:16px;line-height:1.6;margin:9px 0}.certificate-grid .certificate-year{font-size:14px;text-align:left;color:var(--gold)}.certificate-scan .media-preview img{height:auto;aspect-ratio:1.3;object-fit:contain;background:#f1eedf}.certificate-scan figcaption{display:none}.additional-certificate{padding-top:24px}.reading-footer{gap:24px;min-height:245px}.reading-footer p{font:400 29px/1.2 var(--serif)}.reading-footer a,.reading-footer>a:last-child{font-size:15px}.life-copy h2{font:400 45px/1.15 var(--serif)}.life-story{gap:55px}.life-portrait figcaption{font-size:14px}.interest-list h3{font-size:33px}.interest-list span{font-size:12px}.interest-list i{font-size:18px}.journal-heading>p{font-size:14px}.journal-card figcaption{font-size:14px;line-height:1.6}.journal-number{font-size:11px}.viewer-counter{font-size:13px}.viewer-close{font-size:15px}.viewer-hint{font-size:12px}.viewer-caption{font-size:28px}.viewer-footer button{width:42px;height:42px;font-size:21px}.viewer-footer{grid-template-columns:42px 1fr 42px}.viewer-stage img,.viewer-stage video{max-height:calc(100dvh - 240px)}
/* The experience name leads each memory; the personal line follows. */
.journey-intro{top:123px}.journey-intro .eyebrow{font-size:12px;letter-spacing:1.7px;margin-bottom:10px}.journey-intro h1{font-size:64px;margin-bottom:18px}.journey-opening{font-size:16px;line-height:1.7;max-width:850px;color:#d9dfcd;min-height:55px}.gallery-viewport{top:310px;bottom:116px}.timeline-track{gap:65px;padding-inline:max(7vw,45px)}.milestone{width:360px;flex-basis:360px;height:420px}.milestone-text{top:261px}.milestone-kind{font-size:11px;letter-spacing:1.4px;line-height:1.5;margin-bottom:10px;color:#e1cd9d}.milestone-text h2{font:700 28px/1.18 var(--sans);letter-spacing:-.6px;max-width:350px;margin:0 0 13px;text-wrap:balance}.milestone-place{font:400 23px/1.25 var(--serif);color:#e5d5af;max-width:345px}.milestone-intro{display:none!important}.milestone-date>span{font-size:47px}.milestone-date>i{opacity:1;transform:none}.memory-print figcaption{font-size:10px}.logo-print{background:#f3f0e4;filter:none!important}.logo-print img{object-fit:contain;padding:13px}.logo-print img[src*="ambuja-logo"]{padding:34px}.note-title{font-size:28px}.print-3 .note-title{font-size:26px}.note-kicker,.note-end{font-size:10px;line-height:1.5}.note-print.print-3{padding:15px 12px}.year-map{bottom:30px;gap:2px}.year-map button{width:58px;height:48px;gap:13px}.year-map button>span{font-size:12px;color:#b7c8bc}.year-map-line{left:29px;right:29px;top:31px}.year-map button>i{width:5px;height:5px}.journey-controls{bottom:32px;left:30px;right:30px}.wander-hint{font-size:14px;max-width:180px;gap:9px;flex-wrap:nowrap}.wander-hint>span:last-child{flex-basis:auto;padding-left:0}.timeline-buttons{gap:10px}.timeline-buttons button{width:36px;height:36px;font-size:20px}.milestone-counter{font-size:12px;letter-spacing:.5px}
@media(max-width:1100px){.portfolio-nav{gap:17px}.portfolio-nav>a{font-size:15px}.portfolio-header{padding-inline:25px;gap:18px}.garden-link{font-size:12px}.reading-main{padding-inline:35px}.story-chapter{grid-template-columns:160px minmax(0,1fr);gap:34px}.year-map button{width:49px}.year-map-line{left:25px;right:25px}}
@media(max-width:1000px){.portfolio-header{height:80px}.garden-link>span:last-child{display:inline}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;margin-left:auto;padding:8px 0;color:#f0dfb7;font-size:17px;font-weight:700}.menu-icon{font-size:24px}.portfolio-nav{display:none;position:absolute;top:79px;left:0;right:0;background:#082e3ef5;padding:17px 30px 26px;height:auto;border-bottom:1px solid #bfc7a94f;max-height:calc(100dvh - 80px);overflow:auto}.menu-open .portfolio-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.portfolio-nav>a{font-size:18px;line-height:1.5;padding:16px 0;border-bottom:1px solid #b8c7ab26}.portfolio-nav>a[aria-current=page]::after{left:auto;right:5px;top:50%;bottom:auto;width:24px}.journey-intro{top:108px}}
@media(max-height:820px) and (min-width:761px){.journey-intro{top:112px}.journey-intro h1{font-size:48px;line-height:1.1;margin-bottom:10px}.journey-intro .eyebrow{font-size:11px;margin-bottom:7px}.journey-opening{display:none}.gallery-viewport{top:211px;bottom:108px}.milestone{height:340px;width:335px;flex-basis:335px}.memory-collage{transform:scale(.79) perspective(850px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-origin:top left}.milestone-date{top:140px;width:141px}.milestone-date>span{font-size:37px}.milestone-text{top:210px}.milestone-text h2{font-size:26px;max-width:320px;margin-bottom:10px}.milestone-kind{font-size:11px;margin-bottom:7px;display:block}.milestone-place{font-size:21px;max-width:320px}.timeline-track{gap:45px}.journey-controls{bottom:25px}.year-map{bottom:23px}}
@media(max-height:650px) and (min-width:761px){.journey-window{min-height:650px;height:650px}.journey-page .journey-window{position:sticky;top:0}.gallery-viewport{top:210px;bottom:100px}.milestone{height:325px}.milestone-text h2{font-size:25px}.milestone-place{font-size:20px}}
@media(max-width:760px){.portfolio-header{height:76px;padding-inline:21px;gap:15px}.garden-link{font-size:13px}.garden-link>span:last-child{font-size:13px}.menu-toggle{font-size:16px;gap:9px}.portfolio-nav{top:75px;padding:13px 25px 25px}.portfolio-nav>a{font-size:18px}.ambient-toggle{width:31px;height:31px;font-size:11px}.reading-main{padding:126px 25px 0;font-size:17px}.reading-intro h1{font-size:53px;line-height:1.1;letter-spacing:-1px}.reading-intro>p:last-child{font-size:17px;line-height:1.8}.reading-main p,.reading-main dd,.story-prose p{font-size:17px;line-height:1.85}.reading-main .eyebrow,.chapter-body>.eyebrow{font-size:11px;line-height:1.6;letter-spacing:1.1px}.chapter-index-nav{font-size:15px;gap:14px 21px;margin-bottom:45px;padding-top:22px}.chapter-index-nav>span{font-size:10px}.story-chapter{display:block;padding:32px 0 48px;scroll-margin-top:101px}.chapter-sidebar{position:static;grid-template-columns:35px 1fr;gap:0 16px;margin-bottom:31px}.organisation-logo{grid-column:2;width:140px;height:80px;margin:0 0 19px}.organisation-logo img{max-height:57px}.chapter-index{grid-row:1/6;font-size:30px}.reading-main .chapter-dates{font-size:13px;line-height:1.6;margin-bottom:9px}.reading-main .chapter-organisation{font-size:18px;line-height:1.4;margin-bottom:7px}.reading-main .chapter-location{font-size:14px;line-height:1.7;margin-bottom:0}.back-to-journey{font-size:13px;line-height:1.7;grid-column:2;margin-top:14px}.chapter-body h2{font-size:34px;letter-spacing:-.7px;line-height:1.15}.reading-main .chapter-story-title{font-size:28px;line-height:1.3;margin-bottom:26px}.story-prose p{margin-bottom:20px}.fact-list{margin-top:32px;gap:23px}.fact-list dt{font-size:11px;line-height:1.7}.fact-list dd{font-size:16px;line-height:1.85}.topic-tags li{font-size:13px;padding:8px 11px}.reading-main .text-link{font-size:15px;line-height:1.7}.chapter-memories:has(>.chapter-photo:nth-child(2)){grid-template-columns:1fr;gap:25px}.chapter-memories .chapter-photo img{height:auto;max-height:340px}.chapter-photo figcaption{font-size:13px;line-height:1.7}.reading-main .project-intro p,.reading-main .project-detail-body p{font-size:16px;line-height:1.85}.has-project-image{grid-template-columns:100px 1fr;gap:19px}.project-intro h4{font-size:27px}.project-intro .project-subtitle{font-size:23px}.project-intro .chapter-photo figcaption{font-size:11px}.project-intro .chapter-photo img{height:155px}.reading-main .project-type{font-size:11px!important}.project-detail summary{font-size:16px}.learning-note h3,.academic-projects>h3,.client-work>h3,.media-archive>h3,.project-archive>h3,.school-films>h3,.project-links>h3,.brand-film>h3,.chapter-partnership h3{font-size:26px}.reading-main .learning-note p:not(.eyebrow){font-size:16px}.school-film-grid,.project-archive-grid,.project-link-grid,.certificate-grid{grid-template-columns:1fr;gap:30px}.school-film-grid img{height:auto;max-height:320px}.school-film-grid h4{font-size:28px}.project-archive-card h4{font-size:25px}.media-archive-grid{gap:24px;grid-template-columns:1fr}.media-preview img{height:auto;max-height:350px;object-fit:contain}.archive-media figcaption,.brand-film-preview figcaption{font-size:13px}.media-archive,.school-films,.project-links,.brand-film{margin-top:35px;padding-top:27px}.film-feature h3{font-size:46px}.film-feature{padding:35px 0}.film-poster{margin:0 5px 29px}.film-poster>span{font-size:12px}.reading-main .film-feature p:not(.eyebrow){font-size:16px}.film-feature .text-link{margin-right:0}.filmography-section>h3{font-size:27px}.film-credit{display:block}.film-credit>.chapter-photo:first-child img{max-height:270px}.film-credit-copy{padding-top:22px}.film-credit h3{font-size:27px}.reading-main .film-credit-copy>p:not(.eyebrow){font-size:16px}.project-link-grid img{height:170px}.project-link-grid h4{font-size:23px}.project-link-grid p{font-size:16px}.certificate-grid h3{font-size:24px}.certificate-grid p{font-size:16px}.certificate-grid .certificate-year{font-size:14px}.certificate-scan .media-preview img{max-height:none;height:auto}.reading-footer{min-height:215px;padding-top:30px;gap:20px}.reading-footer p{font-size:29px}.reading-footer a,.reading-footer>a:last-child{font-size:14px}.life-copy h2{font:400 38px/1.2 var(--serif)}.life-copy .story-prose p{font-size:17px}.life-portrait figcaption{font-size:13px}.journal-heading .eyebrow{font-size:11px}.journal-heading>p{font-size:14px}.journal-card figcaption{font-size:14px}.journal-number{font-size:10px}.interest-list{grid-template-columns:1fr}.interest-list h3{font-size:31px}.interest-list span{font-size:11px}.interest-list i{font-size:15px}.viewer-toolbar{padding-bottom:14px}.viewer-counter{font-size:12px}.viewer-close{font-size:15px}.viewer-caption{font-size:23px}.viewer-hint{font-size:11px}.viewer-footer{grid-template-columns:36px 1fr 36px;gap:12px}.viewer-footer button{width:36px;height:36px}.viewer-stage img,.viewer-stage video{max-height:calc(100dvh - 215px)}.journey-window{min-height:0;height:auto;padding:125px 25px 125px}.journey-intro{position:static;margin-bottom:41px}.journey-intro h1{font-size:57px;line-height:1.1;margin-bottom:22px}.journey-intro .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:15px}.journey-opening{display:block;min-height:0;font-size:16px;line-height:1.8;color:#d4dfcd}.timeline-track{gap:29px;padding:0 0 15px}.milestone,.milestone:nth-child(even){width:100%;max-width:390px;height:430px;flex:0 0 430px;scroll-margin-top:103px}.memory-collage{width:330px;transform:none;transform-origin:top left}.milestone-date{top:177px;width:174px}.milestone-date>span{font-size:46px}.milestone-text{top:264px;max-width:340px}.milestone-kind{font-size:11px;margin-bottom:10px}.milestone-text h2{font-size:28px;line-height:1.2;max-width:330px;margin-bottom:13px;letter-spacing:-.5px}.milestone-place{font-size:23px;line-height:1.25;max-width:330px}.milestone-intro{display:none!important}.memory-print figcaption{font-size:9px;opacity:1}.year-map{bottom:0;padding:17px 12px 17px;gap:0}.year-map button{width:36px;height:38px;gap:12px}.year-map button>span{font-size:10px}.year-map-line{left:30px;right:30px;top:40px}.journey-controls{position:static;margin-top:6px;padding-top:25px}.wander-hint{max-width:none;font-size:14px;gap:9px}.wander-hint>span:last-child{flex-basis:auto;padding-left:0}.journey-page .night-garden{opacity:.5}}
@media(max-width:360px){.reading-main{padding-inline:21px}.menu-toggle{font-size:14px}.garden-link>span:last-child{font-size:11px}.portfolio-header{padding-inline:16px;gap:12px}.journey-window{padding-inline:21px}.journey-intro h1{font-size:51px}.memory-collage{transform:scale(.88)!important}.milestone-text{top:236px}.milestone-text h2{font-size:27px}.milestone-date{top:156px;width:150px}.milestone-date>span{font-size:41px}.milestone{height:410px;flex-basis:410px}}
.logo-print:has(img[src*="whistling-woods-logo"]),.organisation-logo:has(img[src*="whistling-woods-logo"]){background:#3e2444}.chapter-photo .media-preview{border:0;background:transparent}.chapter-photo figcaption{padding-top:11px}.chapter-photo .media-enlarge{right:14px;bottom:13px}

/* Keep the exchange group photograph at its natural landscape ratio. */
#vietnam .chapter-memories > .chapter-photo{max-width:720px;width:100%}
#vietnam .chapter-memories .chapter-photo img{height:auto;max-height:none}

/* The simulation interface stays legible, and opens at full resolution. */
#stadium-simulation{scroll-margin-top:125px}
#stadium-simulation .has-project-image{grid-template-columns:1fr;gap:25px}
#stadium-simulation .chapter-photo{width:100%;max-width:640px}
#stadium-simulation .chapter-photo img{height:auto;max-height:none}

/* Project films use the shared on-demand player and retain their full frame. */
.project-video{margin:30px 0 26px;max-width:720px}
.project-video>.eyebrow{margin:0 0 14px}
.project-video-preview{display:block;width:100%}
.project-video-preview .media-preview img{height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain}
.project-video-preview figcaption{font-size:14px;line-height:1.6;padding-top:13px;color:#d4d9c8}
.project-video-preview:hover .media-preview{border-color:#f1dfb0}
.project-film{margin-top:45px;padding-top:32px;border-top:1px solid #b6c5a93f;scroll-margin-top:125px}
.project-film>h3{font:700 30px/1.2 var(--sans);margin:0 0 20px}
#homy{scroll-margin-top:125px}
@media(max-width:760px){.project-video{margin:26px 0}.project-video-preview figcaption{font-size:13px}.project-film{margin-top:35px;padding-top:27px}.project-film>h3{font-size:28px}}

/* Wrap each photograph at its own aspect ratio, including its frame and controls. */
.reading-page .media-preview{display:block;width:fit-content;max-width:100%;border:2px solid #ccd0b47a;background:transparent}
.reading-page .media-preview img{display:block;width:auto;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border:0;background:transparent;box-shadow:none}
.reading-page .archive-media .media-preview img{max-height:250px}
.reading-page .chapter-memories .media-preview img{max-height:245px}
.reading-page .project-intro .media-preview img{max-height:175px}
@media(max-width:760px){
  .reading-page .archive-media .media-preview img,.reading-page .chapter-memories .media-preview img{max-height:340px}
  .reading-page .project-intro .media-preview img{max-height:155px}
}

/* Experience tabs: one experience per page, the row stays below the navigation. */
:root{--header-h:92px}
@media(max-width:1000px){:root{--header-h:80px}}
@media(max-width:760px){:root{--header-h:76px}}
.experience-tabs{position:sticky;top:var(--header-h);z-index:35;margin:-10px 0 60px;padding:13px 0;border-top:1px solid #bac8af24;border-bottom:1px solid #bac8af24;background:#072e3de6;backdrop-filter:blur(18px)}
.experience-tabs-scroll{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.experience-tabs-scroll::-webkit-scrollbar{display:none}
.experience-tabs-track{display:flex;gap:12px;margin:0 auto;padding:0 2px}
.experience-tab{display:inline-flex;flex-direction:column;gap:5px;padding:11px 22px;border:1px solid #c7d4bb24;border-radius:999px;background:#d1e0d807;color:#dfe7dd;white-space:nowrap;transition:background .3s,border-color .3s,color .3s,transform .3s}
.experience-tab:hover{background:#d4e2d814;border-color:#d8e8db8c;transform:translateY(-1px)}
.experience-tab .tab-year{font-size:10px;letter-spacing:2.6px;opacity:.6}
.experience-tab .tab-name{font-size:16px;font-weight:700;letter-spacing:.2px}
.experience-tab[aria-current=page]{background:#ead49c1a;border-color:#ead49c8c;color:#f7f1dd;box-shadow:inset 0 -2px 0 #dcc492}
.experience-tab[aria-current=page] .tab-year{color:#dcc492;opacity:.9}
.experience-tabs-more{display:none;position:absolute;right:14px;bottom:4px;padding:0;font-size:10px;letter-spacing:1.8px;color:#dcc492;background:none}
.experience-tabs.is-scrollable .experience-tabs-more{display:block}
@media(max-width:760px){.experience-tabs{margin-bottom:44px;padding:10px 0 24px}.experience-tab{padding:9px 16px}.experience-tab .tab-name{font-size:15px}}

/* Selected experiences begin close to the tabs, without an extra display title. */
body[data-page=education] .reading-main,body[data-page=work] .reading-main{padding-top:calc(var(--header-h) + 28px)}
body[data-page=education] .reading-intro,body[data-page=work] .reading-intro{padding-bottom:22px}
body[data-page=education] .reading-intro>.eyebrow,body[data-page=work] .reading-intro>.eyebrow{display:none}
body[data-page=education] .reading-intro h1,body[data-page=work] .reading-intro h1{font-size:42px;margin-bottom:10px;letter-spacing:0}
body[data-page=education] .reading-intro>p:last-child,body[data-page=work] .reading-intro>p:last-child{display:none}
.experience-tabs{margin:0 0 24px}
.experience-tab{transition:background .15s,border-color .15s,color .15s}
.experience-tab:hover{transform:none}
body[data-page=education] .story-chapter,body[data-page=work] .story-chapter{padding-top:28px}
body[data-page=education] .chapter-sidebar,body[data-page=work] .chapter-sidebar{top:calc(var(--header-h) + 120px)}
body[data-page=education] .chapter-body>.eyebrow,body[data-page=work] .chapter-body>.eyebrow{margin-bottom:10px}
body[data-page=education] .chapter-body h2,body[data-page=work] .chapter-body h2{margin-bottom:22px;letter-spacing:0}
@media(max-width:760px){
  body[data-page=education] .reading-intro h1,body[data-page=work] .reading-intro h1{font-size:34px}
  .experience-tabs{margin-bottom:18px}
  body[data-page=education] .chapter-sidebar,body[data-page=work] .chapter-sidebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:22px}
  body[data-page=education] .organisation-logo,body[data-page=work] .organisation-logo{margin:0 0 8px}
  body[data-page=education] .chapter-dates,body[data-page=work] .chapter-dates{margin:0}
  body[data-page=education] .back-to-journey,body[data-page=work] .back-to-journey{flex-basis:100%;margin-top:0}
}

/* Clear experience headers: organisation, role or programme, then dates and place. */
.chapter-header{margin:0 0 26px}
.chapter-body .chapter-header h2{margin:0 0 10px}
.chapter-role{font:700 20px/1.4 var(--sans);color:#ecdcae;margin:0 0 8px;max-width:640px;text-wrap:balance}
.chapter-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;line-height:1.6;color:#c4d2c8;margin:0}
.chapter-meta>span[aria-hidden]{color:#dcc49299}
body[data-page=community] .reading-main{padding-top:calc(var(--header-h) + 28px)}
body[data-page=community] .reading-intro{padding-bottom:22px}
body[data-page=community] .reading-intro>.eyebrow,body[data-page=community] .reading-intro>p:last-child{display:none}
body[data-page=community] .reading-intro h1{font-size:42px;margin-bottom:10px;letter-spacing:0}
body[data-page=community] .story-chapter{padding-top:28px}

/* Transparent tab strips: only the buttons carry a background. */
.experience-tabs{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;padding:10px 0}
.experience-tab{background:#0b3443;border-color:#c7d4bb40}
.experience-tab:hover{background:#12404f;border-color:#d8e8db8c}
.experience-tab[aria-current=page]{background:#ead49c;border-color:#ead49c;color:#082f3c;box-shadow:none}
.experience-tab[aria-current=page] .tab-year{color:#082f3c;opacity:.75}
.experience-tabs-more{position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);background:#0b3443;border:1px solid #dcc49266;border-radius:999px;padding:7px 12px;pointer-events:none}
/* Phones: the "More" hint sits below the buttons so it never covers a tab. */
@media(max-width:760px){
  .experience-tabs{padding:10px 0 32px;margin-bottom:0}
  .experience-tabs-more{top:auto;bottom:2px;right:2px;transform:none}
}
@media(prefers-reduced-motion:reduce){.experience-tab{transition:none}}

/* Skills & languages */
.skills-section{padding:10px 0 60px}
.skills-section h2{font:400 42px/1.15 var(--serif);margin:0 0 26px}
.skills-section h3{font:400 30px/1.2 var(--serif);margin:46px 0 18px}
.skills-table{width:100%;max-width:880px;border-collapse:collapse}
.skills-table th,.skills-table td{text-align:left;vertical-align:top;padding:16px 18px 16px 0;border-top:1px solid #bac8af33;font-size:16px;line-height:1.7}
.skills-table thead th{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#dcc492;font-weight:400;padding-top:0;border-top:0}
.skills-table tbody th{font-weight:700;color:#f0e6cc;width:230px}
.skills-table td{color:#d0d9cb}
.language-table{max-width:520px}
@media(max-width:620px){.skills-table thead{display:none}.skills-table tr{display:block;border-top:1px solid #bac8af33;padding:14px 0}.skills-table th,.skills-table td{display:block;border:0;padding:0;width:auto!important}.skills-table tbody th{margin-bottom:4px}}

/* Compact certificates: small fitted thumbnails, readable text. */
.certificate-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:22px 34px}
.certificate-grid>article{display:flex;align-items:flex-start;gap:20px;padding-bottom:22px}
.certificate-grid>article>.certificate-scan{flex:none}
.certificate-scan .media-preview img,.reading-page .certificate-scan .media-preview img{max-height:160px;width:auto;aspect-ratio:auto}
.certificate-grid h3{font-size:20px;margin:0 0 8px}
.certificate-grid p{font-size:15px;margin:4px 0}
@media(max-width:620px){.certificate-grid{grid-template-columns:1fr}.certificate-grid>article{flex-direction:column}.certificate-scan .media-preview img,.reading-page .certificate-scan .media-preview img{max-height:150px}}

/* Collectives: one entry per project. */
.credit-group{border-top:1px solid #b3c5ac35;padding:40px 0 10px;scroll-margin-top:calc(var(--header-h) + 80px)}
.credit-group>h3{font:400 34px/1.2 var(--serif);margin:0 0 24px}
.credit-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid #bac8af22;scroll-margin-top:calc(var(--header-h) + 80px)}
.credit-entry:first-of-type{border-top:0;padding-top:0}
.credit-media{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.reading-page .credit-media .media-preview img{max-height:150px}
.credit-media figcaption{display:none}
.credit-copy h4{font:400 28px/1.2 var(--serif);margin:4px 0 6px}
.credit-copy p{font-size:15px;line-height:1.8;color:#cbd6cb;margin:0 0 8px;max-width:640px}
.credit-copy .project-role{font-weight:700;color:#ecdcae}
.credit-copy .credit-company{color:#b8c9c2}
.credit-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:8px}
@media(max-width:620px){.reading-page .credit-media .media-preview img{max-height:110px}}

/* Lifestyle: find me elsewhere */
.elsewhere{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:22px 0;border-top:1px solid #b3c5ac35}
.elsewhere .eyebrow{margin:0 6px 0 0}
.elsewhere a{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#e2cfa6}
.elsewhere a:hover{color:#f6e7c2}
.elsewhere svg{width:17px;height:17px;opacity:.8}
.credit-entry>.credit-copy{order:-1}
@media(max-width:760px){body[data-page=community] .reading-intro h1{font-size:34px}}

/* References: one compact block at the end of an experience. */
.chapter-reference{margin:46px 0 0;padding:18px 20px;border:1px solid #bac8af2e;border-radius:12px;background:#0b3443cc;max-width:620px}
.chapter-reference .eyebrow{margin:0 0 9px;font-size:7px;letter-spacing:1.6px}
.reference-person{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:18px;row-gap:7px}
.reference-name{grid-row:1;grid-column:1;margin:0;font-size:15px;line-height:1.45;font-weight:700;color:#f2ead6;letter-spacing:.1px}
.reference-meta{grid-row:2;grid-column:1;margin:0;max-width:520px;font-size:11px;line-height:1.75;color:#b9ccc3c4}
.reference-link{grid-row:2;grid-column:2;display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.4px;color:#e2cfa6;border-bottom:1px solid #d5c29955;padding-bottom:2px;white-space:nowrap}
.reference-link:hover{color:var(--gold);border-color:var(--gold)}
.reference-message{margin:12px 0 0;font:400 15px/1.85 var(--serif);color:#e6dcc4;max-width:560px}
@media(max-width:760px){.chapter-reference{margin-top:34px;padding:15px 16px}.reference-name{font-size:14px}}
.note-print.has-brand-logo .note-end{display:flex;align-items:center;justify-content:space-between;gap:6px}
.note-print.has-brand-logo .note-title{font-size:23px;margin:6px 0}
.note-print .note-brand-logo{display:block;flex:0 0 40px;width:40px;height:40px;object-fit:contain;background:#fff;border:1px solid #d8d2c5;padding:1px;filter:none!important}
/* Keep the authored tilt/responsive transforms; shrink Journey card groups by 20%. */
.journey-main .memory-collage{scale:.8}