@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap";:root{--background: #f3ece5;--surface: #fffaf6;--surface-muted: #eadbd1;--text: #423531;--text-muted: #74635d;--accent: #8f5848;--accent-soft: #dfbeb2;--border: #d7c0b6;--sidebar-width: 50px;--content-width: 960px;--page-padding: clamp(18px, 4vw, 42px);--font-title: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--shadow: 0 12px 32px rgba(77, 53, 47, .08)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--background)}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--background);color:var(--text);font-family:var(--font-body);font-size:.88rem;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,picture,svg{display:block;max-width:100%}ul,ol{list-style-position:inside}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-shell{min-height:100vh;padding-right:var(--sidebar-width)}.site-main{min-height:100vh;overflow:hidden}.page-section{width:min(var(--content-width),calc(100% - (var(--page-padding) * 2)));margin-inline:auto}.page-transition{animation:page-enter .3s ease both}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-header{position:fixed;inset:0 0 0 auto;width:var(--sidebar-width);background:#f3ece5f0;border-left:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.menu-nav{position:absolute;top:50%;width:100%;display:flex;flex-direction:column;transform:translateY(-50%)}.menu-nav a{position:relative;width:100%;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text);font-size:.62rem;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease}.menu-nav a:after{content:"";position:absolute;left:0;width:2px;height:0;background:var(--accent);transition:height .2s ease}.menu-nav a:hover{background:var(--accent-soft)}.menu-nav a.active-link{background:#fff3}.menu-nav a.active-link:after{height:100%}.menu-nav .icon{width:16px;height:16px}.icon{flex:0 0 auto}.eyebrow{color:var(--accent);margin-top:5px;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3{color:var(--text);font-family:var(--font-title);line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.035em}h2{font-size:clamp(1.35rem,2.8vw,2rem);letter-spacing:-.02em}h3{font-size:1rem}p{color:var(--text-muted)}.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding-block:58px}.hero h1{margin:7px 0 3px}.hero__title{max-width:680px;color:var(--accent);font-family:var(--font-title);font-size:clamp(1rem,1.7vw,1.35rem)}.hero__description{max-width:580px;margin-top:15px;font-size:.92rem}.hero__actions,.project-detail__links{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border:1px solid var(--text);border-radius:4px;font-size:.74rem;font-weight:500;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--text);color:var(--surface)}.button--primary:hover{background:var(--accent);border-color:var(--accent)}.button--primary .icon{filter:invert(1)}.button--ghost{background:transparent}.button--ghost:hover{background:var(--accent-soft);border-color:var(--accent)}.button .icon{width:12px;height:12px}.social-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.social-link{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.76rem;text-decoration:none;transition:color .2s ease}.social-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.social-link .icon{width:13px;height:13px}.home-intro,.callout,.timeline,.about-layout{margin-top:clamp(42px,7vw,72px)}.section-heading{max-width:620px;margin-bottom:24px}.section-heading h2{margin-top:5px}.section-heading--inline{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:18px}.two-column-text{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,5vw,50px);font-size:.88rem}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:.76rem;font-weight:600;text-decoration:none}.text-link:hover,.text-link:focus-visible{text-decoration:underline;text-underline-offset:3px}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:0}.project-card{min-width:0;padding:18px;background:#ffffff24;border:1px solid var(--border);border-radius:6px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.project-card:hover{background:var(--surface-muted);border-color:var(--accent-soft);transform:translateY(-2px)}.project-card__meta{display:flex;justify-content:space-between;gap:10px;color:var(--accent);font-size:.62rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.project-card h2{margin:7px 0;font-size:clamp(1.05rem,2vw,1.35rem)}.project-card h2 a{text-decoration:none;transition:color .2s ease}.project-card h2 a:hover{color:var(--accent)}.project-card p{margin-bottom:12px;font-size:.8rem}.callout{margin-bottom:60px;padding:clamp(22px,4vw,38px);background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:var(--shadow)}.callout h2{max-width:620px;margin:6px 0 10px}.callout p{max-width:560px}.callout .button{margin-top:16px}.page-header{padding-top:clamp(70px,10vw,100px)}.page-header h1{margin:6px 0 12px}.page-header>p:last-child{max-width:630px;font-size:.88rem}.projects-list{margin-top:40px;margin-bottom:65px}.project-list-item{display:grid;grid-template-columns:38px 1fr 38px;gap:14px;align-items:start;padding:22px 0;border-top:1px solid var(--border)}.project-list-item:last-child{border-bottom:1px solid var(--border)}.project-list-item__number{color:var(--accent);font-family:var(--font-title);font-size:.85rem}.project-list-item h2{margin:4px 0 7px;font-size:clamp(1.05rem,2.2vw,1.55rem)}.project-list-item h2 a{text-decoration:none;transition:color .2s ease}.project-list-item h2 a:hover{color:var(--accent)}.project-list-item p{max-width:620px;font-size:.8rem}.project-list-item__arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.project-list-item__arrow:hover{background:var(--accent-soft);border-color:var(--accent);transform:rotate(4deg)}.project-list-item__arrow .icon{width:15px;height:15px}.chip-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.chip{padding:3px 7px;color:var(--text-muted);background:#ffffff2e;border:1px solid var(--border);border-radius:999px;font-size:.68rem}.chip-list--large{gap:6px}.chip-list--large .chip{padding:4px 8px;font-size:.72rem}.project-detail__header{padding-top:clamp(60px,9vw,90px)}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:26px;color:var(--text-muted);font-size:.76rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.project-detail__header h1{max-width:800px;margin:7px 0 12px;font-size:clamp(1.9rem,4.6vw,3.4rem)}.project-detail__lead{max-width:620px;font-size:.88rem}.project-detail__cover{width:min(760px,calc(100% - (var(--page-padding) * 2)));margin:30px auto 0}.project-detail__cover img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;object-position:top center;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow)}.project-detail__cover figcaption{margin-top:6px;color:var(--text-muted);font-size:.68rem;text-align:center}.project-detail__content{display:grid;grid-template-columns:180px 1fr;gap:clamp(30px,6vw,65px);margin-top:46px}.project-facts{position:sticky;top:22px;align-self:start}.project-facts>div{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--border)}.project-facts>div:last-child{border-bottom:1px solid var(--border)}.project-facts span{color:var(--accent);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.project-facts strong{color:var(--text);font-size:.74rem;font-weight:500}.project-story{max-width:650px}.project-story section{margin-bottom:38px}.project-story h2{margin:5px 0 12px;font-size:clamp(1.2rem,2.2vw,1.65rem)}.project-story p{font-size:.82rem}.project-story p+p{margin-top:9px}.project-story ul{display:grid;gap:6px;list-style:none}.project-story li{position:relative;padding-left:14px;color:var(--text-muted);font-size:.8rem}.project-story li:before{content:"";position:absolute;top:.7em;left:0;width:4px;height:4px;background:var(--accent);border-radius:50%}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.deployment-note{margin-top:15px;padding:10px 12px;color:var(--text-muted);background:var(--surface-muted);border-left:2px solid var(--accent);font-size:.74rem}.next-project{margin-top:58px;padding:48px 0 60px;border-top:1px solid var(--border)}.next-project>a{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-title);font-size:clamp(1.25rem,3vw,2.2rem);line-height:1.1;text-decoration:none;transition:color .2s ease}.next-project>a:hover{color:var(--accent)}.about-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.7fr);gap:clamp(30px,6vw,65px)}.about-main{font-size:.86rem}.about-main p+p{margin-top:13px}.about-aside{align-self:start;padding:16px;background:var(--surface-muted);border:1px solid var(--border);border-radius:6px}.timeline{margin-bottom:65px}.timeline__items{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border)}.timeline article{padding:18px 18px 22px 0;border-bottom:1px solid var(--border)}.timeline article:nth-child(odd){padding-right:24px;border-right:1px solid var(--border)}.timeline article:nth-child(2n){padding-left:24px}.timeline article span{color:var(--accent);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.timeline h3{margin:5px 0 7px}.contact-list{margin-top:40px;margin-bottom:65px}.contact-list__items{display:block;border-top:1px solid var(--border);font-style:normal}.contact-item{display:grid;grid-template-columns:100px minmax(0,1fr) 30px;gap:18px;align-items:center;min-height:92px;padding:18px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:padding .2s ease,color .2s ease}.contact-item:hover{padding-left:8px}.contact-item__label{align-self:start;padding-top:3px;color:var(--accent);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.contact-item__body{min-width:0}.contact-item__body strong{display:block;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-title);font-size:clamp(1rem,1.8vw,1.25rem);font-weight:600;line-height:1.2;transition:color .2s ease}.contact-item:hover .contact-item__body strong{color:var(--accent)}.contact-item__body p{max-width:580px;margin-top:4px;color:var(--text-muted);font-size:.78rem;line-height:1.5}.contact-item__action{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;transition:background .2s ease,border-color .2s ease,transform .2s ease}.contact-item:hover .contact-item__action{background:var(--accent-soft);border-color:var(--accent);transform:rotate(4deg)}.contact-item__action .icon{width:15px;height:15px}.not-found{min-height:80vh;display:flex;flex-direction:column;align-items:start;justify-content:center}.not-found h1{margin:6px 0 12px}.not-found .button{margin-top:16px}.back-to-top{position:fixed;right:calc(var(--sidebar-width) + 18px);bottom:18px;width:40px;height:40px;display:grid;place-items:center;padding:0;color:var(--text);background:#fffaf694;border:1px solid rgba(143,88,72,.28);border-radius:50%;box-shadow:0 6px 20px #42353114;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;z-index:90}.back-to-top--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#fffaf6db;border-color:var(--accent);box-shadow:0 8px 24px #4235311f;transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.back-to-top svg{width:17px;height:17px}.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:820px){:root{--sidebar-width: 46px}.featured-grid,.project-detail__content{grid-template-columns:1fr}.project-facts{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.about-layout{grid-template-columns:1fr}}@media(max-width:620px){:root{--page-padding: 18px}.site-shell{padding-right:0;padding-bottom:50px}.sidebar-header{inset:auto 0 0;width:100%;height:50px;border-top:1px solid var(--border);border-left:0}.menu-nav{inset:0;flex-direction:row;transform:none}.menu-nav a{width:25%;min-height:50px;gap:2px;font-size:.58rem}.menu-nav a:after{top:0;left:50%;width:0;height:2px;transform:translate(-50%);transition:width .2s ease}.menu-nav a.active-link:after{width:100%;height:2px}.menu-nav .icon{width:14px;height:14px}.eyebrow{font-size:.64rem}.hero{min-height:calc(78vh - 50px);padding-block:50px}.hero__actions{align-items:flex-start}.social-links{gap:10px 15px}.two-column-text,.detail-grid,.timeline__items{grid-template-columns:1fr}.section-heading--inline{align-items:start;flex-direction:column}.project-card p,.project-list-item p,.project-story li{font-size:.78rem}.project-list-item{grid-template-columns:28px 1fr;gap:10px}.project-list-item__arrow{grid-column:2;margin-top:5px}.project-detail__cover{width:calc(100% - 24px);margin-top:22px}.project-detail__cover img{border-radius:4px}.project-facts{grid-template-columns:1fr}.project-detail__links{align-items:flex-start}.timeline article,.timeline article:nth-child(odd),.timeline article:nth-child(2n){padding:17px 0;border-right:0}.contact-list{margin-top:32px;margin-bottom:50px}.contact-item{grid-template-columns:minmax(0,1fr) 30px;gap:4px 12px;min-height:auto;padding:17px 0}.contact-item:hover{padding-left:0}.contact-item__label{grid-column:1;grid-row:1;padding-top:0}.contact-item__body{grid-column:1;grid-row:2}.contact-item__body strong{font-size:1rem}.contact-item__body p{margin-top:3px;font-size:.74rem}.contact-item__action{grid-column:2;grid-row:1 / 3;align-self:center}.back-to-top{right:14px;bottom:calc(64px + env(safe-area-inset-bottom));width:38px;height:38px}.back-to-top svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}