*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk,-apple-system,sans-serif}button,input,textarea{font-family:inherit}html,body,#root{width:100%;height:100%}body{margin:0;background:#dbe9f4}.page{position:relative;min-height:100%}.canvas-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.canvas-wrapper canvas{display:block;width:100%;height:100%}.site-header{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:center;padding:28px}.tabs{display:flex;position:relative;padding:clamp(4px,.6vw,8px);border-radius:80px;background:#ffffff26;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 24px #00285a40}.tabs *{z-index:4}.tabs input[type=radio]{display:none}.tab{display:flex;align-items:center;justify-content:center;height:clamp(28px,2.5vw,32px);width:clamp(84px,8.5vw,110px);font-size:clamp(11px,1.1vw,14px);font-weight:600;color:#fff;border-radius:80px;cursor:pointer;white-space:nowrap;line-height:1}.tabs input[type=radio]:checked+label{background:#88c4ff59;border-radius:80px}.slider{position:absolute;height:clamp(28px,2.5vw,32px);width:clamp(84px,8.5vw,110px);border-radius:80px;background:#ffffff59;z-index:1;opacity:0;transition:opacity .15s}.tabs label:hover~.slider{transition:transform .25s ease-out,opacity .15s}.tabs label:nth-of-type(1):hover~.slider{transform:translate(0);opacity:1}.tabs label:nth-of-type(2):hover~.slider{transform:translate(100%);opacity:1}.tabs label:nth-of-type(3):hover~.slider{transform:translate(200%);opacity:1}.works-section{position:relative;z-index:3;background:#f2f0ed;min-height:100vh;padding:15vh 10vw}.works-section:before{content:"";position:absolute;top:-25vh;left:0;right:0;height:25vh;pointer-events:none}.home-btn img{width:55%;height:55%;object-fit:contain;display:block;margin:auto}.home-btn{transition:background .2s,transform .2s}.home-btn:hover{background:#ffffff59;transform:scale(1.08)}.home-btn{width:clamp(36px,3.8vw,48px);height:clamp(36px,3.8vw,48px);border-radius:50%;margin-right:12px;background:#ffffff26;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;box-shadow:0 8px 24px #00285a40}.home-btn img{filter:invert(1);transition:filter 2s ease}.site-header.dark .home-btn img{filter:invert(0)}.project-card{text-decoration:none;color:#111;display:block}.project-card.locked{cursor:default}.project-card.locked .card-image{background:#1c1a17;position:relative}.card-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#e9e4db;font-size:14px;letter-spacing:.02em;text-align:center;padding:0 24px}.card-image{aspect-ratio:16/10;background:#f0efec;border-radius:8px;overflow:hidden;margin-bottom:20px}.card-image img,.card-image video{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .card-image img,.project-card:hover .card-image video{transform:scale(1.03)}.project-card h3{font-size:20px;font-weight:500;margin-bottom:12px}.card-tags span{font-size:11px;letter-spacing:1px;text-transform:uppercase;border:1px solid #ccc;border-radius:999px;padding:6px 14px;margin-right:8px;color:#444;background:none}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 24px}.eyebrow{font-size:14px;color:#555;margin-bottom:8px}.works-name{font-size:clamp(40px,6vw,80px);font-weight:800;letter-spacing:-.02em}.tagline{font-size:16px;color:#666;margin:12px 0 48px}.footer-links{display:flex;gap:24px}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw;align-items:start;padding-top:8vh}.portrait-swap{position:relative}.portrait-swap img{width:100%;display:block}.portrait-swap .opened{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.portrait-swap:hover .opened{opacity:1}.about-copy h1{font-size:clamp(36px,5vw,64px);margin-bottom:24px}.about-copy p{line-height:1.6;margin-bottom:20px;max-width:60ch}.email-pill{display:inline-block;border:1.5px solid #111;border-radius:999px;padding:14px 32px;font-size:20px;color:#111;text-decoration:none;margin-top:16px}@media (max-width: 800px){.about-grid{grid-template-columns:1fr}}.page-wrap{min-height:100vh;display:flex;flex-direction:column;background:#f2f0ed}.page-wrap .static-page{flex:1;min-height:0}.site-footer{position:relative;z-index:3;background:#1c1a17;color:#cfc9c0;padding:48px 10vw;display:flex;justify-content:space-between}.site-footer a{color:#fff}.static-page{min-height:100vh;background:#f2f0ed;padding:16vh 8vw 10vh}.philosophy{margin-top:12vh;max-width:62ch}.philosophy-quote{font-size:clamp(26px,3.5vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:28px}.philosophy-body{line-height:1.7;color:#444}.experience{margin-top:12vh}.exp-label{font-size:14px;color:#999;margin-bottom:12px}.exp-item{display:flex;justify-content:space-between;align-items:center;padding:40px 0;border-top:1px solid #e3e0db}.exp-years{font-size:clamp(28px,4vw,56px);font-weight:500}.exp-org{font-size:18px;display:flex;gap:10px;align-items:center}.exp-org em{color:#888;font-style:normal}.exp-logo{height:32px;object-fit:contain}.tab,.home-btn,.tabs,.slider{transition:color 2s ease,border-color 2s ease,background 2s ease}.site-header.dark .tab,.site-header.dark .home-btn{color:#111}.site-header.dark .home-btn,.site-header.dark .tabs{border-color:#00000040}.site-header.dark .slider{background:#0000001f}.contact-title{font-size:clamp(60px,12vw,160px);font-weight:800;letter-spacing:-.03em;margin-bottom:8vh}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.contact-info p{margin-bottom:24px;font-size:14px}.contact-form{display:flex;flex-direction:column;gap:8px}.contact-form label{font-weight:600;font-size:14px;margin-top:24px}.form-row{display:flex;gap:24px}.contact-form input,.contact-form textarea{border:none;border-bottom:1.5px solid #111;background:none;padding:8px 0;font-size:16px;width:100%;outline:none}.submit-btn{margin-top:32px;align-self:flex-start;background:#111;color:#fff;border:none;border-radius:999px;padding:14px 36px;font-size:15px;cursor:pointer}.contact-big{margin-top:2vh}.contact-big a{font-size:clamp(28px,5vw,64px);font-weight:700;color:#111;text-decoration:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#f2f0ed;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:40px;transition:opacity .6s ease}.loader-done{opacity:0;pointer-events:none}.project-subtitle{font-size:20px;color:#444;margin:8px 0 48px;max-width:40ch}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.meta-grid h4{font-size:12px;letter-spacing:1px;color:#999;margin-bottom:8px}.project-hero{aspect-ratio:16/9;background:#e7e4df;border-radius:12px;overflow:hidden;margin-bottom:10vh}.project-hero img,.project-hero video{width:100%;height:100%;object-fit:cover}.project-section{display:grid;grid-template-columns:1fr 2.5fr;gap:6vw}.project-section h2{color:#8fb8d8;font-size:28px}.project-section h3{color:#8fb8d8;font-size:17px;margin:24px 0 8px}.impact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:0 0 10vh;list-style:none}.impact-list li{font-weight:700;font-size:18px;border-top:2px solid #111;padding-top:12px}.cs-section{margin:0 auto 12vh}.cs-pill{display:inline-block;font-size:12px;letter-spacing:1px;text-transform:uppercase;border:1px solid #bbb;border-radius:999px;padding:6px 16px;margin-bottom:20px;color:#555}.cs-section h2{font-size:clamp(24px,3vw,40px);margin-bottom:16px;letter-spacing:-.01em}.cs-section p{line-height:1.7;color:#333;margin:0}.cs-section ul{margin:0 0 16px 20px;line-height:1.8}.cs-media{margin-top:32px;border-radius:12px;overflow:hidden;background:#e7e4df}.cs-media img,.cs-media video{width:100%;display:block}.cs-section{display:grid;grid-template-columns:200px 1fr;column-gap:48px;align-items:start;margin:0 0 12vh}.cs-section>*:not(.cs-pill){grid-column:2}.cs-pill{grid-column:1;grid-row:1 / span 10}.cs-media{grid-column:1 / -1}@media (max-width: 800px){.cs-section{grid-template-columns:1fr}.cs-section>*{grid-column:1!important}}.cs-block{margin-bottom:28px}.cs-block:last-child{margin-bottom:0}.cs-subhead{font-size:clamp(18px,2vw,22px);font-weight:700;color:#2d1b2e;margin:0 0 10px;letter-spacing:-.01em}.cs-link{display:inline-block;color:#c45a3c;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}.cs-link:hover{opacity:.7}.cs-deflist{list-style:none;margin:8px 0 16px;padding:0}.cs-deflist li{line-height:1.7;margin-bottom:14px;color:#444;padding-left:16px;border-left:2px solid #e3ded5}.cs-deflist strong{color:#111}.cs-section>.cs-table-wrap{grid-column:1 / -1;margin-top:32px;overflow-x:auto}.cs-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}.cs-table th{text-align:left;padding:14px 20px;background:#2d1b2e;color:#f2efe9;font-weight:600;font-size:13px;letter-spacing:.02em}.cs-table th:first-child{border-top-left-radius:10px}.cs-table th:last-child{border-top-right-radius:10px}.cs-table td{padding:14px 20px;border-bottom:1px solid #ece8e1;color:#444;vertical-align:top}.cs-table tbody tr:nth-child(2n){background:#faf7f2}.cs-table td:first-child{font-weight:600;color:#111;white-space:nowrap}@media (max-width: 640px){.meta-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:40px}.form-row{flex-direction:column}.project-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:16px}}