:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;background:#111;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.section{min-height:100vh;padding:120px 12vw 120px calc(12vw + 100px);position:relative}.section-dark{color:#eee;background:#111}.section-light{color:#111;background:#eee}.section-content{max-width:1200px;margin:0 auto}.section-number{letter-spacing:.2em;opacity:.5;font-size:.75rem}h2{margin:1rem 0 2rem;font-size:clamp(3rem,8vw,8rem);font-weight:400}.hero{color:#eee;background:#080808;justify-content:center;align-items:flex-end;min-height:100vh;padding:0;display:flex}.scroll-indicator{opacity:.5;padding-bottom:30px;font-size:1.5rem}.dossier{z-index:100;pointer-events:none;opacity:0;height:100vh;transition:transform .6s,opacity .6s;position:fixed;top:0;left:0;transform:translate(-100%)}.dossier.visible{opacity:1;transform:translate(0)}.dossier-spine{pointer-events:auto;color:#eee;background:#1b1b1b;border-right:1px solid #333;flex-direction:column;width:110px;height:100%;display:flex}.dossier-title{writing-mode:vertical-rl;letter-spacing:.25em;justify-content:center;align-items:center;height:28%;font-size:1.2rem;font-weight:500;display:flex;transform:rotate(180deg)}.dossier-tabs{flex-direction:column;flex:1;display:flex}.dossier-tabs a{letter-spacing:.15em;border-top:1px solid #444;flex:1;justify-content:center;align-items:center;width:100%;font-size:.85rem;transition:background .2s,color .2s;display:flex}.dossier-tabs a:last-child{border-bottom:1px solid #444}.dossier-tabs a:hover{color:#111;background:#eee}.work-section{padding-top:160px;padding-bottom:200px}.work-header{margin-bottom:180px}.work-category{margin-bottom:220px}.category-heading{border-bottom:1px solid #bbb;align-items:baseline;gap:30px;margin-bottom:50px;padding-bottom:15px;display:flex}.category-number{letter-spacing:.15em;opacity:.5;font-size:.7rem}.category-heading h3{margin:0;font-size:clamp(2rem,5vw,5rem);font-weight:400}.project-grid{grid-template-columns:repeat(2,1fr);gap:5vw;display:grid}.project{min-width:0}.project-placeholder{letter-spacing:.2em;background:#d8d8d8;border:1px solid #bbb;justify-content:center;align-items:center;min-height:420px;font-size:.7rem;transition:transform .4s,background .4s;display:flex}.project-large .project-placeholder{min-height:600px}.project-full{grid-column:1/-1}.project-full .project-placeholder{min-height:650px}.project-placeholder:hover{background:#cfcfcf;transform:scale(.99)}.project-info{letter-spacing:.05em;justify-content:space-between;gap:30px;padding-top:15px;font-size:.7rem;display:flex}.project-info span:last-child{opacity:.5;text-align:right}.contact-form{flex-direction:column;gap:30px;max-width:700px;margin-top:60px;display:flex}.contact-form label{letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:.8rem;display:flex}.contact-form input,.contact-form textarea{font:inherit;color:inherit;background:0 0;border:none;border-bottom:1px solid;padding:12px 0}.contact-form textarea{resize:vertical;min-height:180px}.contact-form button{color:inherit;cursor:pointer;background:0 0;border:1px solid;align-self:flex-start;padding:15px 30px}@media (width<=700px){.project-grid{grid-template-columns:1fr}.project-full{grid-column:auto}.project-placeholder,.project-large .project-placeholder,.project-full .project-placeholder{min-height:350px}.work-header{margin-bottom:100px}.work-category{margin-bottom:140px}.category-heading{gap:15px}.project-info{flex-direction:column;gap:5px}.project-info span:last-child{text-align:left}.about-content{grid-template-columns:1fr;gap:60px}.about-header{margin-bottom:60px}.dossier-spine{width:55px}.section{padding:100px 8vw 100px 80px}.work-grid{grid-template-columns:1fr}}.about-section{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.about-header{margin-bottom:100px}.about-header h2{margin-top:20px}.about-content{grid-template-columns:1.5fr 1fr;align-items:start;gap:10vw;display:grid}.about-lead{max-width:800px;margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:1.15}.about-details{border-top:1px solid #444;flex-direction:column;display:flex}.about-detail{border-bottom:1px solid #444;flex-direction:column;gap:8px;padding:20px 0;font-size:.9rem;display:flex}.detail-label{letter-spacing:.2em;opacity:.5;font-size:.65rem}