@font-face{font-family:Newsreader;src:url('/assets/newsreader.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f3f0e7;--ink:#252b23;--muted:#61655b;--line:#c5c6b8;--green:#435b32;--wash:#e5e4d9;--signal:#d4e58d;--serif:Newsreader,Georgia,serif;--sans:DM,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--green)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:hover{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}button:focus-visible{outline-offset:3px}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(60px,7.5vw,110px)}h2{font-size:clamp(34px,4vw,56px)}h3{font-size:32px}p{margin-bottom:1.2em}button{border-radius:0}::selection{background:var(--signal);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:12px}.site-header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:20px;line-height:1.15;text-decoration:none;letter-spacing:-.03em}.wordmark-detail{display:block;font:11px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:14px}.site-header nav a{text-decoration:none;padding:10px 0}.contact-nav span{display:inline-block;margin-left:10px}main{max-width:1440px;margin:auto;padding:0 5%}.eyebrow,.index{font:11px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin-bottom:24px}.index{display:block;color:var(--muted);letter-spacing:.07em}.text-link{font-size:14px;display:inline-flex;gap:24px;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink);padding:6px 0}.text-link span{font-size:20px}.hero{padding:66px 0 82px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.hero h1{font-size:clamp(80px,9.5vw,140px);letter-spacing:-.055em;line-height:.85;margin-bottom:34px}.hero .eyebrow{margin-bottom:29px}.amp{font-style:italic;color:var(--green)}.title-dot{color:var(--green)}.hero-intro{max-width:420px;font-size:18px;line-height:1.6;margin-bottom:25px}.hero-figure{align-self:center;position:relative;padding:10px 0 0}.hero-figure>a{display:block;overflow:hidden}.hero-figure img{width:100%;aspect-ratio:1.37;object-fit:cover;object-position:60% center}.hero-figure figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.03em;margin-top:12px;text-transform:uppercase}.hero-note{font:28px/1 var(--serif);margin:27px 0 0 34%;color:var(--muted);font-style:italic}.opening{border-top:1px solid var(--line);padding:45px 0 65px;display:grid;grid-template-columns:1fr 1fr;column-gap:7%;align-items:start}.opening>.eyebrow{grid-column:1/-1;margin-bottom:25px}.opening h2{font-size:44px;margin-bottom:0}.opening>p:last-child{font-size:19px;max-width:500px}.selected{padding-bottom:50px;scroll-margin-top:20px}.section-head{border-top:1px solid var(--ink);padding:22px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2{font-size:38px;margin:0}.section-head .eyebrow{margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 6%}.project:nth-child(even){padding-top:65px}.project-art{display:flex;width:100%;height:365px;overflow:hidden;align-items:center;justify-content:center;text-decoration:none}.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project-art:hover img{transform:scale(1.025)}.project-art.art-portal{background:#dddcd2;padding:24px 18px}.project-art.art-portal img{height:auto;object-fit:contain;max-height:100%}.project-info{padding-top:20px}.project-info h3{font-size:36px;margin:10px 0 12px}.project-info h3 a{display:flex;justify-content:space-between;gap:15px;text-decoration:none}.project-info h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}.project-arrow{font-family:var(--sans);font-size:24px}.project-info p{font-size:15px;line-height:1.6;max-width:400px;margin-bottom:9px}.project-name{font-size:11px;color:var(--muted)}.connections{margin:45px 0 85px;padding:50px 4%;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:7%}.connections h2{font-size:47px;margin-bottom:0}.connections .eyebrow{color:var(--signal)}.connections p{font-size:16px;max-width:430px}.thread-links a{padding:12px 0;display:flex;justify-content:space-between;border-top:1px solid #74796b;text-decoration:none;font-size:14px}.thread-links a:hover{color:var(--signal)}.connections a:focus-visible{outline-color:var(--signal)}.small-projects{display:grid;grid-template-columns:1fr 1fr;gap:0 6%}.small-projects>a{padding:25px 0;border-top:1px solid var(--line);text-decoration:none}.small-projects h3{font-size:28px;margin:9px 0 10px;display:flex;justify-content:space-between;gap:20px}.small-projects h3 span{font:20px var(--sans)}.small-projects p{font-size:14px;max-width:430px;margin-bottom:0}.small-projects a:hover h3{text-decoration:underline;text-decoration-thickness:1px}.small-projects .eyebrow{color:var(--muted);font-size:10px;letter-spacing:.07em}.about-preview{margin:85px 0 95px;padding-top:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.about-preview img{width:100%;aspect-ratio:1.25;object-fit:cover}.about-preview h2{font-size:45px}.about-preview p{font-size:16px;max-width:470px}.site-footer{max-width:1440px;margin:auto;padding:50px 5% 25px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr auto;gap:35px;background:#e9e7dc}.footer-title{font:clamp(27px,3vw,43px)/1.2 var(--serif);text-decoration:none}.site-footer p{font-size:13px;margin:12px 0 0}.footer-links{display:grid;gap:10px;align-content:start;font-size:12px}.footer-small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px!important}.back{font-size:12px;text-decoration:none;display:inline-block;margin-bottom:40px}.story-top{padding-top:35px;max-width:1150px}.story-top>.eyebrow{margin-bottom:15px}.story-top h1{max-width:1000px;margin-bottom:22px;font-size:clamp(60px,7vw,100px)}.story-dek{font-size:23px;line-height:1.5;max-width:740px;margin-bottom:35px}.story-meta{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;margin:30px 0 45px;padding-top:22px;border-top:1px solid var(--line)}dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}dd{font-size:13px;line-height:1.6;margin:0}.story-figure{margin-bottom:65px;background:var(--wash)}.story-figure>img{width:100%;max-height:660px;object-fit:contain}.story-figure.art-photo>img{max-height:670px;object-fit:contain;background:var(--ink)}.story-figure.art-portal{padding:35px 7% 0}.story-figure.art-portal img{box-shadow:0 4px 25px #252b2310}.story-figure figcaption{padding:14px 18px;background:var(--paper);font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.story-body{max-width:1000px;margin:0 auto}.story-section{display:grid;grid-template-columns:110px 1fr;gap:35px;margin:0 0 55px}.story-section>.index{padding-top:7px}.story-section h2{font-size:37px;line-height:1.15;margin-bottom:20px}.story-section p{font-size:18px;line-height:1.8;max-width:720px}.results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:15px 0 50px;padding:35px 0 20px}.results b{font:70px/1 var(--serif);letter-spacing:-.06em}.results b span{font-size:40px}.results p{font-size:12px;line-height:1.6;margin-top:15px}.results .results-note{grid-column:1/-1;color:var(--muted);font-size:10px;margin:0}.source-link{display:flex;gap:35px;flex-wrap:wrap;padding:0 0 50px}.related{border-top:1px solid var(--ink);padding:35px 0 75px;margin-top:35px}.related h2{font-size:45px}.related>div{display:grid;grid-template-columns:1fr 1fr;gap:7%}.related>div>a{text-decoration:none;border-top:1px solid var(--line);padding:20px 0}.related h3{font-size:31px;margin:14px 0}.related h3 span{font-family:var(--sans);font-size:22px}.related p{font-size:14px;max-width:440px}.work-index{padding-top:65px;padding-bottom:90px}.work-index h1{margin-bottom:25px}.page-intro{max-width:650px;font-size:21px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0 12px}.filters button,.step-buttons button{background:transparent;border:1px solid var(--line);padding:11px 16px;font-size:12px}.filters button[aria-pressed=true],.step-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.small-note{font-size:11px;color:var(--muted)}#filter-count{margin-bottom:30px}.about-page{padding-top:65px;padding-bottom:90px}.about-header{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.about-header h1{font-size:clamp(60px,6vw,86px);margin-bottom:30px}.about-header img{width:100%;aspect-ratio:1.1;object-fit:cover}.about-header figcaption{font-size:11px;color:var(--muted);padding-top:12px}.about-text{max-width:730px;margin:70px 0 0 25%}.about-text p{font-size:18px;line-height:1.85}.large-copy{font-family:var(--serif);font-size:34px!important;line-height:1.3!important;letter-spacing:-.02em}.about-text h2{margin-top:45px;font-size:38px}.about-contact{display:flex;gap:25px;flex-wrap:wrap;margin-top:40px}.colophon{max-width:950px;padding-top:70px;padding-bottom:100px}.colophon h1{font-size:75px}.colophon h2{font-size:34px;margin-top:45px}.colophon p{max-width:750px}.handoff{margin:20px 0 60px;background:#e5e5d9;padding:35px}.handoff h2{font-size:37px}.handoff>p{font-size:15px}.step-buttons{display:flex;flex-wrap:wrap;gap:8px}.step-panel{background:var(--paper);padding:25px;margin:20px 0;min-height:215px;border-left:3px solid var(--green)}.step-panel h3{font-size:30px;margin:12px 0}.step-panel p{font-size:15px;margin-bottom:0}.handoff .small-note{font-size:11px}
/* Project-specific explanatory artwork. */
.login-art,.studio-art,.conversation-art,.code-art{position:relative;width:100%;height:100%;overflow:hidden;min-height:365px;padding:22px;color:var(--ink)}.art-label,.art-foot{display:block;font:9px/1.5 var(--sans);letter-spacing:.1em}.art-foot{position:absolute;bottom:20px;left:22px;letter-spacing:.03em}.login-art{background:#dfe5d6}.access-line{position:absolute;left:22px;top:105px;font-size:11px;line-height:1.4;color:var(--green)}.access-line>span:last-child{font-size:45px;display:block;text-align:right}.phone{background:#fafbf6;width:215px;min-height:303px;padding:20px 19px;position:relative;left:40%;top:12px;border-radius:18px 18px 0 0;border:1px solid #bfc8b7;box-shadow:12px 15px 0 #9aac8e33}.phone-speaker{height:3px;width:36px;background:#d4d9cd;margin:-10px auto 22px;border-radius:3px}.phone-brand{font-size:11px;letter-spacing:-.03em;color:var(--green)}.phone h3{font:27px/1.1 var(--serif);margin:19px 0 8px;letter-spacing:-.03em}.phone p{font-size:9px;color:var(--muted)}.field-label{font-size:8px;margin:12px 0 5px}.drawn-field{padding:6px;border:1px solid #c9cdbf;font-size:10px}.drawn-button{margin-top:8px;background:var(--green);color:white;font-size:8px;padding:8px;display:flex;justify-content:space-between}.phone-divider{margin:15px 0;border-top:1px solid #d8dccf}.code-boxes{display:flex;gap:5px}.code-boxes i{border:1px solid #c9cdbf;font-size:12px;line-height:22px;width:24px;text-align:center;font-style:normal}.studio-art{background:#d9d9be}.studio-diagram{margin:20px auto 0;max-width:390px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;position:relative}.studio-node{font-size:12px;text-align:center;border-top:1px solid #7c8866;padding:10px 0}.studio-node span{font-size:9px;display:block;color:#536044}.studio-center{grid-column:1/-1;margin:5px 35px 18px;padding:20px 0;border:1px solid #899573;background:#f2f0e7;text-align:center;font:32px/.95 var(--serif);position:relative}.studio-center span{font:9px var(--sans);display:block;margin-top:13px}.studio-center:before,.studio-center:after{content:'';position:absolute;height:20px;width:1px;background:#899573;left:50%}.studio-center:before{top:-21px}.studio-center:after{bottom:-21px}.conversation-art{background:#e7daca}.convo-lines{max-width:340px;margin:30px auto}.convo{border:1px solid #b7a996;background:#f3f0e7;padding:10px 15px;margin:12px 0;max-width:90%}.convo.small{font-size:12px}.convo.large{font:34px var(--serif);margin-left:12%}.convo-arrow{font-size:25px;display:inline-block;margin-left:20%;margin-right:10px}.convo-lines>span:last-child{font-size:12px}.code-art{background:#292e28;color:var(--paper)}.code-art pre{font:18px/1.6 monospace;margin:30px 12%}.story-figure>.login-art,.story-figure>.studio-art,.story-figure>.conversation-art,.story-figure>.code-art{height:500px}.story-figure .phone{left:50%;transform:translateX(-20%);width:280px;min-height:400px;top:30px;padding:35px}.story-figure .phone h3{font-size:35px}.story-figure .phone p{font-size:12px}.story-figure .field-label{font-size:11px}.story-figure .drawn-field,.story-figure .drawn-button{font-size:12px;padding:12px}.story-figure .art-label{font-size:11px}.story-figure .art-foot{font-size:12px}.story-figure .access-line{left:15%;top:170px;font-size:17px}.story-figure .studio-diagram{max-width:600px;margin-top:40px}.story-figure .studio-center{font-size:55px;padding:25px}.story-figure .studio-center span{font-size:12px}.story-figure .studio-node{font-size:17px}.story-figure .studio-node span{font-size:12px}.story-figure .convo-lines{max-width:560px}.story-figure .convo.small{font-size:18px}.story-figure .convo.large{font-size:45px}.story-figure .code-art pre{font-size:25px;max-width:600px;margin:35px auto}
@media(min-width:1500px){body{background:#e7e5dc}.site-header,main,.site-footer{background:var(--paper)}.site-footer{background:#e9e7dc}}
@media(max-width:1050px){.project-art{height:315px}.project-art .phone{left:35%;width:195px}.access-line{font-size:9px;left:15px}.hero h1{font-size:105px}.project-info h3{font-size:30px}.connections h2{font-size:40px}.hero-intro{font-size:17px}.story-meta{gap:20px}.story-section{grid-template-columns:60px 1fr}.hero-note{font-size:24px}.project .studio-center{font-size:27px;margin:5px 10px 18px;padding:15px 0}.studio-diagram{gap:0 15px}.about-header h1{font-size:62px}}
@media(max-width:700px){body{font-size:16px}.site-header{padding:22px 6%;gap:15px}.wordmark{font-size:18px}.wordmark-detail{font-size:9px}.site-header nav{gap:19px;font-size:12px}.contact-nav{font-size:0}.contact-nav span{font-size:21px;margin:0}.contact-nav{width:24px;position:relative}.contact-nav:before{content:'Email';position:absolute;font-size:0}main{padding:0 6%}.hero{grid-template-columns:1fr;gap:38px;padding:45px 0 45px}.hero h1{font-size:clamp(84px,17vw,116px);margin-bottom:27px}.hero-intro{font-size:18px;max-width:440px}.hero .eyebrow{font-size:10px;margin-bottom:25px}.hero-figure img{aspect-ratio:1.58;object-position:center}.hero-note{font-size:23px;text-align:right;margin-top:18px;margin-bottom:0}.hero-note br{display:none}.hero-figure figcaption{font-size:9px}.opening{grid-template-columns:1fr;padding:35px 0 40px;gap:0}.opening h2{font-size:38px;margin-bottom:23px}.opening>p:last-child{font-size:16px}.opening>.eyebrow{font-size:10px;margin-bottom:20px}.section-head{padding:20px 0 28px;align-items:baseline}.section-head h2{font-size:31px}.section-head .eyebrow{font-size:8px;letter-spacing:.04em}.project-grid{grid-template-columns:1fr;gap:40px}.project:nth-child(even){padding-top:0}.project-art{height:335px}.project-art .phone{left:43%;width:205px}.project-info h3{font-size:33px}.project-info p{font-size:15px}.project-info .index{font-size:10px}.project-art.art-photo img{object-fit:cover}.connections{grid-template-columns:1fr;padding:30px 25px;margin:20px 0 55px;gap:23px}.connections h2{font-size:38px}.connections p{font-size:15px}.small-projects{grid-template-columns:1fr}.small-projects h3{font-size:28px}.about-preview{grid-template-columns:1fr;margin:55px 0;gap:30px;padding-top:35px}.about-preview h2{font-size:38px}.about-preview img{aspect-ratio:1.4}.site-footer{padding:35px 6% 25px;grid-template-columns:1fr;gap:20px}.footer-title{font-size:32px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.footer-small{gap:15px;flex-wrap:wrap}.story-top{padding-top:25px}.back{margin-bottom:30px}.story-top h1{font-size:58px}.story-dek{font-size:20px}.story-meta{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.story-meta>div{display:grid;grid-template-columns:80px 1fr;gap:10px}.story-meta dt{padding-top:3px}.story-figure{margin-bottom:35px}.story-figure.art-portal{padding:15px 10px 0}.story-figure figcaption{padding:12px 0;font-size:10px}.story-figure>.login-art,.story-figure>.studio-art,.story-figure>.conversation-art,.story-figure>.code-art{height:385px;min-height:385px}.story-figure .phone{width:220px;min-height:310px;top:25px;left:48%;transform:translateX(-20%);padding:22px}.story-figure .phone h3{font-size:27px}.story-figure .phone p{font-size:10px}.story-figure .field-label{font-size:9px}.story-figure .drawn-field,.story-figure .drawn-button{font-size:9px;padding:8px}.story-figure .access-line{left:15px;top:130px;font-size:10px;max-width:85px}.story-figure .art-foot{font-size:9px;bottom:15px}.story-figure .art-label{font-size:9px}.story-section{grid-template-columns:25px 1fr;gap:16px;margin-bottom:33px}.story-section h2{font-size:30px}.story-section p{font-size:16px;line-height:1.8}.results{grid-template-columns:1fr;padding:20px 0;gap:15px}.results>div{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.results b{font-size:62px;min-width:150px}.results p{font-size:11px;margin:0}.results b span{font-size:30px}.related{padding:25px 0 35px}.related>div{grid-template-columns:1fr}.related h2{font-size:38px}.related h3{font-size:29px}.related .eyebrow{font-size:9px}.work-index{padding-top:45px;padding-bottom:55px}.work-index h1{font-size:61px}.page-intro{font-size:18px}.filters{margin-top:25px;gap:6px}.filters button{padding:10px 11px;font-size:11px}.about-page{padding-top:45px;padding-bottom:55px}.about-header{grid-template-columns:1fr;gap:20px}.about-header h1{font-size:63px}.about-header img{aspect-ratio:1.35}.about-text{margin:40px 0 0;max-width:100%}.about-text p{font-size:16px}.large-copy{font-size:29px!important}.about-text h2{font-size:33px}.about-contact{gap:18px}.colophon{padding-top:45px;padding-bottom:60px}.colophon h1{font-size:58px}.colophon h2{font-size:30px}.handoff{padding:25px 20px}.handoff h2{font-size:31px}.step-buttons button{font-size:11px;padding:10px}.step-panel{padding:20px;min-height:270px}.story-figure .studio-diagram{margin-top:25px;gap:0 15px}.story-figure .studio-center{font-size:35px;margin:5px 20px 18px;padding:20px 0}.story-figure .studio-node{font-size:12px}.story-figure .studio-node span{font-size:9px}.story-figure .convo.small{font-size:12px}.story-figure .convo.large{font-size:33px}.story-figure .code-art pre{font-size:19px;margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header nav,.site-footer,.filters,.skip{display:none}.story-figure{max-height:400px;overflow:hidden}.project{break-inside:avoid}body{background:white;color:black}}
/* Refinements from the representative-slice review. */
.project-name{font-size:12px}.project-info .index{font-size:12px}.related .connection-reason{font-size:15px;color:var(--green);border-left:2px solid var(--line);padding-left:14px;margin-top:16px}.site-footer .footer-links a{padding:5px 0;min-height:32px}.hero-figure figcaption{font-size:11px}.results p{font-size:14px}.results .results-note{font-size:12px}
@media(max-width:700px){.site-header nav{gap:17px}.contact-nav{font-size:12px;width:auto;min-height:44px;display:inline-flex;align-items:center}.contact-nav:before{content:none}.contact-nav span{font-size:16px;margin-left:5px}.wordmark-detail{font-size:8px}.results p{font-size:13px}.results .results-note{font-size:11px}.results>div{gap:20px}.results b{min-width:140px}.project-info .index{font-size:11px}.story-meta dd{font-size:14px}.story-figure .phone p{font-size:11px}.story-figure .field-label{font-size:11px}.story-figure .drawn-field,.story-figure .drawn-button{font-size:10px}.site-footer .footer-links a{min-height:44px;display:inline-flex;align-items:center}.hero-figure figcaption{font-size:10px}}
@media(max-width:360px){.site-header{padding-left:5%;padding-right:5%;gap:10px}.site-header nav{gap:12px}.contact-nav span{display:none}.story-figure>.login-art{height:485px;min-height:485px}.story-figure .access-line{top:53px;left:22px;max-width:none;font-size:12px;display:flex;gap:20px;align-items:center}.story-figure .access-line>span:last-child{font-size:32px}.story-figure .phone{left:50%;transform:translateX(-50%);top:90px;width:220px}.story-figure .art-foot{bottom:13px}.project-art .phone{left:30%;width:190px}.project-art .access-line{max-width:65px}.results b{min-width:120px;font-size:53px}.results>div{gap:15px}}
/* Refinement: project identities, source material and a little exposed construction. */
.site-header{position:sticky;top:0;z-index:40;background:var(--paper)}.project-menu{position:relative;font-size:14px}.project-menu summary{cursor:pointer;list-style:none;padding:10px 0;display:flex;align-items:center;gap:10px;min-height:44px}.project-menu summary::-webkit-details-marker{display:none}.menu-symbol{font-size:20px;line-height:1;transition:transform .15s}.project-menu[open] .menu-symbol{transform:rotate(45deg)}.project-menu-panel{position:absolute;right:-190px;top:calc(100% + 23px);width:720px;max-width:90vw;background:var(--paper);border:1px solid var(--ink);border-top:4px solid var(--ink);padding:24px 28px;box-shadow:8px 8px 0 #252b2315;max-height:72svh;overflow-y:auto}.menu-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:9px}.menu-heading .eyebrow{margin:0}.menu-heading>a{font-size:12px;text-decoration:underline!important}.project-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.site-header .project-menu-links a{font-size:13px;padding:12px 0;display:flex;justify-content:space-between;gap:15px;line-height:1.4;border-bottom:1px solid var(--line)}.project-menu-links a:hover{color:var(--green);text-decoration:underline}.hero-note{font:11px/1.6 monospace;letter-spacing:.04em;font-style:normal;margin-left:42%;position:relative}.hero-note:before{content:'';position:absolute;left:-28px;top:1px;width:15px;height:15px;border-left:1.5px solid var(--green);border-bottom:1.5px solid var(--green)}.hero-note:after{content:'';position:absolute;left:-18px;top:12px;width:7px;height:7px;border-right:1.5px solid var(--green);border-top:1.5px solid var(--green);transform:rotate(45deg)}.project-name{display:block;font:24px/1.15 var(--serif);color:var(--muted);margin-top:16px;letter-spacing:-.02em}.project-info h3{font-size:33px}.project-info .index{font-size:10px}.project-art.art-photo:has(img[src*="green-room"]){background:var(--ink)}.project-art img[src*="green-room-studio"]{object-position:center 55%}.story-subtitle{font:clamp(27px,3.5vw,42px)/1.1 var(--serif);color:var(--green);margin:0 0 26px}.story-subtitle:empty{display:none}.story-top h1{font-size:clamp(56px,6.5vw,95px)}.story-meta{grid-template-columns:1fr 2fr 1fr}.workbench{display:grid;grid-template-columns:.9fr 1.3fr;gap:5%;margin:30px 0 70px;padding:45px 4% 55px;background:var(--ink);color:var(--paper);overflow:hidden}.workbench .eyebrow{color:var(--signal)}.bench-copy{padding-top:14px}.bench-copy h2{font-size:47px;line-height:1}.bench-copy>p{font-size:16px;max-width:340px}.workbench .text-link{border-color:var(--paper)}.workbench a:focus-visible{outline-color:var(--signal)}.bench-artifacts{position:relative;min-height:370px;padding:10px 70px 40px 0}.bench-artifacts a{display:block;text-decoration:none;background:#d7d8c4;color:var(--ink);padding:10px;box-shadow:5px 7px 0 #0005}.bench-stove{width:78%;transform:rotate(-3deg)}.bench-nasty{position:absolute;right:0;bottom:0;width:42%;transform:rotate(5deg)}.bench-artifacts img{width:100%;aspect-ratio:1.32;object-fit:cover}.bench-nasty img{aspect-ratio:1}.bench-artifacts a>span{display:flex;justify-content:space-between;font:11px/1.4 monospace;margin-top:9px;padding:0 3px}.bench-mark{position:absolute;right:-20px;top:16px;color:var(--signal);font:11px/1.5 monospace;letter-spacing:.07em;transform:rotate(90deg);transform-origin:50% 50%}.connections{background:transparent;color:var(--ink);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:35px 0;margin-top:0}.connections .eyebrow{color:var(--muted)}.thread-links a{border-color:var(--line)}.thread-links a:hover{color:var(--green)}.connections a:focus-visible{outline-color:var(--green)}.directory-search{max-width:580px;margin:35px 0 20px}.directory-search label{font-size:12px;display:block;margin-bottom:8px}.directory-search input{width:100%;font:18px var(--sans);border:0;border-bottom:2px solid var(--ink);border-radius:0;padding:14px 0;background:transparent;color:var(--ink)}input:focus-visible{outline:3px solid var(--green);outline-offset:5px}.project-directory{border-top:2px solid var(--ink);margin-top:25px}.directory-row:nth-child(even){padding-top:0}.directory-row>a{display:grid;grid-template-columns:35px 1fr 200px 25px;gap:25px;text-decoration:none;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line)}.directory-row>a:hover{background:#e7e7d9}.directory-row h2{font-size:31px;margin:0 0 10px;letter-spacing:-.03em}.directory-name>span{font:16px/1.4 var(--serif);color:var(--muted)}.directory-number{font:11px monospace;color:var(--muted)}.directory-kind{font-size:11px;line-height:1.6;color:var(--muted)}.directory-arrow{font-size:24px}.work-index .project{padding:0}.work-index .page-intro{max-width:700px}#empty-state{padding:35px 0}#reset-projects{background:none;border:0;border-bottom:1px solid;cursor:pointer}.films{border-top:1px solid var(--ink);padding-top:25px;margin:60px 0}.media-heading{display:flex;gap:30px;align-items:baseline;justify-content:space-between}.media-heading h2{font-size:37px;text-align:right}.media-heading .eyebrow{flex-shrink:0}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.single-film{grid-template-columns:1fr}.video-shell{position:relative;aspect-ratio:16/9;background:#111610;border:1px solid var(--ink)}.video-launch{position:relative;width:100%;height:100%;border:0;padding:0;background:#171c16;display:block;overflow:hidden;color:white;cursor:pointer}.video-launch img{width:100%;height:100%;object-fit:cover;opacity:.85}.play-disc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--signal);color:var(--ink);border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:21px;padding-left:3px;box-shadow:0 0 0 1px #1119}.video-action{position:absolute;left:15px;bottom:15px;background:var(--ink);padding:4px 10px;font:11px/1.5 monospace}.video-launch:hover .play-disc{background:var(--paper);transform:translate(-50%,-50%) scale(1.05)}.video-shell iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.film-label{margin-top:15px}.film-label h3{font-size:25px;letter-spacing:-.02em;margin-bottom:8px}.external-watch{font-size:12px}.press{border-top:1px solid var(--line);margin:35px 0 50px;padding-top:22px}.press>a{display:grid;grid-template-columns:150px 1fr 20px;gap:20px;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.press>a:hover{text-decoration:underline}.press-publisher{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.artifact-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0 60px}.artifact-gallery img{width:100%;aspect-ratio:1.1;object-fit:cover;background:var(--wash)}.artifact-gallery img[src*="logo"]{object-fit:contain;padding:30px;background:#e7e8d7}.artifact-gallery figcaption{font-size:11px;margin-top:10px;color:var(--muted)}.build-note{border-left:5px solid var(--green);padding:30px 35px;background:#e5e5d6;margin-bottom:55px}.build-note h2{font-size:45px;line-height:1.03}.build-note p{font-size:17px;max-width:650px}.signal-chain{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #babda9;font:12px/1.5 monospace}.nasty-note{background:var(--ink);color:var(--paper);border-left-color:var(--signal);padding:40px}.nasty-note .eyebrow{color:var(--signal)}.nasty-note h2{font-size:52px;letter-spacing:-.04em}.nasty-note em{color:var(--signal)}.decision-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:25px 0;margin-bottom:55px}.decision-strip>p{font:39px/1.15 var(--serif);max-width:800px;margin-bottom:22px}.decision-detail{font:12px/1.6 monospace;color:var(--green)}.signal-strip{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:25px;background:var(--ink);color:var(--signal);font:12px/1.5 monospace;margin-bottom:45px}.supporting-diagram{height:390px;margin:40px 0;background:var(--wash)}.supporting-diagram .studio-diagram{max-width:550px}.studio-lead{display:grid;grid-template-columns:1fr 1fr;background:#1d281c;color:var(--paper);margin-bottom:65px;min-height:590px}.studio-photo{width:100%;height:590px;object-fit:cover;object-position:center 60%}.studio-lead-copy{padding:40px 8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.studio-lead-copy h2{font-size:52px;line-height:1.03}.studio-lead-copy>p{font-size:17px}.studio-lead .eyebrow{color:var(--signal);font-size:10px}.studio-logo{width:80px;height:80px;object-fit:contain;margin-bottom:35px;background:var(--paper);padding:5px}.studio-equipment{font:10px/1.5 monospace;letter-spacing:.06em;color:#d1dcc7;margin-top:20px}.panorama-card{width:100%;height:100%;background:#d5dccc;display:flex;flex-direction:column;align-items:center;justify-content:center}.panorama-card>span{font:95px var(--serif);letter-spacing:-.06em}.panorama-card p{font:30px var(--serif)}.panorama-card small{font:11px monospace}.panorama-lead{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;background:#d5dccc;padding:55px;margin-bottom:65px}.panorama-orbit{aspect-ratio:1;position:relative;border:1px solid #79866d;border-radius:50%;display:grid;align-content:center;text-align:center}.panorama-orbit:before,.panorama-orbit:after{content:'';position:absolute;width:115%;height:1px;background:#79866d;left:-7.5%;top:50%}.panorama-orbit:after{transform:rotate(90deg)}.panorama-orbit>span{font:100px var(--serif);letter-spacing:-.06em;position:relative;background:#d5dccc;z-index:1;justify-self:center;padding:0 12px}.panorama-orbit>b{font:10px monospace;letter-spacing:.1em;z-index:1;background:#d5dccc;justify-self:center}.panorama-lead h2{font-size:65px;margin-bottom:35px}
@media(max-width:1050px){.project-menu-panel{right:-170px;width:650px}.project-info h3{font-size:29px}.workbench{grid-template-columns:1fr 1fr;padding:35px 4%}.bench-copy h2{font-size:37px}.bench-artifacts{min-height:330px;padding-right:30px}.bench-mark{display:none}.bench-stove{width:90%}.bench-nasty{width:50%}.directory-row>a{grid-template-columns:25px 1fr 155px 20px;gap:17px}.studio-lead-copy h2{font-size:39px}.studio-lead{min-height:500px}.studio-photo{height:500px}.media-heading h2{font-size:31px}}
@media(max-width:700px){.project-menu{font-size:12px}.site-header{padding-top:14px;padding-bottom:14px}.project-menu-panel{position:fixed;top:85px;right:5%;left:5%;max-width:none;width:auto;padding:18px;max-height:70svh;box-shadow:5px 6px 0 #252b2320}.menu-heading{gap:10px}.menu-heading .eyebrow{font-size:9px}.menu-heading>a{font-size:11px}.project-menu-links{gap:0 20px}.site-header .project-menu-links a{font-size:12px;padding:13px 0}.menu-symbol{font-size:18px}.hero-note{font-size:10px;margin-left:35%;text-align:right}.hero-note br{display:initial}.hero-note:before{left:-24px}.hero-note:after{left:-14px}.project-info h3{font-size:30px}.project-name{font-size:23px}.workbench{grid-template-columns:1fr;padding:30px 25px 40px;gap:20px;margin:20px 0 50px}.bench-copy h2{font-size:39px}.bench-copy>p{font-size:15px;max-width:100%}.bench-artifacts{min-height:330px;padding:10px 30px 35px 0;margin-top:15px}.bench-stove{width:80%}.bench-nasty{width:45%;right:5px}.bench-artifacts a>span{font-size:10px}.connections{margin-bottom:50px}.directory-row>a{grid-template-columns:20px 1fr 20px;gap:12px;padding:22px 0}.directory-row h2{font-size:29px;line-height:1.1;margin-bottom:9px}.directory-name>span{font-size:17px}.directory-kind{grid-column:2;grid-row:2;margin-top:-8px;font-size:10px}.directory-arrow{grid-column:3;grid-row:1}.directory-number{align-self:start;margin-top:8px}.work-index h1{font-size:66px}.directory-search input{font-size:16px}.story-top h1{font-size:49px;overflow-wrap:break-word}.story-subtitle{font-size:28px;margin-bottom:22px}.story-meta{grid-template-columns:1fr}.media-heading{display:block}.media-heading h2{text-align:left;font-size:33px}.media-heading .eyebrow{margin-bottom:12px}.film-grid{grid-template-columns:1fr;gap:28px}.films{margin:40px 0}.play-disc{width:56px;height:56px;font-size:18px}.film-label h3{font-size:27px}.video-action{font-size:10px;bottom:10px;left:10px}.press>a{grid-template-columns:1fr 20px;gap:8px 15px}.press-publisher{grid-column:1/-1;font-size:11px}.artifact-gallery{gap:18px;margin:30px 0 40px}.artifact-gallery figcaption{font-size:10px}.artifact-gallery img[src*="logo"]{padding:15px}.build-note{padding:25px 22px;margin-bottom:40px}.build-note h2{font-size:36px}.build-note p{font-size:16px}.signal-chain{gap:10px;flex-wrap:wrap;font-size:11px}.nasty-note h2{font-size:40px}.decision-strip>p{font-size:31px}.decision-detail{font-size:11px;display:block}.signal-strip{gap:15px;font-size:11px}.supporting-diagram{height:365px}.studio-lead{grid-template-columns:1fr;min-height:0;margin-bottom:40px}.studio-photo{height:450px;object-position:center 60%}.studio-lead-copy{padding:30px 25px}.studio-lead-copy h2{font-size:40px}.studio-logo{width:60px;height:60px;margin-bottom:25px}.studio-lead-copy>p{font-size:16px}.studio-equipment{margin-top:10px}.panorama-lead{grid-template-columns:1fr;padding:40px 30px;gap:40px;margin-bottom:40px}.panorama-orbit{max-width:300px;width:100%;margin:auto}.panorama-orbit>span{font-size:80px}.panorama-lead h2{font-size:49px;margin-bottom:25px}}
@media(max-width:420px){.project-menu-links{grid-template-columns:1fr}.project-menu-panel{top:82px}.bench-artifacts{min-height:300px}.directory-name>span{font-size:16px}}

.nasty-setup{margin:65px 0;border-top:1px solid var(--ink);padding-top:30px}.nasty-setup>p:not(.eyebrow){max-width:720px;font-size:18px}.nasty-setup h2{font-size:clamp(38px,5vw,58px)}.nasty-setup figure{margin-top:30px}.nasty-setup img{width:100%}.nasty-setup figcaption{font-size:11px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}

.film-note{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}
.authored-login{padding:30px 5% 0;background:#dedfd2}.authored-login img{max-height:620px;object-fit:contain;width:100%}.authored-login figcaption{margin:20px -5.6% 0}.process-material{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;padding:35px 0 50px;border-top:1px solid var(--ink);margin:50px 0}.process-material h2{font-size:44px}.process-material p{font-size:16px}.process-material img{width:100%;border:1px solid var(--line)}.process-material figcaption{font-size:11px;color:var(--muted);padding-top:10px}.allocation-demo{padding:35px 0 40px;border-top:1px solid var(--ink);margin:40px 0}.allocation-demo>h2,.system-boundaries>h2{font-size:clamp(38px,5vw,58px)}.demo-intro{max-width:700px;font-size:18px}.demo-boundary{font-size:12px;color:var(--muted)}.allocation-workspace{display:grid;grid-template-columns:.8fr 1.2fr;margin-top:30px;border:1px solid var(--line)}.example-bill{padding:35px;background:#e5e4d9}.example-bill h3{font-size:34px;line-height:1.1;margin-top:20px}.example-bill>p{font-size:14px}.bill-rule{height:1px;background:var(--line);margin:25px 0}.example-bill dl{margin-top:35px}.example-bill dd{font:39px var(--serif);margin-bottom:20px}.example-bill dl>div+div dd{font:13px var(--sans)}.source-reminder{margin-top:55px;color:var(--muted)}.allocation-controls{padding:35px;background:#f9f7ef}.allocation-controls h3{font-size:33px;line-height:1.1}.allocation-row{border-top:1px solid var(--line);padding:20px 0}.allocation-row label{font-size:15px;display:block;margin-bottom:10px}.allocation-row label>span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.allocation-row label>b{display:block;font:24px var(--serif);margin-top:10px}.allocation-row input,.allocation-row select{font:18px var(--sans);width:100%;border:1px solid #8f9585;padding:12px;background:var(--paper);color:var(--ink);border-radius:0;min-height:48px}.allocation-row select:focus-visible{outline:3px solid var(--green);outline-offset:3px}.allocation-row [aria-invalid=true]{border:2px solid #91412b}.field-error{color:#873721;font-size:12px;line-height:1.5;margin:10px 0 0}.demo-balance{font-size:14px;margin:15px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-balance.is-balanced{color:var(--green);font-weight:600}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.allocation-demo button{border:1px solid var(--ink);padding:12px 14px;background:transparent;font-size:12px;min-height:46px}.allocation-demo .demo-primary{background:var(--ink);color:var(--paper)}.demo-primary:focus-visible{outline-offset:4px}.review-demo-copy,.allocation-controls>div>p{font-size:15px}.demo-complete-note{padding-top:20px;border-top:1px solid var(--line)}.system-boundaries{border-top:1px solid var(--ink);padding-top:30px;margin:35px 0 65px}.boundary-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.boundary-flow li{border-top:3px solid var(--green);padding:18px 0;position:relative}.boundary-flow h3{font-size:27px;margin-top:18px;line-height:1.1}.boundary-flow p{font-size:14px}.boundary-flow li+li:before{content:'→';position:absolute;left:-22px;top:18px}.boundary-note{font:11px/1.8 monospace;color:var(--muted)}@media(max-width:700px){.process-material{grid-template-columns:1fr;gap:20px}.process-material h2{font-size:37px}.allocation-workspace{grid-template-columns:1fr}.example-bill,.allocation-controls{padding:25px}.example-bill .eyebrow{font-size:10px}.example-bill h3{font-size:30px}.example-bill dl{display:flex;gap:35px;align-items:baseline}.source-reminder{margin:15px 0 0}.example-bill dd{font-size:34px}.allocation-controls h3{font-size:30px}.allocation-demo button{min-height:48px}.demo-actions{display:grid;grid-template-columns:1fr}.boundary-flow{grid-template-columns:1fr;gap:10px}.boundary-flow li{padding-bottom:5px}.boundary-flow li+li:before{display:none}.authored-login{padding:18px 3% 0}.authored-login figcaption{margin:16px -3.2% 0}.allocation-row select{font-size:16px}}
.pano-section{border-top:1px solid var(--ink);padding:30px 0 35px;margin:45px 0}.pano-section h2{font-size:clamp(38px,5vw,56px)}.pano-section>p:not(.eyebrow){font-size:18px;max-width:720px}.pano-shell{position:relative;height:500px;background:#172016;border:1px solid var(--ink);margin-top:28px}.pano-shell iframe{width:100%;height:100%;border:0;display:block}.pano-launch{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:#d5dccc;color:var(--ink);border:0;padding:30px;cursor:pointer}.pano-mark{font:100px/1 var(--serif);letter-spacing:-.06em;border:1px solid #79866d;border-radius:50%;padding:50px 23px}.pano-load{font-size:18px;border-bottom:1px solid;padding:5px 0}.pano-help{font-size:11px;color:var(--ink)}.pano-tools{display:flex;justify-content:space-between;align-items:baseline;gap:15px;flex-wrap:wrap;padding-top:14px}.pano-tools p{font-size:11px;color:var(--muted);margin:0}.pano-tools a,.pano-close{font-size:12px}.pano-close{background:transparent;border:0;border-bottom:1px solid;padding:8px 0;min-height:44px}.pano-launch:focus-visible{outline-offset:-7px}.pano-shell iframe:focus-visible{outline:3px solid var(--green);outline-offset:4px}@media(max-width:700px){.pano-shell{height:430px}.pano-mark{font-size:80px;padding:40px 20px}.pano-tools{display:block}.pano-tools a{display:inline-block;margin:10px 25px 0 0}.pano-close{margin-top:8px}.pano-section>p:not(.eyebrow){font-size:16px}}
.field-invitation{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding:35px 0 0;margin:60px 0 0}.field-invitation h2{font-size:37px}.field-invitation p:not(.eyebrow){font-size:16px;margin-bottom:0}.field-invitation .eyebrow{margin-bottom:16px}.field-invitation>a{flex-shrink:0}.field-notes{padding-top:65px;padding-bottom:90px;max-width:1240px}.notes-header h1{font-size:clamp(65px,8vw,105px);margin-bottom:25px}.notes-nav{display:flex;flex-wrap:wrap;gap:15px 28px;font-size:13px;border-top:1px solid var(--line);padding-top:25px;margin:45px 0 65px}.notes-nav a{text-decoration:none;border-bottom:1px solid var(--line);padding:5px 0}.notes-nav a span{margin-left:12px}.field-note{display:grid;grid-template-columns:170px 1fr;gap:7%;padding:45px 0 65px;border-top:1px solid var(--ink);scroll-margin-top:130px}.field-note h2{font-size:clamp(38px,5vw,59px);margin-bottom:20px;line-height:1.08}.field-note .eyebrow{margin-bottom:18px}.field-note .note-intro{font:28px/1.25 var(--serif);color:var(--green);max-width:600px;margin-bottom:28px}.field-note>div>p:not(.eyebrow):not(.note-intro){font-size:18px;max-width:640px;line-height:1.8}.field-note-side{padding-top:3px}.note-waypoints{margin-top:40px;display:flex;flex-direction:column;font:10px/1.5 monospace;letter-spacing:.08em;color:var(--muted)}.note-waypoints i{display:block;height:100px;width:1px;background:var(--green);margin:18px 3px;position:relative}.note-waypoints i:before,.note-waypoints i:after{content:'';width:7px;height:7px;border:1px solid var(--green);border-radius:50%;background:var(--paper);position:absolute;left:-3px}.note-waypoints i:after{bottom:0}.note-season{display:block;font:23px/1.2 var(--serif);color:var(--green);margin-top:40px}.season-plan{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:650px}.season-plan li{border-top:2px solid var(--green);padding-top:15px}.season-plan span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.season-plan strong{font:24px/1.2 var(--serif)}@media(max-width:700px){.site-header nav{gap:15px}.site-header .wordmark{font-size:18px}.wordmark-detail{font-size:9px}.site-header nav>a{font-size:12px}.field-invitation{display:block;margin-top:40px}.field-invitation h2{font-size:33px}.field-invitation .text-link{margin-top:25px}.field-notes{padding-top:45px}.notes-nav{display:grid;gap:15px;margin:30px 0 40px}.notes-nav a{display:flex;justify-content:space-between}.field-note{grid-template-columns:1fr;gap:22px;padding:30px 0 45px}.field-note-side{display:flex;align-items:center;gap:30px}.note-waypoints{margin:0;flex-direction:row;align-items:center;gap:15px;font-size:9px}.note-waypoints i{height:1px;width:40px;margin:0}.note-waypoints i:before{top:-3px;left:0}.note-waypoints i:after{top:-3px;left:auto;right:0}.note-season{margin:0;font-size:18px}.field-note .note-intro{font-size:26px}.field-note>div>p:not(.eyebrow):not(.note-intro){font-size:16px}.season-plan{gap:15px}.season-plan strong{font-size:22px}}@media(max-width:370px){.site-header{gap:10px}.site-header nav{gap:10px}.site-header nav>a,.project-menu{font-size:11px}.site-header .wordmark{font-size:16px}.wordmark-detail{font-size:8px}.menu-symbol{font-size:14px}.project-menu summary{gap:5px}.contact-nav span{margin-left:3px}.season-plan{grid-template-columns:1fr;gap:18px}}
.site-header .wordmark-detail,.site-header nav>a{white-space:nowrap}@media(max-width:700px){.site-header{gap:12px}.site-header nav{gap:12px}}@media(max-width:370px){.site-header{gap:10px}.site-header nav{gap:10px}}
.pano-static{color:var(--paper);font:28px/1.4 var(--serif);padding:60px 10%;max-width:650px}
/* Short entries preserve the original work's proportions and keep the reading compact. */
.site-header .menu-directory{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:15px;font-size:13px}.catalogue-story .story-top{max-width:1050px}.catalogue-story h1{font-size:clamp(46px,6.4vw,86px);line-height:1.06}.catalogue-story .story-meta{grid-template-columns:1fr 1fr;max-width:850px}.catalogue-figure{padding:30px;background:var(--wash);margin:0 auto 50px;max-width:1050px}.catalogue-figure img{max-height:650px;width:100%;object-fit:contain}.catalogue-figure figcaption,.catalogue-gallery figcaption{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.5}.catalogue-copy{max-width:850px;margin:0 auto 85px}.catalogue-copy>p{font-size:19px;line-height:1.85;max-width:740px}.catalogue-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:45px 0}.catalogue-gallery img{width:100%;height:300px;object-fit:contain;background:var(--wash)}.catalogue-resources{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 38px}.catalogue-resources:empty{display:none}.catalogue-copy .source-link{margin:35px 0}.original-writeup{max-width:850px}.catalogue-story.story-logo-design .catalogue-figure img{max-height:480px}.directory-name h2{overflow-wrap:anywhere}@media(max-width:700px){.catalogue-story .story-meta{grid-template-columns:1fr}.catalogue-figure{padding:18px;margin-bottom:30px}.catalogue-copy>p{font-size:17px}.catalogue-gallery{grid-template-columns:1fr;margin:30px 0;gap:25px}.catalogue-gallery img{height:auto;max-height:420px}.catalogue-story h1{font-size:46px}.catalogue-copy .source-link .text-link{font-size:13px;gap:15px}.site-header .menu-directory{font-size:12px}}
/* Photographs retain their framing; the sequence follows the build rather than cropping to tiles. */
.catalogue-gallery .wide{grid-column:1/-1}.story-home-office .catalogue-gallery img,.story-kayak-sailboat .catalogue-gallery img,.story-logo-design .catalogue-gallery .wide img{height:auto;max-height:620px;object-fit:contain}.photo-epilogue{border-top:1px solid var(--line);padding-top:35px;margin:45px 0}.photo-epilogue h2{font-size:36px}.photo-epilogue>p{font-size:18px}.photo-epilogue img{width:100%;height:auto;max-height:600px;object-fit:contain;background:var(--wash)}.photo-epilogue figcaption{font-size:12px;color:var(--muted);margin-top:15px}.story-classroom-music-sensor .catalogue-figure{max-width:760px}.story-classroom-music-sensor .catalogue-figure img{max-height:740px}@media(max-width:700px){.photo-epilogue h2{font-size:32px}.photo-epilogue>p{font-size:17px}.story-home-office .catalogue-gallery img,.story-kayak-sailboat .catalogue-gallery img{max-height:none}}
/* Field journal: a visual index and notes with their own pace. */
.journal-index{max-width:1320px;padding-top:65px;padding-bottom:90px}.journal-header{max-width:800px;margin-bottom:65px}.journal-header h1{font-size:clamp(65px,8vw,105px);margin-bottom:25px}.journal-cards{display:grid;gap:55px}.journal-card{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:120px}.journal-card-main{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;text-decoration:none}.journal-card-visual{height:380px;overflow:hidden;background:var(--wash)}.journal-card-visual>img{width:100%;height:100%;object-fit:cover}.journal-munich-venice .journal-card-visual>img{object-fit:contain;background:#d9e0d9}.journal-card-copy h2{font-size:46px;line-height:1.12;margin-bottom:22px;display:flex;gap:20px;justify-content:space-between}.journal-card-copy h2>span{font:22px var(--sans);margin-top:10px}.journal-card-copy>p:not(.eyebrow){font-size:19px}.journal-read{font-size:13px;display:inline-flex;gap:40px;border-bottom:1px solid var(--ink);padding:6px 0}.journal-card-main:hover .journal-read{color:var(--green)}.journal-munich-venice .journal-card-main{grid-template-columns:1fr 1.2fr}.journal-munich-venice .journal-card-visual{grid-column:2;grid-row:1}.journal-munich-venice .journal-card-copy{grid-column:1;grid-row:1}.journal-note{max-width:1240px;padding-top:45px;padding-bottom:90px}.journal-note-header{max-width:1000px;margin-bottom:55px}.journal-note-header>.back{display:inline-block;margin-bottom:35px}.journal-note-header h1{font-size:clamp(52px,7vw,88px);line-height:1.08;margin-bottom:25px}.journal-note-header .eyebrow{margin-bottom:20px}.journal-note-header .page-intro{max-width:760px}.journal-note figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:15px}.walk-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-bottom:65px}.walk-opening figure>img{max-height:620px;width:100%;object-fit:contain}.walk-opening .journal-large{font:30px/1.5 var(--serif);letter-spacing:-.01em}.recorded-walk{margin:60px 0}.recorded-walk .section-head{padding-bottom:28px;align-items:start}.recorded-walk .section-head .eyebrow{max-width:200px;text-align:right}.recorded-walk img{width:100%;height:auto;min-height:180px;background:var(--wash);object-fit:contain}.walk-photo{max-width:640px;margin:65px auto}.walk-photo>img{width:100%;max-height:800px;object-fit:contain}.prospective-map{max-width:950px;margin:0 auto 45px}.prospective-map>img{width:100%;height:auto;max-height:740px}.journal-prose{max-width:720px;margin:45px auto 65px}.journal-prose>p{font-size:20px;line-height:1.9}.journal-next{border-top:1px solid var(--line);margin-top:75px;padding-top:30px}.journal-next>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}.journal-next a{text-decoration:none}.journal-next a>span{font-size:11px;color:var(--muted)}.journal-next h3{font-size:28px;line-height:1.2;margin-top:12px}.journal-next h3>span{font:19px var(--sans)}.season-journal{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);min-height:330px}.season-journal li{padding:35px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border-right:1px solid #f3f0e755;background:#dfe5d5}.season-journal .season-1{background:#e5ddc9}.season-journal .season-2{background:#d4d8ca}.season-month{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.season-journal strong{font:clamp(28px,3vw,43px)/1.1 var(--serif);font-weight:400;letter-spacing:-.03em}.season-description{font-size:13px}.compact-season{height:100%;min-height:0}.compact-season li{padding:35px 14px}.compact-season strong{font-size:31px}.compact-season .season-description{font-size:11px}.compact-season .season-month{font-size:10px}.season-intro{margin-left:0;margin-top:0}.note-fall-triathlon .season-journal{margin:40px 0 65px}.journal-fall-triathlon .journal-card-visual{height:320px}
@media(max-width:900px){.journal-card-copy h2{font-size:37px}.compact-season strong{font-size:25px}.compact-season li{padding:25px 10px}.journal-card-visual{height:330px}.walk-opening .journal-large{font-size:26px}}
@media(max-width:700px){.journal-index,.journal-note{padding-top:38px;padding-bottom:60px}.journal-header{margin-bottom:38px}.journal-cards{gap:38px}.journal-card-main,.journal-munich-venice .journal-card-main{grid-template-columns:1fr;gap:25px}.journal-munich-venice .journal-card-visual,.journal-munich-venice .journal-card-copy{grid-column:auto;grid-row:auto}.journal-card-visual{height:300px}.journal-card-copy h2{font-size:36px;margin-bottom:15px}.journal-card-copy .eyebrow{margin-bottom:15px}.journal-card-copy>p:not(.eyebrow){font-size:17px;margin-bottom:15px}.journal-card{padding-top:22px}.journal-note-header{margin-bottom:35px}.journal-note-header h1{font-size:49px}.journal-note-header>.back{margin-bottom:30px}.walk-opening{grid-template-columns:1fr;gap:30px;margin-bottom:45px}.walk-opening figure>img{max-height:540px}.walk-opening .journal-large{font:27px/1.45 var(--serif)}.recorded-walk{margin:40px 0}.recorded-walk .section-head{display:block}.recorded-walk .section-head h2{font-size:33px;margin-bottom:14px}.recorded-walk .section-head .eyebrow{text-align:left;max-width:none}.journal-prose>p{font-size:18px}.journal-prose{margin:30px auto 45px}.journal-next>div{grid-template-columns:1fr;gap:20px}.journal-next{margin-top:45px}.season-journal{min-height:270px}.season-journal li{padding:25px 12px}.season-journal strong{font-size:28px}.season-month{font-size:10px}.season-description{font-size:11px}.compact-season strong{font-size:30px}.journal-fall-triathlon .journal-card-visual{height:270px}.walk-photo{margin:45px auto}.prospective-map{margin-bottom:30px}}
@media(max-width:370px){.season-journal li{padding:22px 8px}.season-journal strong,.compact-season strong{font-size:25px}.season-month{font-size:9px}.season-description{font-size:10px}.journal-card-copy h2{font-size:33px}}
.season-journal{grid-template-columns:repeat(3,minmax(0,1fr))}.season-journal li,.season-journal strong{min-width:0}@media(max-width:700px){.compact-season strong{font-size:clamp(20px,5.6vw,28px)}.note-fall-triathlon .season-journal{grid-template-columns:1fr;min-height:0}.note-fall-triathlon .season-journal li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px 18px;padding:25px}.note-fall-triathlon .season-month{grid-column:1;grid-row:1;align-self:center}.note-fall-triathlon .season-journal strong{grid-column:2;grid-row:1;font-size:35px}.note-fall-triathlon .season-description{grid-column:2;grid-row:2;font-size:12px}}
@media(max-width:700px){.note-fall-triathlon .season-journal strong{font-size:clamp(28px,8vw,35px)}}
.recorded-walk img{min-height:0;aspect-ratio:1200/540}
.walk-media-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:65px auto;max-width:1000px;align-items:start}.walk-media-pair .walk-photo{margin:0;max-width:none}.walk-media-pair .walk-photo>img{width:100%;height:520px;object-fit:contain}.walk-flyover video{display:block;width:100%;max-width:322px;height:auto;max-height:520px;aspect-ratio:720/1164;margin:auto;background:var(--ink)}.walk-flyover video:focus-visible{outline:3px solid var(--green);outline-offset:5px}@media(max-width:700px){.walk-media-pair{grid-template-columns:1fr;gap:35px;margin:45px auto}.walk-media-pair .walk-photo>img{height:auto;max-height:520px}.walk-flyover video{max-height:500px;max-width:309px}}

/* Past trips: real photographs beside recorded route traces. */
.trip-archive{margin:110px auto 0;max-width:1120px}.trip-archive-head{max-width:720px;margin-bottom:55px}.trip-archive h2,.trip-planning h2{font-size:clamp(36px,4vw,55px);font-weight:400;line-height:1.12}.trip-archive-head>p:last-child{font-size:18px;line-height:1.7}.past-trip{border-top:1px solid var(--line);padding-top:30px;margin-top:65px}.past-trip h3{font-size:clamp(31px,3vw,44px);font-weight:400;margin:10px 0}.trip-date{font-size:14px;color:var(--muted)}.trip-media{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.trip-media img{display:block;width:100%;height:330px;object-fit:cover}.trip-media .trip-route{object-fit:contain;background:#ebe7da}.trip-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px;line-height:1.75}.trip-copy p{margin-top:0}.trip-stats{font-size:14px;letter-spacing:.02em}.trip-archive>.small-note{max-width:760px;margin-top:35px;line-height:1.7}.trip-planning{border-top:1px solid var(--line);max-width:720px;margin:80px auto 0;padding-top:35px}.trip-planning p{font-size:19px;line-height:1.8}.project-info h3{margin-bottom:10px}.directory-name h2{margin-bottom:0}
@media(max-width:700px){.trip-archive{margin-top:65px}.trip-media,.trip-copy{grid-template-columns:1fr;gap:16px}.trip-media img{height:auto}.trip-media .trip-route{height:auto}.past-trip{margin-top:45px}.trip-archive-head{margin-bottom:35px}.trip-planning{margin-top:55px}}

.starling-paths{max-width:1050px;margin:40px auto 65px}.starling-flow{background:#242a35;color:#eeeade;padding:50px}.starling-flow section+section{margin-top:45px}.starling-flow h2{font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px;color:#babfc7}.starling-flow ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:36px}.starling-flow li{border:1px solid #6f7c89;padding:25px 12px;text-align:center;position:relative;font-size:19px}.starling-flow li+li:before{content:"→";position:absolute;left:-28px;color:#babfc7}.starling-paths figcaption{margin:14px 0;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:700px){.starling-paths{margin:35px 0 45px}.starling-flow{padding:28px 22px}.starling-flow ol{grid-template-columns:1fr;gap:30px}.starling-flow li{font-size:18px;padding:20px 10px}.starling-flow li+li:before{content:"↓";left:calc(50% - 5px);top:-29px}.starling-flow h2{font-size:12px;line-height:1.5}}