@charset "UTF-8";
:root{--bg:#10110f;--fg:#eeeee6;--muted:#a2a49a;--line:#383a32;--copper:#e3a47a;--paper:#e8e9e0;--pad:clamp(24px,5vw,90px);--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--sans)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:6px}
::selection{background:var(--copper);color:var(--bg)}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400;line-height:1.05}
h2{font-size:clamp(42px,5.4vw,86px);letter-spacing:-.055em}
h3{font-size:30px;letter-spacing:-.03em}
p+p{margin-top:20px}
em{font-family:var(--serif);font-weight:400;color:var(--copper)}
.muted{color:var(--muted)}
.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:500;text-transform:uppercase}
.section-pad{padding:105px var(--pad)}
.section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:64px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--fg);color:var(--bg);z-index:100}
.skip:focus{top:15px}
.site-header{height:84px;position:sticky;top:0;z-index:30;background:rgba(16,17,15,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);gap:30px}
.wordmark{font-weight:700;font-size:28px;letter-spacing:-.08em;display:flex;align-items:center;gap:20px}
.wordmark span{font-size:9px;max-width:90px;line-height:1.5;letter-spacing:.13em}
.site-header nav{display:flex;gap:28px}
.site-header nav a{font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:12px 0}
.site-header nav a:hover,.site-header nav a.active{color:var(--copper)}
.language{font-size:12px;border-left:1px solid var(--line);padding-left:22px}
.menu-toggle{display:none}
.hero{position:relative;padding:30px var(--pad) 24px;min-height:calc(100svh - 84px);overflow:hidden}
.hero-top{display:flex;justify-content:space-between}
.hero-title{position:relative;z-index:1;margin:28px 0 6px}
.hero h1{font-size:clamp(140px,26.8vw,430px);line-height:.84;font-weight:500;letter-spacing:-.087em;margin-left:-.02em}
.hero h1>span{display:block;font-size:clamp(14px,1.48vw,24px);letter-spacing:.42em;line-height:1.8;margin-top:18px;margin-left:.5em}
.hero-plane{position:absolute;left:53%;top:40%;width:43%;height:40%;transform:rotate(-16deg);border:1px solid #7b7059;background:linear-gradient(112deg,#191c18,#35382b 50%,#151810);box-shadow:20px 30px 70px #0006;display:flex;align-items:center;justify-content:space-between;padding:25px;color:#bbb7a3;font-size:11px;letter-spacing:.2em}
.hero-plane i{height:65%;width:1px;background:var(--copper);transform:rotate(38deg)}
.hero-bottom{display:flex;position:relative;z-index:2;justify-content:space-between;align-items:end;margin-top:48px}
.hero-statement{font-family:var(--serif);font-size:clamp(30px,3.1vw,48px);line-height:1.15}
.hero-bottom .muted{font-size:14px;margin-top:15px}
.round-link{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--fg);border-radius:100%;width:115px;height:115px;padding:20px;font-size:12px;letter-spacing:.08em;transition:background .3s,color .3s}
.round-link span:last-child{font-size:25px}
.round-link:hover{background:var(--fg);color:var(--bg)}
.media-note{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:32px}
.giver{border-top:1px solid var(--line)}
.media-slot{min-height:340px;position:relative;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#1c201b,#121410);overflow:hidden}
.portrait{height:600px}
.placeholder-mark{font-family:var(--serif);font-size:230px;color:#3d4336;line-height:1}
.placeholder-mark span{font:12px var(--sans);vertical-align:top;color:var(--muted)}
.media-slot figcaption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.08em}
.media-slot figcaption small{font-size:12px;letter-spacing:0;max-width:220px;text-align:right;color:var(--muted)}
.giver-copy h2{font-size:clamp(38px,4vw,65px);margin-bottom:30px}
.giver-copy p{max-width:430px;color:#c0c1b7}
.giver-copy .statement{font-size:28px;color:var(--fg)}
.giver-copy>.eyebrow{display:block;margin-top:35px}
.gift-note{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line);padding-top:45px;margin-top:65px}
.gift-note p{max-width:540px;color:var(--muted)}
.gift-note strong{font-weight:400;color:var(--fg);display:inline-block;margin-top:20px}
footer{padding:50px var(--pad);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}
footer span{font-size:11px;letter-spacing:.1em}
.noscript{padding:20px var(--pad)}

@media(min-width:1600px){main,footer{max-width:1900px;margin:auto}
.hero{min-height:850px}
}

@media(max-width:900px){.wordmark span{display:none}
.site-header{gap:15px}
.site-header nav{gap:16px}
.split{gap:40px}
.portrait{height:500px}
.giver-copy h2{font-size:40px}
.hero-plane{top:40%;height:30%}
.section-heading{margin-bottom:40px}
}

@media(max-width:640px){html{scroll-padding-top:80px}
.site-header{height:70px}
.menu-toggle{display:flex;background:none;border:0;color:var(--fg);gap:18px;font-size:12px;align-items:center;margin-left:auto;padding:12px}
.menu-toggle span{font-size:22px}
.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}
.site-header nav.open{display:flex}
.site-header nav a{font-size:16px}
.language{padding-left:14px}
.hero{min-height:calc(100svh - 70px);padding-top:22px}
.hero-top{font-size:9px;gap:25px}
.hero-top span{max-width:150px}
.hero-top span:last-child{text-align:right}
.hero-title{margin-top:65px}
.hero h1{font-size:30vw}
.hero h1>span{font-size:10px;letter-spacing:.29em}
.hero-plane{top:39%;left:43%;width:65%;height:26%;padding:18px;font-size:9px}
.hero-bottom{margin-top:130px}
.hero-statement{font-size:30px}
.round-link{width:86px;height:86px;padding:13px;font-size:10px;flex-shrink:0}
.hero-bottom .muted{font-size:12px}
.media-note{font-size:9px}
.section-pad{padding:70px var(--pad)}
.section-heading{font-size:10px}
.section-heading .eyebrow:last-child{display:none}
.split,.gift-note{grid-template-columns:1fr;gap:35px}
.portrait{height:410px}
.giver-copy h2{font-size:43px}
.gift-note{margin-top:45px}
.media-slot figcaption{left:18px;right:18px;bottom:18px;flex-direction:column;gap:8px}
.media-slot figcaption small{text-align:left;max-width:none}
footer{align-items:start;flex-wrap:wrap}
footer>*{width:40%}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}

