@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root{--ink:#10100e;--paper:#eee8dc;--stone:#b7b0a3;--amber:#ba8242;--blue:#677987;--line:rgba(238,232,220,.18);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:300;line-height:1.7}a{color:inherit;text-decoration:none}.skip{position:fixed;top:-100px;left:1rem;background:var(--paper);color:var(--ink);padding:.5rem 1rem;z-index:99}.skip:focus{top:1rem}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:fixed;top:0;width:100%;background:rgba(16,16,14,.88);backdrop-filter:blur(15px);z-index:20}.wordmark{font-size:.77rem;font-weight:600;letter-spacing:.22em}.site-header nav{display:flex;gap:2vw}.site-header nav a,.header-cta,.menu{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.site-header nav a:hover{color:var(--amber)}.header-cta{justify-self:end;border-bottom:1px solid var(--amber);padding-bottom:.25rem}.menu{display:none;background:none;border:0;color:var(--paper)}
.hero{min-height:100vh;padding:160px 8vw 80px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-frame{position:absolute;inset:120px 4vw 40px 45%;border:1px solid var(--line);background:radial-gradient(circle at 58% 45%,rgba(186,130,66,.19),transparent 26%),linear-gradient(135deg,rgba(103,121,135,.10),rgba(186,130,66,.04));overflow:hidden}.hero-frame:before,.hero-frame:after{content:'';position:absolute;width:1px;height:160%;top:-30%;background:var(--line);transform:rotate(32deg)}.hero-frame:before{left:36%}.hero-frame:after{left:62%}.aperture{position:absolute;width:min(36vw,520px);aspect-ratio:1;border:1px solid rgba(238,232,220,.12);border-radius:50%;top:50%;left:52%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px rgba(0,0,0,.08),0 0 0 100px rgba(0,0,0,.06),0 0 0 150px rgba(0,0,0,.04)}.ghost-date{position:absolute;right:-.04em;bottom:-.2em;font:400 min(22vw,330px)/.8 var(--serif);color:rgba(238,232,220,.035)}.frame-mark{position:absolute;font-size:.55rem;letter-spacing:.25em;color:var(--stone);top:1rem}.top-left{left:1rem}.top-right{right:1rem}.hero-copy{position:relative;z-index:2;max-width:860px}.eyebrow{font-size:.62rem;letter-spacing:.29em;font-weight:500;color:var(--amber);text-transform:uppercase}.hero h1{font:400 clamp(4.4rem,10vw,9rem)/.75 var(--serif);letter-spacing:-.045em;margin:.3em 0 .22em}.role{font:italic 1.35rem var(--serif);color:var(--stone)}.slogan{font:400 clamp(1.65rem,3.3vw,3rem)/1.05 var(--serif);margin:2rem 0}.actions{display:flex;align-items:center;gap:2rem}.button{display:inline-block;text-transform:uppercase;letter-spacing:.17em;font-size:.65rem;padding:1rem 1.4rem}.primary{background:var(--paper);color:var(--ink)}.primary:hover{background:var(--amber)}.text-button{padding-left:0}.text-button span{color:var(--amber);margin-left:.5rem}.scroll-cue{position:absolute;bottom:2rem;left:8vw;font-size:.55rem;letter-spacing:.25em;color:var(--stone)}.scroll-cue span{color:var(--amber)}
section{padding:9rem 8vw;border-bottom:1px solid var(--line)}h2{font:400 clamp(3.2rem,7vw,7rem)/.87 var(--serif);letter-spacing:-.035em;margin:.2em 0 .45em}.lead{font:400 clamp(1.6rem,2.7vw,2.5rem)/1.18 var(--serif)}.muted{color:var(--stone)}.meeting{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.meeting-visual{aspect-ratio:1.28;position:relative;border:1px solid var(--line);background:linear-gradient(90deg,rgba(103,121,135,.20) 0 50%,rgba(186,130,66,.18) 50% 100%),radial-gradient(circle at 50% 30%,rgba(238,232,220,.11),transparent 45%)}.split-line{position:absolute;height:100%;width:1px;background:var(--line);left:50%}.figure-label{position:absolute;bottom:2rem;font:400 2.4rem/1 var(--serif)}.figure-label span{font:500 .52rem var(--sans);letter-spacing:.22em;color:var(--stone)}.figure-label.left{left:2rem}.figure-label.right{right:2rem;text-align:right}.image-note{position:absolute;top:1rem;left:1rem;font-size:.48rem;letter-spacing:.2em;color:var(--stone)}.meeting h2 em{color:var(--amber);font-weight:400}.triplet{font:400 1.7rem/1.3 var(--serif)}.rule{height:1px;background:var(--amber);width:4rem;margin:2rem 0}.section-heading{margin-bottom:5rem}.before-after{display:grid;grid-template-columns:1fr 1fr;min-height:420px;margin-bottom:5rem}.photo-panel{position:relative;padding:2rem;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);font:400 clamp(2rem,4vw,4.5rem)/.85 var(--serif)}.photo-panel span{position:absolute;top:1rem;left:1rem;font:500 .55rem var(--sans);letter-spacing:.2em}.monochrome{filter:grayscale(1);background:radial-gradient(circle,#3d3d39,#181816)}.colour{background:radial-gradient(circle at 40% 35%,#806744,#24323a 45%,#171713 80%);color:#f1dcb7}.body-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.inline-heading{display:flex;justify-content:space-between;align-items:end}.inline-heading .lead{max-width:360px}.archive-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:2vw;align-items:end}.archive-image{aspect-ratio:4/5;border:1px solid var(--line);background:linear-gradient(155deg,rgba(238,232,220,.13),transparent 45%),linear-gradient(35deg,#1b1c1a,#2c2923);position:relative}.archive-image:after{content:'';position:absolute;inset:15%;border:1px solid var(--line)}.archive-image span{position:absolute;right:1rem;bottom:.5rem;font:400 5rem var(--serif);color:rgba(238,232,220,.1)}.tall .archive-image{aspect-ratio:4/6}.caption{font:500 .72rem var(--sans);letter-spacing:.14em;margin:1rem 0 0}.meta,.status,.rights-note{font-size:.58rem;letter-spacing:.12em;color:var(--stone);text-transform:uppercase}.status{color:var(--amber)}.rights-note{text-align:center;margin-top:4rem}.travels{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:8vw;background:linear-gradient(135deg,#141412,#10100e)}.travel-number{font:400 min(38vw,520px)/.6 var(--serif);color:rgba(186,130,66,.12);text-align:center}.pull{font:italic 1.8rem/1.25 var(--serif);color:var(--paper);border-left:1px solid var(--amber);padding-left:1.5rem;margin-top:2rem}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.story-mark{width:100%;aspect-ratio:3/4;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(186,130,66,.18),transparent 55%)}.story-mark span{font:400 min(26vw,350px)/1 var(--serif);color:rgba(238,232,220,.12)}.story-copy h2{font-size:clamp(4rem,9vw,9rem)}.danger{font:italic 2rem var(--serif);color:var(--amber)}.details{font-size:.55rem;letter-spacing:.2em;color:var(--stone);margin-top:3rem}.closing{text-align:center;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.closing>p:not(.eyebrow,.slogan){max-width:580px;color:var(--stone)}footer{padding:4rem 8vw;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:4vw;align-items:end;color:var(--stone);font-size:.65rem}footer>a{color:var(--paper)}footer>p{text-align:right}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.header-cta{display:none}.menu{display:block}.site-header nav{display:none;position:absolute;top:81px;left:0;width:100%;background:var(--ink);padding:2rem 4vw;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{padding-top:140px}.hero-frame{inset:110px 4vw 40px 28%}.meeting,.travels,.story,.body-grid{grid-template-columns:1fr}.meeting-visual{order:2}.archive-grid{grid-template-columns:1fr}.archive-card{max-width:520px}.archive-card:nth-child(2){margin-left:auto}.archive-card:nth-child(3){margin:auto}.travel-number{display:none}footer{grid-template-columns:1fr}footer>p{text-align:left}}
@media(max-width:600px){.site-header{height:68px}.site-header nav{top:67px}.hero{padding:120px 6vw 60px}.hero-frame{inset:92px 3vw 25px 16%}.hero h1{font-size:18vw}.actions{align-items:flex-start;flex-direction:column;gap:.5rem}.scroll-cue{left:6vw}section{padding:6rem 6vw}.meeting{padding-top:7rem}.meeting-visual{aspect-ratio:1}.figure-label{font-size:1.7rem}.figure-label.left{left:1rem}.figure-label.right{right:1rem}.before-after{grid-template-columns:1fr;min-height:600px}.inline-heading{display:block}.archive-grid{gap:4rem}.story-mark{max-height:540px}footer{padding:3rem 6vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Real archive imagery */
.hero-photo{background:linear-gradient(90deg,rgba(16,16,14,.48),rgba(16,16,14,.02)),url('assets/flinger-house.png') center/cover no-repeat}
.hero-photo:before,.hero-photo:after,.hero-photo .aperture{display:none}
.photo-panel{padding:0;margin:0;display:block;overflow:hidden;font:inherit}
.photo-panel img{width:100%;height:100%;object-fit:cover;display:block}
.photo-panel figcaption{position:absolute;top:1rem;left:1rem;font:500 .55rem var(--sans);letter-spacing:.2em;background:rgba(16,16,14,.8);padding:.45rem .75rem}
.archive-image{overflow:hidden;background:#1b1c1a}
.archive-image:after{display:none}
.archive-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.84) contrast(1.02);transition:transform .7s ease,filter .7s ease}
.archive-card:hover .archive-image img{transform:scale(1.025);filter:saturate(1)}
.developing-photo img{animation:archiveDevelop 16s ease-in-out infinite;will-change:filter}
.archive-card:nth-child(2) .developing-photo img{animation-delay:-5.3s}
.archive-card:nth-child(3) .developing-photo img{animation-delay:-10.6s}
.archive-image span{z-index:2;color:rgba(238,232,220,.3);text-shadow:0 2px 18px #000}
.story-mark{display:block;overflow:hidden;background:#171713}
.story-mark img{width:100%;height:100%;object-fit:cover;display:block}
.meeting-visual{background:#171713;overflow:hidden}
.meeting-visual img{width:100%;height:100%;object-fit:cover;display:block}
.jaguar-develop{position:relative;margin:0 0 5rem;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);background:#151513}
.jaguar-develop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}
.jaguar-single{animation:developJaguar 14s ease-in-out infinite;will-change:filter}
.jaguar-develop figcaption{position:absolute;z-index:3;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;font:500 .52rem var(--sans);letter-spacing:.18em;color:var(--paper);text-shadow:0 1px 8px #000}
.jaguar-develop figcaption span:last-child{color:var(--amber)}
@keyframes developColour{0%,12%{opacity:0}42%,62%{opacity:1}90%,100%{opacity:0}}
@keyframes developJaguar{0%,12%{filter:grayscale(1) saturate(.55) contrast(1.04)}42%,62%{filter:grayscale(0) saturate(.9) contrast(1.01)}90%,100%{filter:grayscale(1) saturate(.55) contrast(1.04)}}
@keyframes archiveDevelop{0%,14%{filter:grayscale(1) saturate(.55) contrast(1.05)}42%,62%{filter:grayscale(0) saturate(.84) contrast(1.02)}90%,100%{filter:grayscale(1) saturate(.55) contrast(1.05)}}
@media(max-width:600px){.jaguar-develop figcaption{font-size:.44rem}}
@media(prefers-reduced-motion:reduce){.jaguar-single{animation:none}.developing-photo img{animation:none}}

/* Preserve the full landscape archive compositions, including Charlie at frame right. */
.archive-image,.tall .archive-image{aspect-ratio:3/2}
