:root{--paper:#f4f2ed;--ink:#292b28;--muted:#72746c;--rule:#d4d3c9;--olive:#69715b;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--olive);outline-offset:7px}a:hover{color:var(--olive)}::selection{color:var(--paper);background:var(--olive)}img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}
.shell{width:calc(100% - 112px);max-width:1536px;margin-inline:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:30px}.brand{font-size:32px;font-weight:600;line-height:1;letter-spacing:-2.6px}.brand span,h1 span,.thought h2 span,.contact h2 span{color:var(--olive)}.site-header nav{display:flex;gap:34px;font-size:13px}.header-contact{font-size:13px;display:flex;gap:24px}
.hero{display:grid;grid-template-columns:.84fr 1.2fr;gap:6%;padding-block:44px;min-height:min(790px,calc(100svh - 92px));align-items:stretch}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:38px}.overline{font-size:10px;line-height:1.6;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}h1{font-size:clamp(38px,4.15vw,71px);line-height:1.08;letter-spacing:-2.8px;font-weight:400;margin-block:46px 30px}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:28px}.underlined{font-size:12px;line-height:1.6;display:inline-flex;gap:25px;align-items:center;border:0;border-bottom:1px solid var(--ink);padding:0 0 5px;background:transparent}.underlined:hover{color:var(--olive);border-color:var(--olive)}.hero-personal{width:100%;display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:55px;margin-top:auto;color:var(--muted);font-size:11px;line-height:1.6}.hero-personal a{white-space:nowrap}.hero-image{display:flex;flex-direction:column;min-width:0}.hero-image>img{width:100%;height:100%;min-height:390px;max-height:650px;object-fit:cover;object-position:54% 50%;flex:1}.hero-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);padding-top:12px}
.section{padding-block:110px}.architecture{border-top:1px solid var(--rule)}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end;margin-bottom:52px}h2{font-size:clamp(38px,4.2vw,64px);font-weight:400;line-height:1.09;letter-spacing:-2.1px}.section-top h2{margin-top:20px}.section-description{max-width:430px;font-size:14px;line-height:1.8}.section-description p+p{color:var(--muted);margin-top:13px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project{display:block;text-align:left;background:none;border:0;padding:0;min-width:0}.project-image{display:block;position:relative;overflow:hidden;background:#dddcd3}.project-image img{width:100%;height:auto;aspect-ratio:1.16;object-fit:cover;transition:transform .55s}.project:nth-child(2) .project-image img{object-position:44% 50%}.project:hover .project-image img{transform:scale(1.025)}.image-action{position:absolute;bottom:14px;right:14px;background:var(--paper);padding:8px 12px;font-size:10px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.project:hover .image-action,.project:focus-visible .image-action{opacity:1;transform:none}.project-label{display:flex;justify-content:space-between;gap:10px;margin-top:18px;line-height:1.4}.project-label>span:first-child>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.project-label strong{font-size:20px;font-weight:400;letter-spacing:-.5px}.project-number{font-size:10px;color:var(--muted);padding-top:6px}.project-note{display:block;font-size:11px;color:var(--muted);margin-top:13px;line-height:1.6;max-width:95%}.architecture-foot{display:flex;justify-content:space-between;align-items:start;gap:50px;margin-top:44px}.architecture-foot>p{font-size:10px;color:var(--muted);max-width:460px}.architecture-foot .underlined{flex-shrink:0}
.creation{background:#eae8e1}.creation .section-top{margin-bottom:46px}.comic-open{background:transparent;border:0;padding:0;display:block;width:100%;text-align:left}.comic-open>img{width:100%;height:auto;aspect-ratio:3;object-fit:contain}.comic-caption{display:flex;justify-content:space-between;gap:20px;padding-top:13px;font-size:10px;color:var(--muted)}.creation-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-block:32px 40px}.creation-bottom>p{font-family:var(--serif);font-size:21px;line-height:1.5;font-style:italic}.literature{border-top:1px solid #c9c8bf}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.literature summary{display:grid;grid-template-columns:1fr 1fr 20px;gap:20px;padding-top:20px;font-size:12px}.literature summary>span:nth-child(2){color:var(--muted)}.plus{font-size:23px;line-height:1;font-weight:300;transition:transform .2s}details[open]>summary .plus{transform:rotate(45deg)}.literature-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:28px;padding-bottom:5px;font-family:var(--serif);font-size:20px;line-height:1.8}.literature-content .overline{display:block;font-family:var(--sans);margin-bottom:15px}
.thought{padding-block:120px}.thought-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:40px}.thought h2{font-family:var(--serif);font-style:italic;font-size:clamp(70px,9vw,145px);font-weight:400;letter-spacing:-6px;line-height:1}.thought-copy{max-width:425px}.thought-lead{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin-bottom:26px}.thought-copy>p:not(.thought-lead){font-size:13px;line-height:1.85;color:var(--muted)}.thought-copy>p+p{margin-top:16px}.thought-signature{display:block;font-size:10px;margin-top:32px;letter-spacing:.2px}
.notebook{padding-bottom:100px}.notebook-container{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.notebook summary{display:grid;grid-template-columns:1fr 1.2fr 20px;align-items:center;gap:25px;padding-block:27px}.notebook h2{font-size:18px;letter-spacing:-.3px;line-height:1.4}.notebook-content{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:20px 45px}.notebook h3{font-size:25px;letter-spacing:-.5px;line-height:1.3;margin-block:13px 18px;font-weight:400}.notebook article>p:not(.overline){font-size:13px;line-height:1.85;color:var(--muted);max-width:460px}.notebook article .underlined{margin-top:24px}
.contact{padding-top:60px;padding-bottom:70px;border-top:1px solid var(--rule)}.contact-top{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin-top:25px}.contact h2{font-size:clamp(55px,7.5vw,120px);letter-spacing:-4px}.contact-email{font-size:clamp(16px,2vw,28px);letter-spacing:-.7px;border-bottom:1px solid var(--ink);padding-bottom:7px;white-space:nowrap}.contact-email span{padding-left:20px}.contact-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:60px;font-size:11px;line-height:1.9;color:var(--muted)}.contact-bottom>div{display:flex;flex-direction:column;align-items:flex-start}.contact-bottom>div:last-child{align-items:flex-end}.site-footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:100px}.site-footer .brand{font-size:24px}.site-footer p,.site-footer>a:last-child{font-size:9px;color:var(--muted)}.skip-link{position:fixed;left:20px;top:-70px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:200}.skip-link:focus{top:15px}
.gallery-dialog{border:0;background:var(--paper);padding:30px 38px 38px;color:var(--ink);width:calc(100% - 70px);max-width:1450px;max-height:calc(100svh - 50px);overflow:auto}.gallery-dialog::backdrop{background:rgb(21 24 20 / .78);backdrop-filter:blur(4px)}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.close-dialog{background:none;border:0;display:flex;gap:20px;align-items:center;padding:5px;font-size:12px}.close-dialog span{font-size:28px;font-weight:300;line-height:1}.gallery-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:45px}.gallery-visual{min-width:0}#gallery-image{width:100%;height:min(62svh,650px);object-fit:contain;background:#eae8e1}.gallery-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);padding-block:10px}.gallery-controls button{background:none;border:0;padding:4px 15px;font-size:23px}#gallery-counter{font-size:11px;color:var(--muted)}#gallery-caption{font-size:11px;color:var(--muted);padding-top:12px}.gallery-copy{padding-top:6px}.gallery-copy h2{font-size:38px;letter-spacing:-1.3px;margin-bottom:22px}#gallery-description,#gallery-role{font-size:13px;color:var(--muted);line-height:1.9}.gallery-role{padding-top:25px;margin-top:25px;border-top:1px solid var(--rule)}.gallery-role>.overline{margin-bottom:10px}.gallery-thumbnails{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.gallery-thumbnails button{border:1px solid transparent;padding:3px;background:none}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--olive)}.gallery-thumbnails img{width:62px;height:52px;object-fit:cover}.gallery-dialog.comic-mode .gallery-layout{grid-template-columns:1fr}.gallery-dialog.comic-mode .gallery-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.gallery-dialog.comic-mode .gallery-role{display:none}.gallery-dialog.comic-mode #gallery-image{height:auto;max-height:67svh}.gallery-dialog.comic-mode .gallery-copy h2{font-size:26px;margin-bottom:0}.gallery-dialog.comic-mode .gallery-thumbnails{margin-top:10px}
@media(min-width:1700px){.hero{gap:8%;grid-template-columns:.82fr 1.2fr}.hero-copy{padding-top:55px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.site-header nav{gap:23px}.hero{gap:5%;grid-template-columns:.9fr 1.1fr;min-height:650px}.hero-copy{padding-top:28px}h1{font-size:clamp(38px,4.65vw,55px);letter-spacing:-2.4px}.hero-description{font-size:12px}.hero-personal{font-size:10px}.hero-image>img{min-height:480px}.section{padding-block:85px}.section-top,.thought-grid{gap:8%}.project-grid{gap:18px}.project-label strong{font-size:18px}.project-note{font-size:10px}.creation-bottom>p{font-size:19px}.notebook summary{grid-template-columns:1fr 1.1fr 20px}}
@media(max-width:760px){html{scroll-padding-top:25px}.shell{width:calc(100% - 40px)}.site-header{height:88px;gap:10px;flex-wrap:wrap;align-content:center}.brand{font-size:29px}.site-header nav{order:3;width:100%;justify-content:flex-start;gap:24px;font-size:11px;margin-top:8px}.header-contact{font-size:11px;gap:12px}.hero{display:flex;flex-direction:column;gap:32px;min-height:0;padding-top:38px;padding-bottom:40px}.hero-copy{padding-top:0}.overline{font-size:9px;letter-spacing:1.15px}h1{font-size:clamp(42px,10.4vw,66px);letter-spacing:-2.4px;margin-block:28px 24px}.hero-description{font-size:13px;line-height:1.8;margin-bottom:22px}.hero-copy>.underlined{font-size:11px}.hero-personal{display:none}.hero-image>img{height:auto;min-height:0;max-height:none;aspect-ratio:1.16;object-position:55% 50%}.hero-image figcaption{font-size:8px;letter-spacing:.3px;gap:12px}.section{padding-block:65px}.section-top{grid-template-columns:1fr;gap:26px;margin-bottom:32px}h2{font-size:44px;letter-spacing:-1.8px}.section-top h2{margin-top:15px}.section-description{font-size:13px;max-width:490px}.section-description p+p{margin-top:10px}.project-grid{grid-template-columns:1fr;gap:38px}.project-image img{aspect-ratio:1.35}.project-label{margin-top:14px}.project-label strong{font-size:22px}.project-note{margin-top:8px;font-size:11px}.image-action{display:none}.architecture-foot{flex-direction:column;gap:22px;margin-top:34px}.architecture-foot>p{max-width:330px}.creation .section-top{margin-bottom:28px}.comic-open>img{aspect-ratio:3}.comic-caption{font-size:8px;gap:10px}.creation-bottom{align-items:flex-start;flex-direction:column;gap:22px;margin-block:26px 32px}.creation-bottom>p{font-size:20px;max-width:290px}.literature summary{grid-template-columns:1fr 1fr 16px;gap:10px;font-size:11px}.literature-content{gap:25px;font-size:17px}.thought-grid{grid-template-columns:1fr;gap:35px;margin-top:25px}.thought h2{font-size:96px;letter-spacing:-5px}.thought-copy{max-width:460px}.thought-lead{font-size:24px}.notebook{padding-bottom:65px}.notebook summary{grid-template-columns:1fr 20px;gap:13px;padding-block:22px}.notebook summary>.overline{grid-column:1}.notebook h2{grid-column:1;font-size:17px}.notebook summary>.plus{grid-column:2;grid-row:1 / span 2}.notebook-content{grid-template-columns:1fr;gap:38px;padding-top:12px}.contact{padding-top:45px;padding-bottom:45px}.contact-top{flex-direction:column;gap:24px;margin-top:20px}.contact h2{font-size:clamp(52px,18vw,75px);letter-spacing:-3px}.contact-email{font-size:21px;letter-spacing:-.5px}.contact-bottom{grid-template-columns:1fr 1fr;gap:30px 15px;margin-top:35px}.contact-bottom>div:last-child{grid-column:1 / -1;flex-direction:row;align-items:center;gap:24px}.site-footer{min-height:90px;gap:15px;flex-wrap:wrap;padding-block:20px}.site-footer p{font-size:8px}.site-footer>a:last-child{display:none}.gallery-dialog{width:calc(100% - 20px);max-height:calc(100svh - 24px);padding:18px}.gallery-header{margin-bottom:20px}.gallery-header .overline{max-width:65%}.gallery-layout{grid-template-columns:1fr;gap:28px}#gallery-image{height:46svh}.gallery-copy h2{font-size:32px;margin-bottom:15px}.gallery-role{padding-top:18px;margin-top:18px}.gallery-thumbnails{margin-top:20px}.gallery-dialog.comic-mode .gallery-copy{display:block}.gallery-dialog.comic-mode #gallery-description{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}