:root{--paper:#f4f3ee;--ink:#20221f;--muted:#62645e;--line:#cecec5;--accent:#645d45}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.header{height:110px;display:flex;align-items:center;padding:0 4.5%;gap:32px}.logo{width:72px;flex-shrink:0}.logo svg{display:block;width:100%;height:auto}.header-name{font-size:14px;line-height:1.45}.header-name span{font-size:12px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:34px;font-size:14px}nav a{padding:10px 0}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}sup{font-size:10px;margin-left:4px}.intro{min-height:calc(100svh - 110px);padding:0 4.5% 35px;display:flex;flex-direction:column}.gallery{position:relative;height:clamp(390px,53vh,610px);margin:5px 0 30px;isolation:isolate}.piece{position:absolute;display:block;transition:transform .5s,filter .5s}.piece img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.piece span{position:absolute;top:100%;left:0;font-size:12px;line-height:1.3;opacity:0;padding-top:8px;min-width:160px;transition:opacity .2s}.piece:hover,.piece:focus-visible{z-index:5;transform:translateY(-8px) rotate(0)}.piece:hover span,.piece:focus-visible span{opacity:1}.piece-0{left:0;top:4%;width:13%;height:38%}.piece-1{left:22%;top:0;width:12%;height:34%}.piece-1 img,.piece-3 img,.piece-7 img{object-fit:contain}.piece-2{left:46%;top:0;width:9%;height:32%}.piece-3{right:20%;top:3%;width:16%;height:27%}.piece-4{right:0;top:6%;width:13%;height:32%}.piece-5{left:7%;bottom:4%;width:12%;height:41%}.piece-6{left:30%;top:38%;width:36%;height:55%;transform:rotate(-3deg)}.piece-6:hover{transform:rotate(0) translateY(-5px)}.piece-7{right:15%;bottom:0;width:12%;height:52%}.piece-8{right:0;bottom:9%;width:12%;height:33%}.intro-bottom{display:grid;grid-template-columns:1.05fr 1fr .52fr;gap:5%;align-items:end;margin-top:auto}.eyebrow{font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin:0 0 15px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,86px);font-weight:400;letter-spacing:-.055em;line-height:1;margin-bottom:0}h2{font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.06;letter-spacing:-.045em}h3{font-weight:400;letter-spacing:-.025em}.intro-copy{font-size:16px;line-height:1.6;margin-bottom:0;max-width:440px}.explore{font-size:14px;display:flex;align-items:center;justify-content:flex-end;gap:20px;white-space:nowrap}.scroll-mark{height:42px;width:1px;background:var(--ink)}.section{padding:90px 4.5%;border-top:1px solid var(--line)}@media(min-width:1600px){.intro{max-width:1800px;margin:auto}.header{max-width:1800px;margin:auto}}@media(max-width:700px){.header{height:90px;padding:0 6%;gap:16px}.logo{width:58px}.header-name{display:none}nav{gap:20px;font-size:13px}.intro{padding:0 6% 35px;min-height:0}.gallery{height:410px;margin:10px 0 30px}.piece-0{width:22%;height:24%;top:3%}.piece-1{width:23%;height:26%;left:38%;top:0}.piece-2{width:17%;height:25%;left:auto;right:0;top:4%}.piece-3{display:none}.piece-4{width:27%;height:22%;top:auto;bottom:3%;right:0}.piece-5{width:21%;height:29%;left:0;bottom:0}.piece-6{width:73%;height:36%;top:34%;left:14%}.piece-7{right:36%;bottom:0;width:22%;height:25%}.piece-8{display:none}.piece span{display:none}.intro-bottom{grid-template-columns:1fr;gap:26px}.intro-copy{max-width:100%;font-size:16px}.explore{justify-content:flex-start}.scroll-mark{height:25px}.section{padding:60px 6%}.eyebrow{font-size:12px}h1{font-size:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-heading h2{margin:0}.section-heading>p{font-size:16px;color:var(--muted);margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 5%}.project-card:nth-child(even){padding-top:105px}.card-image{height:clamp(280px,32vw,520px);position:relative;overflow:hidden;background:#e9e8e1}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.card-1 img,.card-2 img{object-fit:contain}.card-1 .card-image,.card-2 .card-image{background:#fff}.card-5 img{object-position:center 55%}.project-card:hover .card-image img{transform:scale(1.025)}.card-open{position:absolute;bottom:18px;left:18px;padding:9px 14px;background:var(--paper);font-size:13px;opacity:0;transform:translateY(5px);transition:.3s}.project-card:hover .card-open,.project-card:focus-visible .card-open{opacity:1;transform:none}.card-label{display:flex;gap:16px;padding-top:19px}.project-num{font-size:12px;padding-top:6px;color:var(--muted)}.card-label h3{font-size:26px;line-height:1.1;margin:0 0 7px}.card-label p{font-size:13px;color:var(--muted);margin:0}.card-year{margin-left:auto;font-size:12px;color:var(--muted);padding-top:6px;white-space:nowrap}.about{background:#e9e8e0}.about-top{display:grid;grid-template-columns:1fr 2fr;gap:5%}.about-top h2{max-width:860px}.about-body{display:grid;grid-template-columns:1fr 2fr;gap:5%}.about-signature img{width:110px;margin-bottom:24px}.about-signature p{font-size:14px}.about-signature .text-link{display:block;font-size:14px}.file-type{display:block;font-size:12px;color:var(--muted);margin-top:5px}.about-text{max-width:720px}.about-text>p{font-size:20px;line-height:1.6}.about-text>p+p{font-size:16px;color:#4f524b}.future{border-top:1px solid #c4c4b9;margin-top:40px;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.future .eyebrow{grid-column:1/-1}.future h3{font-size:32px;line-height:1.1}.future p:last-child{font-size:16px;color:#4f524b}.cv-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:70px;padding-top:35px;border-top:1px solid #c4c4b9}.cv-grid h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em}.cv-grid p{font-size:14px;line-height:1.8;color:#4f524b}.contact h2{font-size:clamp(55px,8vw,115px);margin:25px 0 45px}.contact-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-row p{font-size:16px;margin-bottom:0}.email{font-size:clamp(19px,2.4vw,34px);letter-spacing:-.035em;border-bottom:1px solid var(--ink);padding-bottom:8px}.footer-line{display:flex;justify-content:space-between;gap:22px;margin-top:80px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}.project-heading{padding:50px 4.5% 35px}.project-heading>.text-link{font-size:14px;display:block;margin-bottom:45px}.project-heading h1{font-size:clamp(48px,7.3vw,112px);max-width:1100px}.project-meta{display:flex;justify-content:space-between;gap:30px;font-size:14px;margin-top:30px}.project-meta p{margin:0}.project-hero{margin:0 4.5%}.project-hero img{width:100%;max-height:78vh;object-fit:contain;background:#eeede7}.project-hero figcaption{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);margin-top:12px}.project-story{padding:90px 4.5%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.project-story h2{font-size:clamp(36px,4vw,60px);max-width:590px}.project-story .lead{font-size:21px;line-height:1.6}.project-story h3{font-size:24px;margin-top:35px}.project-story p{max-width:660px}.project-images{padding:0 4.5% 90px;display:grid;grid-template-columns:1fr 1fr;gap:65px 5%;align-items:start}.project-figure{margin:0}.project-figure.wide{grid-column:1/-1}.project-figure img{width:100%;max-height:950px;object-fit:contain;background:#eeede7}.project-figure figcaption{display:flex;gap:18px;align-items:baseline;margin-top:15px;font-size:14px;color:var(--muted)}.figure-number{font-size:12px}.enlarge-label{font-size:12px;margin-left:auto}a[data-lightbox]{display:block;cursor:zoom-in}.next-project{border-top:1px solid var(--line);padding:55px 4.5%;display:grid;grid-template-columns:1fr 200px;gap:5px 40px;align-items:center}.next-project h2{margin:0;font-size:clamp(35px,5vw,72px)}.next-project .eyebrow{grid-column:1}.next-project img{grid-column:2;grid-row:1/3;width:200px;height:130px;object-fit:cover}.lightbox{padding:60px 24px 20px;border:0;background:var(--paper);color:var(--ink);max-width:96vw;width:96vw;max-height:96svh;height:96svh}.lightbox::backdrop{background:#151713dd}.lightbox-stage{height:calc(100% - 80px);overflow:auto;display:flex;justify-content:center;align-items:center}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain}.lightbox.is-zoomed .lightbox-stage{display:block}.lightbox.is-zoomed .lightbox-stage img{max-width:none;max-height:none;width:auto}.close-lightbox{position:absolute;right:24px;top:18px;border:0;background:transparent;cursor:pointer;font-size:16px;padding:8px}.lightbox-caption{font-size:14px;max-width:75%;margin:16px 0 0}.zoom-toggle{position:absolute;bottom:25px;right:24px;background:transparent;border:1px solid var(--ink);padding:8px 14px;cursor:pointer;font-size:14px}body:has(dialog[open]){overflow:hidden}@media(max-width:900px){.intro-bottom{grid-template-columns:1fr 1fr}.explore{grid-column:2;justify-content:flex-start;margin-top:15px}.card-year{display:none}.contact-row{align-items:start;flex-direction:column}.about-top{grid-template-columns:1fr}.about-body{grid-template-columns:1fr 1.7fr}.future{grid-template-columns:1fr}.future .eyebrow{grid-column:auto}.project-story{gap:5%}}@media(max-width:700px){.intro-bottom{grid-template-columns:1fr}.explore{grid-column:auto;margin-top:0}.section-heading{display:block}.section-heading>p{margin-top:25px}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:nth-child(even){padding-top:0}.card-image{height:340px}.card-label h3{font-size:25px}.about-body{grid-template-columns:1fr;gap:40px}.about-top h2{font-size:43px}.about-text>p{font-size:19px}.about-signature{order:2;border-top:1px solid var(--line);padding-top:30px}.cv-grid{grid-template-columns:1fr;gap:15px;margin-top:40px}.footer-line{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:16px;margin-top:50px}.project-heading{padding:25px 6% 25px}.project-heading>.text-link{margin-bottom:30px}.project-heading h1{font-size:50px;overflow-wrap:anywhere}.project-meta{flex-direction:column;gap:8px}.project-hero{margin:0 6%}.project-hero figcaption{font-size:12px;display:block}.project-hero figcaption span{display:block;margin-top:5px}.project-story{padding:55px 6%;grid-template-columns:1fr;gap:15px}.project-story .lead{font-size:19px}.project-images{grid-template-columns:1fr;padding:0 6% 55px;gap:40px}.project-figure.wide{grid-column:auto}.project-figure figcaption{font-size:13px;gap:12px}.enlarge-label{display:none}.next-project{padding:40px 6%;grid-template-columns:1fr 90px;gap:5px 15px}.next-project img{width:90px;height:95px}.next-project h2{font-size:32px}.lightbox{padding:65px 12px 75px}.lightbox-stage{height:calc(100% - 35px)}.lightbox-caption{max-width:100%;font-size:12px}.zoom-toggle{bottom:15px;right:12px}.contact h2{font-size:58px}} 

/* Homepage only: the six portfolio-index motifs in light blue ink. */
.home-blue .piece img{object-fit:contain;filter:none;mix-blend-mode:multiply}
.home-blue .card-image{background:var(--paper)}
.home-blue .card-image img{object-fit:contain;filter:none;mix-blend-mode:multiply;padding:5%}

.contact-person{display:flex;gap:24px;align-items:center}.contact-portrait{width:96px;height:auto;flex-shrink:0}.contact-person p{margin:0}@media(max-width:700px){.contact-person{gap:18px}.contact-portrait{width:80px}}

/* Original Keynote documents: preserve the complete drawings and their proportions. */
.portfolio-documents .project-figure img{max-height:none;background:var(--paper)}
.home-blue .card-image img{padding:0;mix-blend-mode:normal;object-fit:contain}
.home-blue .card-image{background:var(--paper)}
.project-hero img{max-height:82vh;object-fit:contain}
/* Quiet rhythm: individual documents, generous architectural drawings. */
.contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.telephone{font-size:20px;letter-spacing:.04em}.telephone:hover{text-decoration:underline;text-underline-offset:5px}
.home-blue .gallery{display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:1fr 1fr;gap:22px 7%;height:clamp(380px,56vh,650px);padding:12px 4% 22px;margin-bottom:28px}
.home-blue .piece{position:relative;inset:auto;width:100%;height:100%;transform:none;min-height:0;display:flex;align-items:center;justify-content:center}
.home-blue .piece img{height:100%;width:100%;max-height:220px;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.home-blue .piece-0{grid-area:1/1;max-width:210px;justify-self:start}.home-blue .piece-1{grid-area:1/2;max-width:240px;justify-self:center}.home-blue .piece-2{grid-area:1/3;max-width:150px;justify-self:end}.home-blue .piece-4{grid-area:2/3;max-width:230px;justify-self:end}.home-blue .piece-5{grid-area:2/1;max-width:210px;justify-self:start}.home-blue .piece-6{grid-area:2/2;max-width:420px;justify-self:center}
.home-blue .piece:hover img,.home-blue .piece:focus-visible img{transform:translateY(-5px)}.home-blue .piece span{top:auto;bottom:-17px;width:100%;min-width:0;text-align:center;font-size:12px}
.home-blue .card-image{height:auto;aspect-ratio:1.3}.home-blue .card-image img{width:100%;height:100%;padding:3%;object-fit:contain}.project-card:nth-child(even){padding-top:75px}.project-grid{row-gap:90px}.project-hero img{height:auto;width:auto;max-width:100%;max-height:78vh;margin:auto}
.project-documents{padding:0 4.5% 95px}.document-chapter{border-top:1px solid var(--line);padding-top:26px;margin-top:60px}.chapter-label{display:grid;grid-template-columns:45px minmax(0,630px);gap:15px;margin-bottom:48px;align-items:baseline}.chapter-label>span{font-size:12px;color:var(--muted)}.chapter-label h3{font-size:20px;line-height:1.4;letter-spacing:-.015em;margin:0}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 6%;align-items:center}.document-grid .project-figure{min-width:0}.document-grid .project-figure.wide{grid-column:1/-1}.document-grid img{height:auto;max-height:820px;max-width:100%;width:auto;margin:auto;object-fit:contain;background:transparent}.document-grid a{padding:12px;overflow:hidden;background:transparent}.document-grid figcaption{border-top:1px solid var(--line);padding-top:13px;font-size:14px;line-height:1.5;gap:20px}.enlarge-label{white-space:nowrap}.document-grid .floating a{padding:35px 5%;background:#f9f9f6;min-height:440px;display:flex;align-items:center;justify-content:center}.document-grid .floating img{max-height:720px;mix-blend-mode:multiply;will-change:transform;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.document-grid .floating.wide img{max-width:90%}.document-grid .floating:hover img{transform:translateY(-7px)}.document-grid .interior img{max-height:760px;width:auto}.document-grid .model img{max-height:650px}.document-grid .portrait{grid-column:1/-1;width:min(100%,650px);justify-self:center}.document-grid .photo{max-width:530px;justify-self:center;width:100%}.document-grid .photo img{max-height:650px}.document-grid .panorama img{width:100%;max-height:none}
.lightbox{overflow:hidden;padding:60px 24px 90px}.lightbox-stage{position:relative;height:100%;overflow:hidden;touch-action:none;cursor:grab;outline:none}.lightbox-stage.is-dragging{cursor:grabbing}.lightbox-stage img,.lightbox.is-zoomed .lightbox-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}.lightbox.is-zoomed .lightbox-stage{display:block}.lightbox-caption{position:absolute;bottom:20px;left:24px;margin:0;max-width:55%;font-size:13px}.zoom-controls{position:absolute;right:24px;bottom:22px;display:flex;gap:8px;align-items:center}.zoom-controls button{position:static;background:transparent;border:1px solid var(--line);padding:8px 12px;cursor:pointer;min-width:40px;font-size:14px}.zoom-controls output{font-size:12px;min-width:45px;text-align:center}.zoom-help{position:absolute;left:24px;top:22px;color:var(--muted);font-size:12px;margin:0}
@media(max-width:900px){.contact-links{align-items:flex-start}.document-grid{gap:40px 4%}.document-grid .floating a{min-height:300px}}
@media(max-width:700px){.home-blue .gallery{grid-template-columns:1fr 1.15fr 1fr;gap:25px 5%;height:370px;padding:10px 0 20px}.home-blue .piece img{max-height:150px}.home-blue .piece span{display:none}.home-blue .piece-2{max-width:75px}.home-blue .piece-6{max-width:none}.project-grid{row-gap:45px}.project-card:nth-child(even){padding-top:0}.project-documents{padding:0 6% 55px}.document-chapter{margin-top:38px;padding-top:20px}.chapter-label{grid-template-columns:25px 1fr;gap:12px;margin-bottom:24px}.chapter-label h3{font-size:17px}.document-grid{grid-template-columns:1fr;gap:36px}.document-grid .project-figure.wide{grid-column:auto}.document-grid .floating a{padding:25px 6%;min-height:0}.document-grid .floating img{max-height:560px}.document-grid img{max-height:650px}.document-grid figcaption{font-size:13px}.document-grid a{padding:0}.lightbox{padding:70px 10px 120px}.lightbox-caption{left:14px;bottom:70px;max-width:90%;font-size:12px}.zoom-controls{right:12px;bottom:18px}.zoom-help{left:16px;top:26px;font-size:11px;max-width:55%}.contact-links{max-width:100%}.email{overflow-wrap:anywhere;font-size:19px}}
@media(prefers-reduced-motion:reduce){.document-grid .floating:hover img{transform:none!important}}