:root{--paper:#f6f4ee;--ink:#272e29;--muted:#63695f;--line:#d8dbcf;--green:#365548}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #b76445;outline-offset:7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(70px,8.1vw,116px);line-height:1.02;letter-spacing:-5px}h2{font-size:44px;line-height:1.1;letter-spacing:-1.3px}h3{font-size:32px;line-height:1.15;letter-spacing:-.7px}.site-header,main,footer{max-width:1352px;margin:auto;padding-inline:56px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:28px;gap:32px}.brand{display:flex;align-items:center;gap:18px;font-size:16px;line-height:1.3}.brand img,footer img{object-fit:contain;mix-blend-mode:multiply}.site-header nav{display:flex;gap:36px;align-items:center;font-size:16px}.site-header nav a:last-child{border-bottom:1px solid #606b5e;padding-bottom:5px}.site-header a:hover{color:#61745c}.hero{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;padding:76px 0 84px;gap:40px;border-bottom:1px solid var(--line)}.hero h1 em{font-style:italic;color:var(--green)}.hero p{font-size:21px;line-height:1.55;max-width:400px}.hero .text-link{margin-top:28px}.text-link{display:inline-flex;gap:35px;align-items:center;font-size:18px;border-bottom:1px solid currentColor;padding:0 0 7px;line-height:1.4}.projects{padding-top:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading p{color:var(--muted);font-size:18px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 32px}.project-card{display:block;min-width:0}.art{height:300px;overflow:hidden;position:relative;border-radius:14px;isolation:isolate;transition:filter .2s}.featured .art{height:360px}.project-card:hover .art{filter:brightness(1.045)}.card-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 8px}.arrow{font-size:28px;font-weight:400;transition:transform .2s}.project-card:hover .arrow{transform:translate(3px,-3px)}.project-card>p{font-size:18px;color:var(--muted);max-width:470px}.card-action{display:block;font-size:16px;margin-top:18px;text-decoration:underline;text-underline-offset:5px}.more-heading{margin-top:74px}.art-not-yet{background:linear-gradient(180deg,#22352b00,#14261999),url('/not-yet/assets/quiet-landscape.jpg') center 60%/cover;color:#f8f6ec;padding:32px}.art-not-yet>span{font:24px Georgia,serif}.art-not-yet strong{position:absolute;bottom:32px;left:32px;font:54px/1.05 Georgia,serif;letter-spacing:-1.5px}.art-tense{background:#e5e9df}.time-words{display:flex;justify-content:space-between;padding:36px 32px 0;font:26px Georgia,serif}.time-words span:nth-child(1){color:#a45c3b}.time-words span:nth-child(2){color:#3d6357}.time-words span:nth-child(3){color:#5b6e91}.art-tense svg{position:absolute;inset:80px 0 0;width:100%;height:calc(100% - 80px);stroke-width:3}.art-today{background:#e6c5a2;color:#353f33}.art-today strong{font:48px/1.05 Georgia,serif;letter-spacing:-1.5px;position:absolute;left:32px;bottom:28px}.art-today i{font-weight:400}.sun{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff2cd,#f4dfba);position:absolute;right:30px;top:-50px;box-shadow:0 0 70px #fff3ce66}.art-today::after{content:'';position:absolute;bottom:-110px;left:-100px;right:-150px;height:205px;border-radius:50%;background:#b2b49a;z-index:-1;transform:rotate(-12deg)}.art-light{background:radial-gradient(ellipse at 60% 25%,#faf0d1,#d6bd8d 42%,#9b8861 100%);display:flex;justify-content:center;align-items:center;color:#fdf7df}.art-light strong{font:130px/1 Georgia,serif;letter-spacing:-9px;z-index:1}.art-light strong span{font-size:78px;vertical-align:top;line-height:1.2;letter-spacing:-3px}.light-orbit{border:1px solid #fff9df88;width:285px;height:285px;border-radius:50%;position:absolute;top:8px;left:calc(50% - 142px)}.light-orbit::after{content:'';position:absolute;inset:17px;border:1px solid #fff9df55;border-radius:50%}.art-serpent{background:#dce2df;color:#526559}.art-serpent svg{position:absolute;inset:0;width:100%;height:100%}.art-serpent>span{position:absolute;bottom:25px;left:30px;font:25px/1.1 Georgia,serif;letter-spacing:-.5px;max-width:220px;background:#dce2dfd9;padding:7px 10px}.art-book{background:#d5d3cf;display:flex;align-items:center;justify-content:center}.book-cover{height:265px;width:195px;padding:21px 22px;background:#a65442;color:#faeedb;box-shadow:12px 13px 22px #37261d38, inset 5px 0 5px #ffffff18;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:space-between;border-radius:2px 5px 5px 2px}.book-cover>span{font:23px Georgia,serif}.book-cover strong{font:76px Georgia,serif;letter-spacing:-5px}.book-cover i{font:20px/1.15 Georgia,serif}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);margin-top:88px;padding:62px 0 75px}.about h2{font-size:48px}.about p{font-size:22px;line-height:1.55;max-width:480px}.about .text-link{margin-top:27px}footer{border-top:1px solid var(--line);padding-block:25px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:16px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:48px;height:auto}.footer-brand span{font:24px Georgia,serif}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);padding:15px;z-index:5}.skip:focus{top:10px}.project-detail{padding:35px 0 100px}.back{font-size:17px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:65px 0 75px;align-items:center}.project-type{color:var(--muted);margin-bottom:20px;font-size:18px}.project-detail h1{font-size:72px;letter-spacing:-3px}.detail-description{font-size:23px;line-height:1.55;margin:30px 0;max-width:540px}.detail-layout .art{height:520px}.detail-layout .book-cover{transform:rotate(-8deg) scale(1.3)}.detail-layout .art-today strong{font-size:62px}.detail-layout .art-light strong{font-size:170px}.detail-layout .light-orbit{top:calc(50% - 142px)}.source{font-size:16px;color:var(--muted);margin-top:28px}.source summary{cursor:pointer;min-height:36px}.source a{text-decoration:underline;display:inline-block;margin-top:10px}.art svg{pointer-events:none}@media(max-width:950px){.site-header,main,footer{padding-inline:32px}.hero{grid-template-columns:1fr;gap:35px;padding:55px 0}.hero h1{font-size:84px}.hero p{font-size:20px}.art,.featured .art{height:300px}.detail-layout{gap:40px}.project-detail h1{font-size:56px}.detail-layout .art{height:450px}.about{gap:40px}.about h2{font-size:40px}.brand span{font-size:14px}.site-header nav{gap:22px}.time-words{font-size:22px;padding-inline:24px}}@media(max-width:650px){.site-header,main,footer{padding-inline:23px}.site-header{padding-block:18px;gap:16px;flex-wrap:wrap}.brand{gap:10px}.brand img{width:51px;height:auto}.brand span{font-size:14px}.site-header nav{width:100%;justify-content:space-between;font-size:16px;border-top:1px solid var(--line);padding-top:15px;gap:12px}.site-header nav a:last-child{border:0;padding:0}.hero{padding:42px 0 45px}.hero h1{font-size:64px;letter-spacing:-2.8px}.hero p{font-size:18px}.hero .text-link{margin-top:20px}.text-link{font-size:17px}h2{font-size:34px}h3{font-size:30px}.section-heading{display:block;margin-bottom:23px}.section-heading p{margin-top:12px;font-size:17px}.projects{padding-top:34px}.project-grid{grid-template-columns:1fr;gap:40px}.art,.featured .art{height:290px}.project-card>p{font-size:18px}.card-title{margin-top:20px}.card-action{font-size:16px;margin-top:12px}.more-heading{margin-top:55px}.art-not-yet{padding:26px}.art-not-yet strong{left:26px;bottom:26px;font-size:48px}.time-words{font-size:24px}.about{grid-template-columns:1fr;gap:25px;margin-top:56px;padding:40px 0 45px}.about h2{font-size:38px}.about p{font-size:20px}.about .text-link{margin-top:20px}footer{flex-direction:column;align-items:flex-start;gap:22px;padding-block:24px 32px}.footer-brand span{font-size:23px}.detail-layout{grid-template-columns:1fr;gap:35px;margin:40px 0}.project-detail{padding:20px 0 55px}.project-detail h1{font-size:54px;letter-spacing:-2px}.detail-description{font-size:21px;margin:24px 0}.detail-layout .art{height:360px}.project-type{font-size:17px;margin-bottom:12px}}@media(max-width:360px){.hero h1{font-size:54px}.brand span{font-size:13px}.site-header,main,footer{padding-inline:20px}.site-header nav{font-size:15px}.time-words{font-size:21px}.art-not-yet strong{font-size:45px}.project-detail h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* About: readable editorial sections, with provenance available on demand. */
.about{display:block}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.about .about-label{font:18px/1.5 Arial,Helvetica,sans-serif;color:var(--muted);margin-bottom:22px}
.about h2{max-width:480px}
.about-intro>p{max-width:560px}
.about-stories{display:grid;grid-template-columns:1fr 1fr;gap:48px 60px;margin-top:54px}
.about-story{border-top:1px solid var(--line);padding-top:28px}
.about-story h3{font-size:32px;margin-bottom:20px}
.about-story p{font-size:20px;line-height:1.6;max-width:550px}
.about-story p+p{margin-top:18px}
.about-contact{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-top:32px}
.about-contact .source{margin-top:27px;min-width:235px}
.about-contact .source a{display:block}
@media(max-width:950px){.about-intro,.about-stories{gap:40px}.about-intro{align-items:start}}
@media(max-width:650px){.about-intro,.about-stories{grid-template-columns:1fr;gap:30px}.about-stories{margin-top:35px}.about .about-label{font-size:18px;margin-bottom:16px}.about-story h3{font-size:30px}.about-story p{font-size:20px}.about-contact{display:block;margin-top:8px}.about-contact .source{margin-top:30px}.about-contact .text-link{font-size:20px}}

.detail-body{font-size:20px;line-height:1.6;max-width:560px;margin:0 0 22px}.detail-body:last-of-type{margin-bottom:30px}

/* Films take the place of the illustrative panel on project detail pages. */
.project-film{margin:0;min-width:0}
.detail-layout:has(.project-film){align-items:start}
.video-shell{position:relative;aspect-ratio:16/9;background:linear-gradient(145deg,#4f6358,#17251e);border-radius:18px;box-shadow:0 18px 45px #17251e14}
.video-poster{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;overflow:hidden;padding:0;background:transparent;color:white;cursor:pointer;font:18px/1.4 Arial,Helvetica,sans-serif}
.video-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s,filter .35s}
.video-poster img[hidden]{display:none}
.video-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08160de6,transparent 50%)}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:1px solid #ffffff80;background:#f6f4eef0;color:var(--green);z-index:1;box-shadow:0 4px 28px #0003;transition:transform .2s}
.video-play svg{width:30px;height:30px;fill:currentColor;margin-left:-3px}
.video-prompt{position:absolute;bottom:22px;left:25px;z-index:1}
.video-poster:hover img{transform:scale(1.025);filter:brightness(1.08)}
.video-poster:hover .video-play{transform:translate(-50%,-50%) scale(1.06)}
.video-poster:focus-visible{outline:3px solid #b76445;outline-offset:6px}
.video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit}
.project-film figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:18px;font-size:17px;line-height:1.5;color:var(--muted)}
.project-film figcaption a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
@media(max-width:950px) and (min-width:651px){.detail-layout:has(.project-film){grid-template-columns:1fr}.project-film{max-width:720px}}
@media(max-width:650px){.video-shell{border-radius:12px}.video-play{width:60px;height:60px}.video-prompt{bottom:16px;left:18px}.project-film figcaption{flex-wrap:wrap;font-size:16px;gap:8px 18px}}
.video-shell iframe.video-pending{opacity:0;pointer-events:none}.video-poster[disabled]{cursor:progress}.video-poster[aria-busy=true] .video-play{opacity:.6}

.art-book-real{display:grid;place-items:center;background:#e6e2d8}.art-book-real img{height:84%;width:auto;max-width:75%;object-fit:contain;transform:rotate(-8deg);box-shadow:7px 12px 20px #3234262b}

/* Inner Light: the actual book replaces the abstract project graphic. */
.art-light-book{background:#cad8e9;border-radius:0}.art-light-book img{width:100%;height:100%;object-fit:cover;display:block}.art-light-book::before,.art-light-book::after{display:none}

/* Home: ways of being in time. */
.hero-time{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.hero-time h1{font-size:clamp(66px,6.9vw,100px);line-height:1.04;letter-spacing:-.045em;font-style:normal}
.hero-time h1 span{display:block;white-space:nowrap}
.hero-time p{max-width:420px}
@media(max-width:950px){.hero-time{grid-template-columns:1fr}.hero-time h1{font-size:84px}.hero-time p{max-width:530px}}
@media(max-width:650px){.hero-time h1{font-size:clamp(40px,10.8vw,68px)}}