@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f5f3ed;--ink:#34392f;--muted:#77796f;--line:#d6d8cd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{margin:0 5%;padding:34px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'Libre Caslon Display',Georgia,serif;font-size:34px;line-height:1}.wordmark span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2.7px;margin-top:12px}nav{display:flex;gap:36px}nav a{padding:9px 0;border-bottom:1px solid transparent}nav a[aria-current]{border-color:var(--ink)}main{margin:0 5%}.intro{padding:76px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px}.intro h1,.biography h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(48px,6.4vw,94px);line-height:1.03;letter-spacing:-1.9px;margin:25px 0 35px}.intro-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.intro-bottom p{margin:0}.intro-bottom span{font-size:11px;letter-spacing:2px}.filters{display:flex;gap:25px;padding:27px 0 25px;border-top:1px solid var(--line);margin-top:22px}.filters button{border:0;background:none;padding:5px 0;color:var(--muted);font-size:12px}.filters .active{color:var(--ink);border-bottom:1px solid}.portfolio-cards{display:grid;grid-template-columns:1fr 1fr;gap:54px 28px;padding-bottom:85px}.portfolio-card img{width:100%;aspect-ratio:1.3;object-fit:cover;display:block;transition:transform .6s}.portfolio-card a{display:block;overflow:hidden}.portfolio-card a:hover img{transform:scale(1.015)}.portfolio-card h2{font:30px 'Libre Caslon Display',Georgia,serif;margin:18px 0 8px}.portfolio-meta{color:var(--muted);font-size:11px;letter-spacing:.25px;margin:0;line-height:1.7}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:76px 0 95px}.about figure{margin:0}.about figure img{width:100%;display:block}.about figcaption{font-size:9px;letter-spacing:2px;margin-top:17px}.biography{padding-top:15px}.biography h1{font-size:58px;margin:26px 0 35px}.biography>p{font-size:14px;line-height:1.95;color:#62665d;margin-bottom:20px}.education{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.education p{line-height:1.8}.education small{color:var(--muted)}footer{margin:0 5%;padding:28px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}footer>a{font:24px 'Libre Caslon Display',serif;color:var(--ink)}footer>span:nth-child(2){letter-spacing:2px}.portfolio-detail{padding:45px 0 85px}.detail-back{font-size:12px}.detail-heading{margin:45px 0 32px}.detail-heading h1{font:clamp(42px,5vw,76px) 'Libre Caslon Display',Georgia,serif;margin:0 0 18px}.detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-photos figure{margin:0}.detail-photos figure:first-child{grid-column:1/-1}.detail-photos button{display:block;width:100%;padding:0;border:0;background:none}.detail-photos img{width:100%;display:block}.detail-photos figure:first-child img{max-height:78vh;object-fit:cover}.detail-description{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:65px 0 0}.detail-description h2{font:40px 'Libre Caslon Display',serif;margin:0 0 25px}.detail-description p{line-height:1.9;color:#62665d;max-width:760px}.detail-description a{display:none}[hidden]{display:none!important}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:50px;background:#171a17ee;color:white;align-items:center;justify-content:center;gap:20px}dialog[open]{display:flex}dialog::backdrop{background:#171a17}dialog figure{margin:0;text-align:center}dialog img{max-width:80vw;max-height:82vh;object-fit:contain}dialog figcaption{font-size:12px;margin-top:12px}dialog button{background:none;color:white;border:0;font-size:28px}#close{position:absolute;right:25px;top:15px;font-size:36px}@media(max-width:700px){header{padding:25px 0}.wordmark{font-size:28px}nav{gap:22px}.intro{padding-top:50px}.intro h1{letter-spacing:-1px}.intro-bottom span{display:none}.intro-bottom p{font-size:12px}.portfolio-cards{grid-template-columns:1fr;gap:35px}.filters{gap:20px;flex-wrap:wrap}.portfolio-card h2{font-size:29px}.about{grid-template-columns:1fr;gap:42px;padding-top:40px}.about figure{max-width:500px}.biography h1{font-size:49px}.detail-photos{gap:12px;grid-template-columns:1fr}.detail-description{grid-template-columns:1fr;gap:22px}.detail-description h2{font-size:34px}footer>span:nth-child(2){display:none}dialog{padding:45px 6px;gap:2px}dialog img{max-width:82vw}.detail-heading{margin-top:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Refined portfolio scale and image-led navigation */
.intro{padding-top:58px}.intro h1{font-size:clamp(36px,4.4vw,64px);letter-spacing:-1px;line-height:1.12;margin:22px 0 30px}.portfolio-cards{width:88%;max-width:1280px;margin:0 auto;gap:clamp(28px,2.78vw,48px);padding-bottom:85px}.portfolio-card{text-align:center;min-width:0}.portfolio-card a{position:relative;overflow:hidden;color:#fff}.portfolio-card img{aspect-ratio:4/3}.portfolio-card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(18,17,15,.28),rgba(18,17,15,.58));opacity:0;transition:opacity .65s cubic-bezier(.2,.6,.3,1)}.portfolio-card-overlay h2,.portfolio-card-overlay .portfolio-meta{font-family:'DM Sans',sans-serif;text-transform:uppercase;font-weight:400;opacity:0;transform:translateY(7px);transition:opacity .65s ease,transform .65s ease;color:white}.portfolio-card-overlay h2{font-size:clamp(16px,1.45vw,22px);line-height:1.4;letter-spacing:1.2px;margin:0 0 10px}.portfolio-card-overlay .portfolio-meta{font-size:10px;letter-spacing:.45px;transition-delay:.06s}.portfolio-card a:hover .portfolio-card-overlay,.portfolio-card a:focus-visible .portfolio-card-overlay,.portfolio-card a.touch-revealing .portfolio-card-overlay{opacity:1}.portfolio-card a:hover .portfolio-card-overlay h2,.portfolio-card a:hover .portfolio-meta,.portfolio-card a:focus-visible .portfolio-card-overlay h2,.portfolio-card a:focus-visible .portfolio-meta,.portfolio-card a.touch-revealing .portfolio-card-overlay h2,.portfolio-card a.touch-revealing .portfolio-meta{opacity:1;transform:none}.portfolio-card a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.detail-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-photos figure:first-child{grid-column:auto}.detail-photos img,.detail-photos figure:first-child img{width:100%;height:auto;max-height:none;aspect-ratio:1.5;object-fit:cover;transition:transform .4s}.detail-photos button{overflow:hidden;cursor:zoom-in}.detail-photos button:hover img{transform:scale(1.025)}.portfolio-detail{padding-left:4%;padding-right:4%}.detail-heading h1{font-size:clamp(34px,3.6vw,50px)}@media(max-width:1000px){.detail-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.intro{padding-top:42px}.intro h1{font-size:37px}.portfolio-cards{width:90%;gap:25px}.portfolio-card-overlay h2{font-size:17px}.portfolio-card-overlay .portfolio-meta{font-size:9px}.detail-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-photos img,.detail-photos figure:first-child img{aspect-ratio:1.25}.portfolio-detail{padding-left:0;padding-right:0}}@media(hover:none){.portfolio-card a:hover:not(.touch-revealing):not(:focus-visible) .portfolio-card-overlay{opacity:0}.portfolio-card a:hover:not(.touch-revealing):not(:focus-visible) .portfolio-card-overlay h2,.portfolio-card a:hover:not(.touch-revealing):not(:focus-visible) .portfolio-meta{opacity:0;transform:translateY(7px)}}@media(prefers-reduced-motion:reduce){.portfolio-card-overlay,.portfolio-card-overlay h2,.portfolio-card-overlay .portfolio-meta,.detail-photos img{transition:none;transform:none}}
.filters{justify-content:center}.intro h1{max-width:850px;font-size:clamp(30px,3.4vw,49px);line-height:1.2}.intro-bottom{justify-content:flex-end}@media(max-width:700px){.intro h1{font-size:32px}.filters{gap:20px}}
.intro{padding-top:45px;padding-bottom:8px}.intro h1{margin:20px 0 15px}.filters{margin-top:8px;padding-top:19px;padding-bottom:20px}.home-hero{padding:25px 0 0}.home-hero>img{display:block;width:100%;height:calc(100svh - 225px);min-height:450px;max-height:1000px;object-fit:cover;object-position:center}.home-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 35px;font-size:10px;letter-spacing:1.5px}.home-caption a{font-size:12px;letter-spacing:0;border-bottom:1px solid var(--line);padding-bottom:5px}@media(max-width:700px){nav{gap:17px}.intro{padding-top:32px;padding-bottom:4px}.intro h1{font-size:clamp(25px,6.8vw,32px);letter-spacing:-.7px;margin-bottom:13px}.filters{margin-top:5px;padding-top:16px;padding-bottom:18px;gap:18px}.home-hero{padding-top:20px}.home-hero>img{height:65svh;min-height:380px;object-position:50% center}.home-caption{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:27px}.home-caption>span{font-size:9px}}
/* Immersive home photograph */
.home-hero{margin-left:-5.5556%;margin-right:-5.5556%;padding-top:0}.home-image-frame{position:relative;overflow:hidden;background:#d4c8b4}.home-image-frame>img{display:block;width:100%;height:calc(100svh - 120px);min-height:600px;max-height:1200px;object-fit:cover;object-position:center;animation:home-photo-reveal 1.8s ease-out both}.home-image-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(22,20,16,.25),transparent 52%);animation:home-photo-shade 1.8s ease-out both}.home-explore{position:absolute;z-index:1;left:7%;bottom:12%;color:white;font-size:14px;border-bottom:1px solid #ffffff90;padding:0 0 9px;animation:home-link-reveal 1.2s ease-out .6s both}.home-explore:hover{border-color:white}.home-caption{justify-content:flex-end;flex-direction:row;padding:22px 5% 28px;text-align:right;animation:home-link-reveal 1.2s ease-out .8s both}@keyframes home-photo-reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes home-photo-shade{from{opacity:0}to{opacity:1}}@keyframes home-link-reveal{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@media(max-width:700px){.home-image-frame>img{height:calc(100svh - 115px);min-height:520px;object-position:center}.home-explore{left:7%;bottom:10%;font-size:13px}.home-caption{align-items:center;justify-content:flex-end;padding-top:20px;padding-bottom:25px}}@media(prefers-reduced-motion:reduce){.home-image-frame>img,.home-image-frame:after,.home-explore,.home-caption{animation:none}}
/* Keep movement visible after the initial reveal, with the link inside the photo. */
.home-image-frame{position:relative;isolation:isolate}.home-image-frame>img{animation:home-photo-reveal 1.8s ease-out both,home-photo-motion 16s ease-in-out 1.8s infinite alternate;will-change:transform}.home-image-frame>.home-explore{position:absolute!important;left:7%!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);z-index:3;display:inline-block;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45);margin:0}.home-image-frame:after{background:linear-gradient(90deg,rgba(22,20,16,.32),transparent 60%)}@keyframes home-photo-motion{from{transform:scale(1)}to{transform:scale(1.065)}}@media(prefers-reduced-motion:reduce){.home-image-frame>img{animation:none;will-change:auto}.home-image-frame>.home-explore{animation:none}}
/* Clean modern typography */
.wordmark,.intro h1,.biography h1,footer>a,.detail-heading h1,.detail-description h2,.contact-page h1{font-family:'DM Sans',Arial,sans-serif;font-weight:400}.wordmark{font-size:29px;letter-spacing:-1.1px}.wordmark span{letter-spacing:2.4px}.intro h1{font-size:clamp(29px,3.2vw,46px);letter-spacing:-1.4px;line-height:1.22}.biography h1{font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-1.8px}footer>a{font-size:21px;letter-spacing:-.7px}.contact-page{max-width:900px;margin:0 auto;padding:95px 0 130px;min-height:72svh}.contact-page h1{font-size:clamp(42px,6vw,76px);letter-spacing:-2.5px;margin:24px 0}.contact-intro{color:var(--muted);font-size:15px;line-height:1.8}.contact-links{margin-top:55px;border-top:1px solid var(--line)}.contact-item{display:flex;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.contact-item svg{width:30px;height:30px;flex-shrink:0}.contact-item>div{display:flex;flex-direction:column;gap:10px}.contact-item>div>span:last-child{font-size:20px;letter-spacing:-.4px}.contact-item .eyebrow{color:var(--muted);font-size:9px}.contact-arrow{margin-left:auto;font-size:22px;transition:transform .25s}.contact-item:hover .contact-arrow{transform:translate(3px,-3px)}@media(max-width:700px){header{gap:12px}.wordmark{font-size:24px}.wordmark span{font-size:8px;letter-spacing:1.5px}nav{gap:13px;font-size:12px}.intro h1{font-size:clamp(23px,5.8vw,30px);letter-spacing:-.8px}.biography h1{font-size:38px;letter-spacing:-1.3px}.contact-page{padding:55px 0 80px}.contact-item{gap:17px}.contact-item>div>span:last-child{font-size:18px}.contact-page h1{letter-spacing:-1.5px}}
/* Match the reference brand type and refine text scale. */
.wordmark{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:2px}footer>a{font-family:Georgia,serif;font-size:23px;letter-spacing:1px}.biography>p{text-wrap:pretty}.contact-page h1{font-size:clamp(34px,4.5vw,56px);letter-spacing:-1.6px}.contact-item>div>span:last-child{font-size:17px}.contact-item .eyebrow{font-size:8px}.contact-item svg{width:26px;height:26px}@media(max-width:700px){.wordmark{font-size:24px;letter-spacing:1px}.contact-page h1{font-size:35px;letter-spacing:-1.2px}.contact-item>div>span:last-child{font-size:16px}.contact-item .eyebrow{font-size:8px}}
.intro h1,.biography h1,.contact-page h1{font-family:Georgia,serif;font-weight:400}
.intro h1{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.7px}@media(max-width:700px){.intro h1{font-size:clamp(21px,5vw,26px);letter-spacing:-.4px}}
.detail-description h2{font-family:Georgia,serif;font-weight:400}
.intro{text-align:center}.intro h1{margin-left:auto;margin-right:auto}.filters{padding-top:28px;padding-bottom:28px}@media(max-width:700px){.filters{padding-top:24px;padding-bottom:24px}}
/* Project copy matches the reference portfolio typography. */
.detail-description>.eyebrow{font-size:10px;font-weight:400;letter-spacing:2.2px}.detail-description h2{font:400 32px/1.35 Georgia,serif;margin:0 0 25px}.detail-description p{font-size:13px;line-height:2;max-width:700px}@media(max-width:800px){.detail-description h2{font-size:27px}.detail-description p{font-size:12px}}
.detail-heading h1{font:400 46px Georgia,serif;margin:0 0 15px}@media(max-width:800px){.detail-heading h1{font-size:34px}}
[data-page="portfolio"]>.filters{margin-top:36px;border-top:0;padding-top:28px;padding-bottom:28px}@media(max-width:700px){[data-page="portfolio"]>.filters{margin-top:20px;padding-top:24px;padding-bottom:24px}}
[data-page="portfolio"]>.filters{border:0;box-shadow:none;margin-top:0;padding-top:40px;padding-bottom:40px}[data-page="portfolio"]>.filters:before,[data-page="portfolio"]>.filters:after{content:none}@media(max-width:700px){[data-page="portfolio"]>.filters{margin-top:0;padding-top:34px;padding-bottom:34px}}
.footer-contact{display:flex;align-items:center;gap:28px;font:11px 'DM Sans',sans-serif}.footer-contact a{font-family:inherit;letter-spacing:0}.footer-contact a:hover{text-decoration:underline}.inquiry-form{margin-top:55px;padding-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.inquiry-form label{display:block;font-size:12px;line-height:1.7;margin-bottom:25px}.inquiry-form input:not([type=hidden]),.inquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:14px/1.6 'DM Sans',sans-serif;padding:12px 0;outline-offset:4px}.inquiry-form textarea{resize:vertical;min-height:130px}.inquiry-form input:focus,.inquiry-form textarea:focus{border-bottom-color:var(--ink)}.optional,.form-privacy{color:var(--muted);font-size:10px}.inquiry-form .form-honey{display:none!important}.form-submit{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:14px 24px;min-width:150px;display:flex;justify-content:space-between;gap:30px;margin-top:24px;font-size:12px}.form-submit:hover{background:#505646}.form-privacy{line-height:1.7}@media(max-width:700px){.form-grid{gap:18px}.footer-contact{gap:15px;flex-wrap:wrap;font-size:10px}footer{gap:20px;flex-wrap:wrap}.inquiry-form{margin-top:40px}}
.contact-page{max-width:1200px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:9%;padding-top:75px}.contact-sidebar{padding-top:98px}.contact-sidebar .contact-links{margin-top:0;border-top:0}.contact-sidebar .contact-item{border:0;padding:0 0 35px;gap:17px;justify-content:flex-start;text-align:left}.contact-sidebar .contact-item>div>span:last-child{font-size:15px}.contact-sidebar .contact-arrow{margin-left:5px;font-size:17px}.contact-sidebar .contact-item svg{width:23px;height:23px}.contact-main h1{margin-top:20px}.contact-main .inquiry-form{margin-top:38px}.form-grid{grid-template-columns:1fr;gap:0}.inquiry-form label{text-align:left}.contact-main .contact-intro{font-size:14px}@media(max-width:800px){.contact-page{grid-template-columns:1fr;gap:20px;padding-top:40px}.contact-sidebar{padding-top:0}.contact-sidebar .contact-item{padding-bottom:22px}.contact-main .inquiry-form{margin-top:30px}.form-grid{grid-template-columns:1fr;gap:0}}
.contact-sidebar .contact-links{display:flex;align-items:center;justify-content:flex-start;gap:22px}.contact-sidebar .contact-item{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:8px;margin:0;border:0}.contact-sidebar .contact-item svg{width:26px;height:26px}.contact-sidebar .contact-item:hover{opacity:.65}.contact-sidebar .contact-item:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.contact-sidebar h3{font:500 17px/1.5 'DM Sans',sans-serif;margin:0 0 15px}.sidebar-email{margin-bottom:42px}.sidebar-email>a{font:14px/1.9 'DM Sans',sans-serif}.sidebar-email>a:hover{text-decoration:underline;text-underline-offset:4px}.contact-sidebar .contact-links{gap:16px}.contact-sidebar .contact-item{padding:5px;width:34px;height:34px}.contact-sidebar .connect-heading{margin-bottom:14px}@media(max-width:800px){.sidebar-email{margin-bottom:25px}.contact-sidebar{padding-bottom:20px}}
.line-arrow{display:inline-block;width:17px;height:17px;vertical-align:middle;flex-shrink:0;background:none}.home-explore{align-items:center;gap:8px}.form-submit .line-arrow{color:#fff}.contact-main{display:contents}.contact-heading{grid-column:2;grid-row:1}.contact-main>.inquiry-form{grid-column:2;grid-row:2;margin-top:0}.contact-sidebar{grid-column:1;grid-row:1/3}.contact-page{column-gap:9%;row-gap:38px}.about picture{display:block}@media(max-width:800px){.contact-heading{grid-column:1;grid-row:1}.contact-sidebar{grid-column:1;grid-row:2;padding-bottom:0}.contact-main>.inquiry-form{grid-column:1;grid-row:3;margin-top:0}.contact-page{row-gap:30px}}@media(max-width:700px){.wordmark{font-size:21px;letter-spacing:.8px}.biography h1{font-size:32px;letter-spacing:-.8px}.home-explore .line-arrow{width:16px;height:16px}.form-submit .line-arrow{width:16px;height:16px}}
@media(max-width:800px){.contact-heading{grid-row:1}.contact-main>.inquiry-form{grid-row:2}.contact-sidebar{grid-row:3;padding-top:28px;margin-top:8px;border-top:1px solid var(--line)}}