.messenger{border-top:1px solid var(--line);background:#161812}
.serif-quote{font:clamp(34px,4.8vw,76px)/1.15 var(--serif);letter-spacing:-.035em;max-width:1150px;margin:45px 0 60px}
.offset-copy{max-width:530px;margin-left:50%;color:#c0c1b7}
.offset-copy small{display:block;color:var(--muted);font-size:13px;margin-top:30px}
.hand-title{display:flex;align-items:center;gap:40px;margin:45px 0}
.hand-title h2{font-size:clamp(60px,9vw,145px);white-space:nowrap}
.hand-title p{color:var(--muted);font:italic 24px var(--serif)}
.hand-line{height:1px;flex:1;background:var(--line)}
.hand-slot{min-height:250px}
.hand-slot>.eyebrow{font-size:12px;color:#8d9481}
.chapter{height:140svh;position:relative;border-top:1px solid var(--line)}
.chapter-stage{position:sticky;top:84px;min-height:calc(100svh - 84px);overflow:hidden;padding:35px var(--pad) 25px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;background:var(--chapter-bg,#1d2119)}
.earth{--chapter-bg:#23251b;--chapter-color:#b5bd85}
.air{--chapter-bg:#18201f;--chapter-color:#c3d5c9}
.fire{--chapter-bg:#291a15;--chapter-color:#ef9568}
.water{--chapter-bg:#152329;--chapter-color:#88bbd0}
.chapter-meta{display:flex;justify-content:space-between;color:var(--chapter-color)}
.element-index{position:absolute;right:6%;top:3%;font:clamp(350px,43vw,740px)/1 var(--serif);color:var(--chapter-color);opacity:.09;z-index:-1;transform:translateY(calc(var(--scene-progress,0)*-35px))}
.chapter-word{margin:60px 0}
.chapter-word h2{font-size:clamp(90px,18vw,290px);letter-spacing:-.065em;line-height:.83;color:var(--chapter-color);transform:translateX(calc(var(--scene-progress,0)*18px))}
.chapter-word p{font:italic clamp(24px,3vw,46px)/1.2 var(--serif);margin-top:25px}
.chapter-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.element-materials{font-size:clamp(18px,2.1vw,32px);letter-spacing:-.035em}
.chapter-bottom>div>p{font-size:22px}
.chapter-bottom small{font-size:14px;display:block;color:#b6bcb1;max-width:420px;margin-top:18px}
.chapter-caption{font-size:10px;letter-spacing:.1em;color:#aab2a3;margin-top:40px}
.enough{padding-top:100px;padding-bottom:130px}
.four-elements{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:18px;font-size:13px;letter-spacing:.12em}
.four-elements small{display:block;font-size:13px;letter-spacing:0;color:var(--muted);margin-top:8px}
.enough h2{margin:110px 0 70px;font-size:clamp(55px,9vw,140px)}
.enough .offset-copy{font-size:21px;line-height:1.9}
.fifth{background:var(--copper);color:var(--bg);padding-bottom:70px}
.fifth h2{margin-top:45px}
.fifth-prefix{font-size:clamp(17px,2.5vw,40px);letter-spacing:.13em;display:block}
.you{font-size:clamp(170px,31vw,490px);line-height:1;letter-spacing:-.09em;display:block;margin-left:-.04em}
.fifth-bottom{display:flex;justify-content:space-between;gap:50px;margin:10px 0 50px;font-size:18px}
.fifth-bottom strong{font-weight:500}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid currentColor;padding:10px 0;font-size:14px}
.text-link:hover{opacity:.7}
.text-link>span{font-size:24px}
.explore-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px var(--pad);border-bottom:1px solid var(--line)}
.explore-bar>a{font-size:13px;color:var(--muted)}
.explore-bar>a:hover{color:var(--fg)}
.moment-header{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}
.moment-header>div{max-width:380px;margin-right:6%}
.moment-surface{height:clamp(280px,43vw,640px);position:relative;background:#33372b;overflow:hidden}
#moment-canvas{width:100%;height:100%;display:block}
.surface-label,.surface-state{position:absolute;top:24px;color:#fff;background:#10110fb0;padding:7px 10px;font-size:10px}
.surface-label{left:24px}
.surface-state{right:24px}
.moment-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:25px 0}
.moment-buttons{display:flex;gap:12px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:17px 22px;font-size:14px;border:1px solid transparent;line-height:1.5;text-align:left}
.button.light{color:var(--bg);background:var(--fg)}
.button.light:hover{background:var(--copper)}
.button.quiet{color:var(--fg);background:transparent;border-color:var(--line)}
.button:disabled{opacity:.35;cursor:default}
.button.outline{color:var(--fg);border-color:var(--line);margin-top:35px}
.button.outline:hover{border-color:var(--copper)}
.moment-controls>p{font:italic 20px var(--serif);color:var(--copper);text-align:right}
.moment-track{height:2px;background:var(--line)}
.moment-track i{height:100%;display:block;width:0;background:var(--copper)}
.moment-condition{margin:18px 0 0;color:var(--copper);font-size:16px;line-height:1.5;letter-spacing:.02em}
.moment-notes{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:30px;color:var(--muted);font-size:14px}
.moment-notes p{margin:0}
.moment-notes strong{color:var(--fg);font-weight:400}
.tools{padding-top:45px}
.tools h2{margin-bottom:60px}
.tool-list{border-top:1px solid var(--line)}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
.tool-list summary{display:grid;grid-template-columns:65px 1fr 260px 25px;align-items:center;gap:20px;padding:35px 0}
.tool-list details{border-bottom:1px solid var(--line)}
.tool-no{color:var(--copper);font-size:12px}
.tool-tag{font-size:11px;letter-spacing:.1em;color:var(--muted)}
.toggle-symbol{font-size:28px;font-weight:300;transition:transform .2s}
.tool-list details[open] .toggle-symbol{transform:rotate(45deg)}
.tool-body{padding:0 0 40px 85px;display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.tool-body>p{color:#bfc2b6;max-width:500px}
.process-diagram{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:11px;letter-spacing:.08em}
.process-diagram>span{border-top:1px solid #6d735f;border-bottom:1px solid #6d735f;padding:12px 0}
.process-diagram b{font-weight:400;color:var(--copper)}
.process-diagram small{width:100%;font-size:12px;letter-spacing:0;color:var(--muted)}
.control{background:#1c2019}
.control h2{margin:45px 0 60px;font-size:clamp(38px,7vw,110px)}
.control-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.control-columns>div{padding-top:25px;border-top:1px solid #454b3a}
.control-columns .eyebrow{color:var(--copper)}
.control-columns p{margin-top:25px;font-size:clamp(18px,2vw,28px);line-height:1.6;color:#b8bfab}
.control-quote{font-size:clamp(28px,4.3vw,65px);letter-spacing:-.04em;line-height:1.2;margin:100px 0 75px}
.response-cycle{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #454b3a;border-bottom:1px solid #454b3a;padding:35px 0}
.response-cycle span{font-size:11px;letter-spacing:.08em;color:var(--muted)}
.response-cycle h3{font-size:25px;margin-top:20px;line-height:1.2}
.response-cycle>b{font-size:25px;font-weight:400;align-self:center;color:var(--copper)}
.uniqueness{max-width:580px;margin:30px 0 0 auto;font-size:14px;color:var(--muted)}
.cosmos-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}
.cosmos-title h2{font-size:clamp(40px,5.2vw,78px)}
.cosmos-title>p{color:var(--muted);font-size:14px;min-width:170px}
.cosmos-large{height:clamp(420px,62vw,850px);background:#191c17}
.cosmos-placeholder{display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center;padding:30px}
.cosmos-placeholder>span:nth-child(2){font:clamp(55px,11vw,170px)/1 var(--serif);color:#616a55;letter-spacing:-.055em}
.cosmos-placeholder>p{color:var(--muted);font:italic 20px var(--serif)}
.cosmos-placeholder .eyebrow{color:var(--muted)}
.cosmos-secondary{display:grid;grid-template-columns:1fr 1.4fr;gap:10vw;margin-top:70px;align-items:center}
.cosmos-secondary>p{font:italic clamp(24px,2.5vw,38px)/1.4 var(--serif);color:#c3c7b8}
.cosmos-detail{height:470px;background:#181c1c}
.cosmos-detail .cosmos-placeholder>span:nth-child(2){font-size:clamp(40px,5vw,80px);color:#5b716f}
.gallery-note{max-width:550px;margin-top:30px;font-size:13px;color:var(--muted)}
.no-paint{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}
.no-paint>.eyebrow{grid-column:1/-1;margin-bottom:55px}
.no-paint h2{font-size:clamp(80px,13vw,200px);line-height:.88;letter-spacing:-.065em}
.no-paint h2 em{color:var(--fg)}
.no-paint-copy h3{font:italic 32px var(--serif);color:var(--copper);margin-bottom:25px}
.no-paint-copy .muted{font-size:14px}
.colour-comparison{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:80px}
.colour-comparison>div{border-top:1px solid var(--line);padding-top:20px}
.colour-comparison .eyebrow{color:var(--muted)}
.colour-comparison p{font-size:20px;line-height:1.5;margin-top:20px}
.durability{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:60px;border-top:1px solid var(--line);padding-top:30px}
.durability p{font-size:14px;color:var(--muted)}
.science{background:var(--paper);color:#20261e}
.science em{color:#6b7556}
.science-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}
.science-intro>p{max-width:410px}
.science-chain{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 0;margin:65px 0;border-top:1px solid #bbc0b1;border-bottom:1px solid #bbc0b1}
.science-chain span{font-size:20px;line-height:1.4}
.science-chain small{display:block;color:#69705d;font-size:11px;margin-bottom:20px}
.science-chain b{font-size:25px;font-weight:400;color:#68765a}
.science-rows article{display:grid;grid-template-columns:1fr 1.05fr 1.5fr;gap:5vw;border-bottom:1px solid #bbc0b1;padding:35px 0}
.evidence-label{font-size:11px;letter-spacing:.1em;color:#5d6654}
.science-rows h3{font-size:28px;line-height:1.2}
.science-rows p{color:#48513f}
.open h2{margin-bottom:60px}
.open-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.open-manifesto{font:italic clamp(35px,4.5vw,65px)/1.15 var(--serif);color:var(--copper)}
.create{border-top:1px solid var(--line);background:#1b2017}
.create h2{font-size:clamp(65px,11vw,170px);margin:50px 0 70px}
.create h2 em{color:#c0cba5}
.create-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end}
.create-bottom>p{color:#c3c8b7}
.create-bottom>div{display:flex;flex-direction:column;gap:15px;align-items:stretch}
.closing-line{font-size:clamp(22px,3.7vw,56px);letter-spacing:-.035em;margin-top:100px;border-top:1px solid #444e37;padding-top:35px;display:flex;justify-content:space-between}
.closing-line>span{color:#99a785}
.media-slot.has-media>img,.media-slot.has-media>a>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.media-slot.has-media figcaption{background:#10110fcc;padding:14px}
.media-slot.has-media>a{position:absolute;inset:0}
.media-slot.has-media>a:focus-visible{outline-offset:-5px}
.media-slot.has-media>div,.media-slot.has-media>.eyebrow{display:none}
.media-open-label{position:absolute;right:20px;top:20px;background:#10110fcc;padding:10px;font-size:13px;z-index:1}
.hero.original-hero{background-position:center;background-size:cover}
.hero.original-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#10110f70,#10110fbd)}
.hero.original-hero .hero-plane{display:none}
.hero.original-hero .hero-top,.hero.original-hero .media-note{position:relative}
.chapter-stage video,.chapter-stage>.chapter-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.3}

@media(max-width:900px){.explore-bar>.eyebrow{display:none}
.tool-list summary{grid-template-columns:40px 1fr 190px 25px;gap:15px}
.tool-tag{font-size:10px}
.tool-body{padding-left:55px}
.science-rows article{grid-template-columns:1fr 1.5fr;gap:25px}
.evidence-label{grid-column:1/-1}
.science-chain span{font-size:16px}
.control h2{font-size:7.3vw}
.cosmos-secondary{gap:45px}
.moment-controls{align-items:start}
.moment-controls>p{max-width:270px;font-size:18px}
.button{gap:18px}
.no-paint h2{font-size:14vw}
}

@media(max-width:640px){.offset-copy{margin-left:0}
.serif-quote{margin:35px 0}
.hand-title{display:block}
.hand-title h2{font-size:18vw;white-space:normal}
.hand-title p{margin-top:20px}
.hand-slot>.eyebrow{font-size:9px;text-align:center;padding:20px}
.chapter{height:120svh}
.chapter-stage{top:70px;min-height:calc(100svh - 70px);padding-top:25px}
.chapter-word{margin:60px 0 40px}
.chapter-word h2{font-size:22vw}
.chapter-word p{font-size:26px;max-width:310px}
.element-index{top:16%;font-size:100vw;right:1%}
.chapter-bottom{grid-template-columns:1fr;gap:25px}
.chapter-bottom>div>p{font-size:18px}
.chapter-bottom small{font-size:13px;margin-top:10px}
.element-materials{font-size:18px}
.chapter-caption{font-size:9px;margin-top:25px}
.four-elements{grid-template-columns:1fr 1fr;gap:25px}
.enough h2{font-size:57px;margin:65px 0 40px}
.enough .offset-copy{font-size:18px}
.fifth h2{margin-top:40px}
.fifth-prefix{font-size:16px;letter-spacing:.1em}
.you{font-size:34vw;margin:15px 0}
.fifth-bottom{flex-direction:column;gap:25px;font-size:16px;margin:25px 0}
.fifth-bottom p+p{margin:0}
.explore-bar{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.explore-bar>a{font-size:12px}
.moment-header{display:block;margin-bottom:35px}
.moment-header>div{margin-top:25px}
.moment-header .muted{font-size:14px}
.moment-surface{height:330px}
.surface-label,.surface-state{font-size:8px;top:16px;padding:5px;letter-spacing:.05em}
.surface-label{left:12px}
.surface-state{right:12px}
.moment-controls{display:block}
.moment-controls>p{text-align:left;max-width:none;margin-top:20px;min-height:30px}
.button{font-size:13px;padding:14px 17px;gap:20px}
.moment-buttons .light{flex:1}
.moment-notes{grid-template-columns:1fr;gap:20px;font-size:13px}
.tools{padding-top:10px}
.tools h2{margin-bottom:40px}
.tool-list summary{grid-template-columns:25px 1fr 25px;padding:25px 0;gap:12px}
.tool-tag{display:none}
.tool-list h3{font-size:26px}
.tool-body{padding:0 0 30px 37px;grid-template-columns:1fr;gap:25px}
.tool-body p{font-size:15px}
.control h2{font-size:9vw;white-space:normal;margin:35px 0}
.control-columns{grid-template-columns:1fr;gap:35px}
.control-columns p{font-size:19px;margin-top:20px}
.control-quote{font-size:30px;margin:55px 0 40px}
.response-cycle{flex-direction:column;gap:22px}
.response-cycle>b{align-self:start;transform:rotate(90deg);margin-left:3px}
.response-cycle>b:last-child{transform:none}
.response-cycle h3{margin-top:10px}
.uniqueness{font-size:13px}
.cosmos-title{display:block;margin-bottom:35px}
.cosmos-title>p{margin-top:25px}
.cosmos-large{height:480px}
.cosmos-placeholder>span:nth-child(2){font-size:17vw}
.cosmos-placeholder>p{font-size:17px}
.cosmos-secondary{grid-template-columns:1fr;gap:35px;margin-top:40px}
.cosmos-detail{height:360px}
.cosmos-detail .cosmos-placeholder>span:nth-child(2){font-size:12vw}
.no-paint{grid-template-columns:1fr;gap:0}
.no-paint>.eyebrow{margin-bottom:40px}
.no-paint h2{font-size:29vw;margin-bottom:40px}
.no-paint-copy h3{font-size:28px}
.colour-comparison,.durability{grid-template-columns:1fr;gap:30px;margin-top:40px}
.colour-comparison p{font-size:18px}
.science-intro{display:block}
.science-intro>p{margin-top:30px}
.science-chain{display:grid;grid-template-columns:1fr 30px 1fr;gap:25px;margin:40px 0;padding:30px 0}
.science-chain>b:nth-child(4){display:none}
.science-chain span{font-size:15px}
.science-chain small{margin-bottom:8px}
.science-rows article{grid-template-columns:1fr;gap:18px;padding:30px 0}
.science-rows p{font-size:15px}
.open h2{margin-bottom:40px}
.open-content{grid-template-columns:1fr;gap:35px}
.open-manifesto{font-size:40px}
.create h2{font-size:17vw;margin:40px 0}
.create-bottom{display:block}
.create-bottom>div{margin-top:35px}
.closing-line{font-size:23px;margin-top:60px}
}

@media(prefers-reduced-motion:reduce){.chapter{height:auto}
.chapter-stage{position:relative;top:0}
.chapter-word h2,.element-index{transform:none}
.hero-plane{transform:rotate(-16deg)}
}

@media(max-height:650px) and (min-width:641px){.chapter{height:auto}
.chapter-stage{position:relative;top:0;min-height:620px}
.chapter-word{margin:45px 0}
.chapter-word h2{font-size:130px}
}

@media print{.site-header,.explore-bar,.moment-buttons,.skip{display:none}
.chapter{height:auto}
.chapter-stage{position:relative;top:0;min-height:500px}
.section-pad{padding:40px}
body{background:white;color:black}
a{color:inherit}
.hero{min-height:650px}
details>div{display:block!important}
}

.manual-moment{margin-top:20px;max-width:460px;color:var(--muted);font-size:14px}
.manual-moment summary{padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.manual-moment label{display:flex;justify-content:space-between;margin:15px 0 8px}
.manual-moment input{width:100%;accent-color:var(--copper);min-height:35px}
.manual-moment output{color:var(--fg)}

@media(max-width:640px){.hero-plane{left:62%;top:38%;width:64%;height:22%;opacity:.65}
.hero-bottom{margin-top:160px}
.hero-plane>span{display:none}
.hero .media-note{position:relative;z-index:2;max-width:260px;line-height:1.7}
.hero-statement{max-width:245px}
}

.footage-toggle{position:absolute;right:var(--pad);bottom:22px;z-index:2;background:var(--bg);border:1px solid var(--muted);color:var(--fg);padding:10px 15px;font-size:13px}
.chapter-stage:has(.footage-toggle) .chapter-caption{max-width:65%}
.film{padding-top:40px;border-top:1px solid var(--line)}
.film-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}
.film-heading>p{max-width:340px;color:var(--muted)}
.film-frame{position:relative;aspect-ratio:16/9;background:#171b16;border:1px solid var(--line);overflow:hidden}
.film-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:25px;color:var(--muted)}
.film-symbol{width:90px;height:90px;border:1px solid #626b5d;border-radius:50%;display:grid;place-items:center;color:var(--fg);font-size:24px;padding-left:5px}
.film-placeholder p{font-size:12px;letter-spacing:.13em}
.film-placeholder small{font-size:13px}
.film-frame.ready .film-placeholder{display:none}
.film-frame.ready{width:min(100%,520px);aspect-ratio:9/16;margin-inline:auto}
.film-frame video{display:block;width:100%;height:100%;object-fit:contain}
.film-frame video[hidden]{display:none}
.film-credit{font-size:13px;color:var(--muted);margin-top:15px}
.film-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:850px;margin:48px auto 0}
.film-archive figure{margin:0;background:#171b16;border:1px solid var(--line)}
.film-archive video{display:block;width:100%;aspect-ratio:9/16;max-height:560px;object-fit:contain;background:#0d0f0c}
.film-archive figcaption{display:flex;justify-content:space-between;gap:12px;padding:16px;color:var(--fg);font-size:11px;letter-spacing:.08em}
.film-archive figcaption small{color:var(--muted);font-size:11px;letter-spacing:0;text-align:right}
.surface-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:72px}
.surface-archive-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:40px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.surface-archive-heading p{max-width:430px;color:var(--muted);font-size:14px}
.surface-archive figure{margin:0;min-width:0}
.surface-archive a{display:block;overflow:hidden;background:#1c201b}
.surface-archive img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease}
.surface-archive a:hover img{transform:scale(1.04)}
.surface-archive figcaption{padding-top:10px;color:var(--muted);font-size:10px;letter-spacing:.06em}
.portrait.has-media>img{object-position:center 62%}
.hand-slot.has-media{display:block;min-height:0;width:min(100%,1000px);margin-inline:auto;background:#10110f}
.hand-slot.has-media>img{display:block;position:static;width:100%;height:auto;object-fit:contain}
.hand-slot.has-media figcaption{position:static;display:flex;align-items:baseline;margin:0;padding:18px 24px;border-top:1px solid var(--line);background:#10110f}
.surface-sequence{background:#171914;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sequence-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:46px}
.sequence-intro p{max-width:460px;color:var(--muted);font-size:17px}
.sequence-grid{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0}
.sequence-grid li{min-width:0;direction:ltr;background:#10110f;border:1px solid var(--line)}
.sequence-grid li:first-child{border-top:2px solid var(--copper)}
.sequence-grid figure{height:100%}
.sequence-grid a{display:block;overflow:hidden;background:#22261e}
.sequence-grid a:focus-visible{outline-offset:-4px}
.sequence-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .5s ease}
.sequence-grid a:hover img{transform:scale(1.04)}
.sequence-grid figcaption{min-height:158px;padding:15px 14px 20px}
.sequence-number{display:block;color:var(--copper);font-size:11px;letter-spacing:.11em}
.sequence-grid figcaption p{margin-top:18px;font-size:14px;line-height:1.4}
.sequence-note{max-width:900px;margin-top:24px;color:var(--muted);font-size:13px}
@media(max-width:900px){.surface-archive{grid-template-columns:repeat(3,minmax(0,1fr))}.film-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.film-archive figcaption{display:block}.film-archive figcaption small{display:block;margin-top:5px;text-align:left}}
@media(max-width:640px){.film{padding-top:35px}.film-heading{display:block;margin-bottom:30px}.film-heading h2{font-size:43px}.film-heading>p{margin-top:25px;font-size:15px}.film-frame{aspect-ratio:4/3}.film-symbol{width:70px;height:70px}.film-placeholder p{font-size:10px}.film-archive{grid-template-columns:1fr 1fr}.film-archive video{max-height:400px}.surface-archive{grid-template-columns:1fr 1fr;gap:18px}.surface-archive-heading{display:block}.surface-archive-heading p{margin-top:14px}.surface-archive img{aspect-ratio:1/1}}
@media(max-width:900px){.sequence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sequence-grid figcaption{min-height:140px}}
@media(max-width:640px){.sequence-direction{display:none}.sequence-intro{display:block;margin-bottom:28px}.sequence-intro p{margin-top:24px;font-size:15px}.sequence-grid{grid-template-columns:1fr;gap:15px}.sequence-grid img{aspect-ratio:4/3}.sequence-grid figcaption{min-height:0;padding:15px 17px 18px}.sequence-grid figcaption p{margin-top:8px}.sequence-note{font-size:12px}}

.brush-portrait{max-width:1000px;margin:45px auto 65px;border:1px solid var(--line)}
.brush-portrait img{display:block;width:100%;height:auto}
.brush-portrait figcaption{padding:22px 25px;display:flex;justify-content:space-between;gap:24px;align-items:baseline}
.brush-portrait figcaption span{font-size:12px;letter-spacing:.12em;color:var(--copper)}
.brush-portrait figcaption p{font-size:15px;color:var(--muted)}
.surface-archive{grid-template-columns:repeat(2,minmax(0,1fr))}
.fire .chapter-stage,.water .chapter-stage{background:#10110f}
.fire .chapter-stage>.chapter-image,.water .chapter-stage>.chapter-image{inset:0 0 0 auto;width:48%;height:100%;object-fit:contain;opacity:.85}
.fire .chapter-word h2,.water .chapter-word h2{font-size:clamp(90px,13vw,220px)}
.fire .chapter-word,.water .chapter-word{margin:36px 0}
.fire .chapter-word p,.water .chapter-word p{max-width:45%}
.fire .chapter-bottom,.water .chapter-bottom{grid-template-columns:1fr;gap:16px;max-width:45%}
@media(max-width:640px){
.brush-portrait figcaption{display:block;padding:18px}.brush-portrait figcaption p{margin-top:10px;font-size:14px}
.fire.chapter,.water.chapter{height:auto}
.fire .chapter-stage,.water .chapter-stage{position:relative;top:0}
.fire .chapter-stage>.chapter-image,.water .chapter-stage>.chapter-image{position:static;order:2;width:100%;height:390px;opacity:1;margin:10px 0 30px;z-index:0}
.fire .chapter-meta,.water .chapter-meta{order:0}
.fire .chapter-word,.water .chapter-word{order:1}
.fire .chapter-word h2,.water .chapter-word h2{font-size:22vw}
.fire .chapter-word p,.water .chapter-word p{max-width:none}
.fire .chapter-bottom,.water .chapter-bottom{order:3;max-width:none}
.fire .chapter-caption,.water .chapter-caption{order:4}
}

/* Preserve the full nozzle and delicate moisture plume. */
.air .chapter-stage{background:#10110f}
.air .chapter-stage>.chapter-image{object-fit:contain;opacity:.85}
@media(max-width:640px){.air.chapter{height:auto}.air .chapter-stage{position:relative;top:0}.air .chapter-stage>.chapter-image{position:static;order:2;width:100%;height:auto;min-height:240px;object-fit:contain;opacity:1;z-index:0;margin:20px 0}.air .chapter-meta{order:0}.air .chapter-word{order:1;margin:30px 0}.air .chapter-bottom{order:3}.air .chapter-caption{order:4}.brush-portrait figcaption{display:block}.brush-portrait figcaption p{margin-top:12px}}

/* The original RAW sample grid becomes the closing visual field. */
.create{position:relative;isolation:isolate;overflow:hidden;background:#10110f url('assets/photos/raw-surface-charcoal.png') center top/cover no-repeat}
.create:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,17,15,.92),rgba(16,17,15,.58) 58%,rgba(16,17,15,.32)),linear-gradient(0deg,rgba(16,17,15,.95),transparent 34%,rgba(16,17,15,.08))}
.create>*{position:relative}
.create .eyebrow,.create h2,.create p,.create a{color:#f1eee5}
.create h2 em{color:#e3a47a}
.create .creative-audience{border-color:#e3a47a}
@media(max-width:640px){.create{background-position:center top}.create:before{background:linear-gradient(180deg,rgba(16,17,15,.9),rgba(16,17,15,.62) 55%,rgba(16,17,15,.94))}}

.sound-toggle{position:fixed;right:24px;bottom:22px;z-index:90;display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #778174;background:#10110fee;color:#eef1e8;border-radius:30px;cursor:pointer;font:12px var(--sans);letter-spacing:.05em}.sound-toggle i{font-style:normal;color:var(--copper);font-size:19px}.sound-toggle[aria-pressed="true"]{border-color:var(--copper)}.sound-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:4px}@media(max-width:640px){.sound-toggle{right:14px;bottom:14px;padding:9px 13px}}

.sequence-grid img{aspect-ratio:1;object-fit:contain}.sequence-grid li:nth-child(5) img{padding:3%;background:#10110f}.sequence-grid a:hover img{transform:none}.author-contact{margin-top:40px;line-height:1.9;color:var(--muted)}.author-contact a{color:var(--fg);text-underline-offset:5px}

.creative-audience{max-width:820px;margin-top:65px;padding-top:35px;border-top:1px solid var(--line)}.creative-audience h3{font:clamp(28px,4vw,48px)/1.15 var(--serif);margin-bottom:24px}.creative-audience p{max-width:720px;margin:18px 0;color:var(--muted);line-height:1.7}.creative-audience .text-link{display:inline-block;margin-top:15px}

.kits{background:#171914;border-top:1px solid var(--line)}.kits-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:55px;margin:35px 0 55px}.kits-heading>p{max-width:510px;color:var(--muted);line-height:1.7}.kit-options{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.kit-options article{padding:25px 0;border-top:1px solid var(--copper)}.kit-options h3{font:32px/1.15 var(--serif);margin:25px 0 18px}.kit-options p{color:var(--muted);line-height:1.7}.kits-contact{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:35px}.kits-contact p{max-width:620px;color:var(--muted);font-size:14px}.kits-contact .button{flex-shrink:0}.kits-poetry{margin-top:75px;max-width:950px}.kits-poetry p{font:italic clamp(25px,3.5vw,44px)/1.35 var(--serif);margin-top:20px}.kits-poetry .eyebrow{color:var(--copper)}@media(max-width:900px){.kits-heading{grid-template-columns:1fr;gap:25px}.kits-contact{display:block}.kits-contact .button{margin-top:25px}}@media(max-width:640px){.kit-options{grid-template-columns:1fr;gap:10px}.kits-heading{margin-bottom:30px}.kits-poetry{margin-top:45px}}

.echoes-play{position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;background:#10110f;color:#fff;text-align:left;font:inherit}.echoes-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:25px;background:linear-gradient(transparent 40%,#000d)}.echoes-overlay b{display:grid;place-items:center;width:55px;height:55px;border:1px solid #fff9;border-radius:50%;font-size:30px;margin-bottom:18px}.echoes-overlay>span{font-size:13px;letter-spacing:.12em}.echoes-overlay small{font-size:13px;margin-top:7px}.echoes-play:hover .echoes-overlay b{background:#ffffff25}.echoes-play:focus-visible{outline:2px solid var(--copper);outline-offset:5px}#echoes-dialog{width:min(1000px,94vw);max-height:92dvh;padding:20px;border:1px solid var(--line);background:#10110f;color:var(--fg);margin:auto}#echoes-dialog::backdrop{background:#000d}#echoes-dialog video{display:block;width:100%;max-height:70dvh;background:#000}.echoes-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.echoes-dialog-head h2{font:14px var(--sans);letter-spacing:.12em}.echoes-close{padding:10px;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer}#echoes-dialog>p{font-size:14px;color:var(--muted);margin-top:12px}.film-archive{max-width:420px;grid-template-columns:1fr}@media(max-width:640px){.echoes-overlay{padding:12px}.echoes-overlay b{width:38px;height:38px;font-size:22px;margin-bottom:10px}.echoes-overlay>span{font-size:10px}.echoes-overlay small{font-size:11px}.film-archive{grid-template-columns:1fr}}

.kits{position:relative;isolation:isolate;overflow:hidden;background:#10110f}.kits-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}.kits-backdrop video{width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:saturate(.8)}.kits:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,13,10,.9),rgba(10,13,10,.66)),linear-gradient(0deg,#10110f,transparent 25%,transparent 75%,#10110f)}.kits-heading>p,.kit-options p,.kits-contact p{color:#e1e0d7}.kit-options article{background:#10110f48;padding:25px 20px;backdrop-filter:blur(5px)}.kits-motion{float:right;border:1px solid #ffffff60;background:#10110f99;color:#eee;padding:8px 12px;font:11px var(--sans);cursor:pointer;margin-bottom:20px}.kits-motion:focus-visible{outline:2px solid var(--copper);outline-offset:4px}@media(max-width:640px){.kits-motion{float:none;display:block;margin:0 0 25px auto}.kits:before{background:linear-gradient(0deg,#10110f,rgba(10,13,10,.76) 20%,rgba(10,13,10,.8) 80%,#10110f)}.kit-options article{padding:24px 16px}.kits-backdrop video{object-position:58% center}}

.portrait figcaption{flex-direction:column;align-items:flex-start;gap:12px}.portrait figcaption small{max-width:480px;font-size:13px;line-height:1.6;text-align:left}

/* Photographic captions remain below the image. */
.media-slot.has-media{display:block;min-height:0;height:auto;align-self:start}.media-slot.has-media>img,.media-slot.has-media>a>img{position:static;display:block;width:100%;height:auto;object-fit:contain}.media-slot.has-media>a{position:static;display:block}.media-slot.has-media figcaption{position:static;inset:auto;margin:0;padding:22px;background:#10110f;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-top:1px solid var(--line)}.media-slot.has-media figcaption small{max-width:none;text-align:left;line-height:1.6}.echoes-caption{display:flex;flex-direction:column;gap:9px}.echoes-caption-play{align-self:flex-start;color:var(--copper);background:none;border:0;padding:5px 0;font:inherit;cursor:pointer}.laboratory{background:#10110f;border-top:1px solid var(--line)}.laboratory figure{max-width:850px;margin:auto}.laboratory img{display:block;width:100%;height:auto}.laboratory figcaption{padding-top:32px}.laboratory h2{margin:25px 0}.laboratory p{max-width:730px;font-size:18px;line-height:1.7;margin:20px 0}.laboratory .muted{font-size:14px}.laboratory .button{margin-top:15px}

/* Readable secondary text across desktop and mobile. */
body{font-size:16px}
small,.eyebrow,.chapter-meta,.chapter-caption,.sequence-number,.sequence-note,.surface-archive figcaption,.media-slot figcaption,.media-slot figcaption small,.film-archive figcaption,.film-archive figcaption small,.film-credit,.brush-portrait figcaption span,.brush-portrait figcaption p,.evidence-label,.tool-tag,.tool-no,.sound-toggle,.kits-motion,.menu-toggle,.language,.site-header nav a,footer,.process-diagram small,.echoes-caption-play{font-size:14px!important;line-height:1.6}
.sequence-grid figcaption p,.chapter-bottom small,.kits-contact p,.laboratory .muted,.portrait figcaption small,.durability p{font-size:16px!important;line-height:1.65}
.sequence-grid figcaption{min-height:180px}.site-header nav{gap:22px}.sound-toggle,.kits-motion{min-height:44px}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav a{font-size:14px!important}}
@media(max-width:640px){.sequence-grid figcaption{min-height:0}.film-archive figcaption{display:block}.chapter-caption{letter-spacing:.03em}.media-slot.has-media figcaption{padding:18px}.surface-archive{grid-template-columns:1fr}.surface-archive img{aspect-ratio:auto}.brush-portrait figcaption p{font-size:16px!important}}

/* The author photograph remains unobstructed; all captions follow it in normal flow. */
figure.media-slot.portrait.has-media{display:block;height:auto;min-height:0}figure.media-slot.portrait.has-media>img{position:static;inset:auto;display:block;width:100%;height:auto;object-fit:contain}figure.media-slot.portrait.has-media>figcaption{position:static;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#10110f;margin:0;padding:22px 24px;border-top:1px solid var(--line)}.portrait-location{color:var(--copper);font-size:14px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}

/* Consistent charcoal artwork presentation. */
.cosmos .media-slot.has-media{height:auto;background:#10110f}.cosmos .media-slot.has-media>a{display:block;position:static}.cosmos .media-slot.has-media>a>img{display:block;position:static;width:100%;height:auto;object-fit:contain}.cosmos .media-open-label{display:none}.cosmos .media-slot.has-media figcaption{background:#10110f}.surface-archive img{aspect-ratio:4/3;object-fit:contain;background:#10110f}.surface-archive a{background:#10110f}.echoes-play img{aspect-ratio:4/3;object-fit:contain;background:#10110f}.laboratory img{background:#10110f}