@charset "UTF-8";
/* Warm, dark surface. Layout of the project gallery stays in craft.css. */
:root{--paper:#211d19;--ink:#f1ebe2;--muted:#bdb2a6;--line:#51473e;--white:#322b25;--social-gutter:112px}
/* Content stays clear of the fixed links; the hero and footer span the page. */
body{position:relative;background:var(--paper);color:var(--ink);padding-left:var(--social-gutter)}
::selection{background:#c3a383;color:#211d19}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#e8c49a}
.eyebrow{color:#c2a98d}
html{scroll-padding-top:98px}
section[id]{scroll-margin-top:0}
/* The transparent header spans the document so only the menu can stay sticky. */
.site-header{position:absolute;inset:0;z-index:40;padding-top:35px;color:#f3eadf;pointer-events:none}
.navigation-dock{position:sticky;top:16px;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;flex-shrink:0;pointer-events:none}
.site-header>.brand,.navigation-dock>.menu-toggle,.navigation-dock>nav{pointer-events:auto}
.brand{width:280px}
.brand img{filter:grayscale(.2) brightness(1.8);opacity:.95}
.site-header nav,.menu-toggle{
 position:relative;isolation:isolate;
 border:1px solid #f8e8ce5c;
 background:linear-gradient(135deg,#fff4e32b 0%,#f4dfc512 48%,#ae896421 100%);
 -webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);
 box-shadow:inset 2px 2px 5px #fff5e333,inset -2px -3px 7px #0e0a063d,0 12px 28px #100b0833,0 1px 1px #0003;
 color:#f3eadf;
}
.site-header nav{font-size:.875rem;padding:6px}
.site-header nav::before,.menu-toggle::before{content:"";position:absolute;inset:3px;border-radius:inherit;border-top:1px solid #fff6e657;border-bottom:1px solid #e2c5a029;pointer-events:none}
.site-header nav a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 19px}
.site-header nav a:hover{color:#fff8ef;background:#ffefd326}
.site-header nav a:last-child{color:#fff5e7;background:linear-gradient(145deg,#f3dec02e,#cbb08c17);box-shadow:inset 0 1px 2px #fff4e53d,0 2px 4px #0002}
.site-header nav a:last-child:hover{background:#f7e4ca35}
.hero{position:relative;isolation:isolate;margin-left:calc(-1 * var(--social-gutter));min-height:100vh;min-height:100dvh;padding:274px 0 112px;background:#211d19;overflow:hidden}
.hero-visual{position:absolute;inset:0;z-index:-2;height:100%;border-radius:0;box-shadow:none;background:#332820;overflow:hidden}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;filter:saturate(.57) brightness(.85);transform:scale(1.015)}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#211d19 0%,#211d19 14%,#211d19c7 23%,#211a167a 37%,#251d1870 66%,#211d19 100%)}
.hero-copy{position:relative;z-index:1;padding:0 var(--social-gutter)}
.hero h1{margin:0 auto;font-family:var(--hand);font-weight:400;font-synthesis:none;font-size:clamp(3.5rem,6vw,4.5rem);line-height:1.2;letter-spacing:-.02em;max-width:100%;color:#f5ebde;text-shadow:0 2px 20px #100b0880}
.hero-scroll{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#d3b99c;transition:color .2s,opacity .2s,visibility .2s}
.hero-scroll.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hero-scroll svg{width:20px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.hero-scroll:hover,.hero-scroll:focus-visible{color:#fff1df}
.social-capsule{position:fixed;left:12px;right:auto;top:50%;transform:translateY(-50%);z-index:30;pointer-events:auto;width:58px;padding:17px 6px;border-color:#cbb69880;background:linear-gradient(100deg,#eee4d5a6 0%,#d0c0aa99 32%,#b9a58d8f 78%,#9c876f99 100%);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);box-shadow:inset 2px 1px 2px #fff7e8b3,inset -2px -1px 3px #715d4563,5px 9px 15px #08050240,0 1px 2px #120b0859}
.social-capsule a{width:44px;height:44px;color:#30271f;background:linear-gradient(145deg,#f0e6d899,#c4b29c8f);border-color:#b6a18999;box-shadow:inset 0 1px 2px #fff7ec99,0 2px 3px #37231330}
.social-capsule a:hover,.social-capsule a:focus-visible{background:#514233c9;color:#fff1df}
.social-tooltip{left:calc(100% + 19px);right:auto;background:#34291f;color:#fff0dc;box-shadow:0 3px 15px #10090050}
.text-link{border-color:#a78d73}
.text-link:hover{color:#f4cf9e;border-color:currentColor}
.services{border-top-color:#ffffff0b;background:#211d19}
.service{border-top-color:var(--line)}
.work,.about{background:#2b2520}
.about{border-radius:0 0 48px 48px}
.project-pair figure,.project-cover,.project-views a{background:#201b17}
.project-pair figcaption{background:#f0e4d4ed;color:#352b22;border-color:#fff2dc80}
.photo-open{background:#f0e4d4ed;color:#352b22;box-shadow:0 2px 8px #110d082e}
.earlier-work{border-color:var(--line)}
.contact{background:radial-gradient(ellipse at 0 0,#443326 0%,#29221c 55%,#211d19 100%);border-color:#79634a44;border-radius:40px;margin-top:24px;box-shadow:inset 0 1px #f8dfbe16}
.contact-links>a{border-color:#73604c}
.contact-arrow{color:#d4b592}
.site-footer{background:#211d19;margin-left:calc(-1 * var(--social-gutter));display:flex;flex-direction:column;align-items:center;gap:24px;padding:35px var(--social-gutter)}
.footer-original-logo{flex:none;width:225px;margin:0 auto}
.footer-links{justify-content:center;max-width:none;margin:0;text-align:center}
.footer-original-logo img{filter:grayscale(.2) brightness(1.6)}
@media(min-width:1600px){.hero{padding-top:306px}.hero-visual{height:100%}}
@media(max-width:1000px){.hero{padding-top:263px}.hero-visual{height:100%}}
@media(max-width:700px){
 :root{--social-gutter:80px}
 html{scroll-padding-top:80px}
 .social-capsule{left:8px;padding:12px 6px}
 .social-tooltip{left:calc(100% + 14px);right:auto}
 .site-header{padding:27px 20px 0;gap:20px}
 .navigation-dock{top:12px}
 .brand{width:240px}
 .about{border-radius:0 0 30px 30px}
 .contact{border-radius:30px;margin-top:20px}
 .menu-toggle{min-height:44px;font-size:.875rem;padding:7px 18px}
 .site-header nav{background:linear-gradient(135deg,#45382bcc,#251d18d9);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(300px,calc(100% - 2 * var(--social-gutter) + 40px));padding:8px;max-height:calc(100vh - 188px);max-height:calc(100dvh - 188px);overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start}
 .site-header nav a{width:100%;min-width:0}
 .hero{padding:238px 0 112px}
 .hero-copy{padding:0 var(--social-gutter)}
 .hero h1{font-size:clamp(2.75rem,8vw,3.5rem);line-height:1.2;max-width:12em;margin:0 auto}
 .hero-visual{height:100%}
 .hero-visual img{object-position:55% 52%}
}
@media(max-width:560px){.service-grid{grid-template-columns:1fr}}
@media(max-width:700px){.project-views{grid-template-columns:1fr}}
@media(max-width:360px){.hero h1{font-size:2.2rem}.hero-visual{height:100%}}
.project-views figcaption{overflow-wrap:anywhere;hyphens:auto}
.project-details summary>span:first-child,.earlier-work>summary>span:first-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.details-sign{flex-shrink:0}
@media(prefers-reduced-transparency:reduce){.site-header nav,.menu-toggle{background:#42362d;-webkit-backdrop-filter:none;backdrop-filter:none}.social-capsule{background:linear-gradient(100deg,#eee4d5 0%,#d0c0aa 32%,#b9a58d 78%,#9c876f 100%);-webkit-backdrop-filter:none;backdrop-filter:none}.social-capsule a{background:linear-gradient(145deg,#f0e6d8,#c4b29c)}.social-capsule a:hover,.social-capsule a:focus-visible{background:#514233}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header nav,.menu-toggle{background:#42362deb}}