:root{--dossier-width:110px;color:#111;font-synthesis:none;text-rendering:optimizelegibility;background:#111;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}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;width:var(--dossier-width);color:#eee;background:#1b1b1b;border-right:1px solid #333;flex-direction:column;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{min-height:100vh;padding-top:160px;padding-bottom:200px;padding-left:calc(var(--dossier-width) + 40px);flex-direction:column;justify-content:center;padding-right:40px;display:flex}.work-header{max-width:900px;margin-bottom:100px}.work-introduction{opacity:.65;max-width:700px;margin-top:30px;font-size:1.2rem;line-height:1.6}.discipline-bar{border:1px solid #999;width:100%;height:480px;display:flex;overflow:hidden}.discipline{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;border-right:1px solid #999;flex-direction:column;flex:1;padding:0;transition:flex .6s cubic-bezier(.22,1,.36,1),background .3s;display:flex;position:relative;overflow:hidden}.discipline-bar:hover .discipline{flex:.65}.discipline-bar .discipline:hover{background:#d8d8d8;flex:2.5}.discipline-preview{letter-spacing:.15em;opacity:0;flex:1;justify-content:center;align-items:center;padding:30px;font-size:.7rem;transition:opacity .5s,transform .6s;display:flex;transform:scale(.96)}.discipline:hover .discipline-preview{opacity:1;transform:scale(1)}.discipline-label{text-align:left;border-top:1px solid #999;flex-direction:column;justify-content:center;gap:8px;min-height:100px;padding:20px;display:flex}.discipline-number{letter-spacing:.15em;opacity:.5;font-size:.65rem}.discipline-name{letter-spacing:.05em;white-space:nowrap;font-size:1rem}.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){.work-panel{width:calc(100% - 24px);height:100vh;top:0;right:0}.work-panel-inner{padding:60px 20px 100px}.work-panel-header{margin-bottom:60px}.panel-projects{grid-template-columns:1fr;gap:60px}.work-panel-header h2{font-size:3rem}.discipline-bar{flex-direction:column;height:auto}.discipline-bar:hover .discipline,.discipline-bar .discipline:hover{flex:1}.discipline{border-bottom:1px solid #999;border-right:none;min-height:100px}.discipline:last-child{border-bottom:none}.discipline-preview{display:none}.discipline-label{min-height:100px}.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-section{padding-left:20px;padding-right:20px}.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}.work-panel-backdrop{z-index:80;opacity:0;pointer-events:none;background:#0000002e;transition:opacity .7s;position:fixed;inset:0}.work-panel-backdrop.visible{opacity:1;pointer-events:auto}.work-panel{width:calc(100% - var(--dossier-width) - 24px);z-index:90;color:#eee;scrollbar-width:none;pointer-events:none;background:#1b1b1b;border-left:1px solid #333;height:100vh;transition:transform .7s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.work-panel::-webkit-scrollbar{display:none}.work-panel.open{pointer-events:auto;transform:translate(0)}.work-panel-inner{min-height:100%;padding:80px 6vw 120px}.work-panel-header{border-bottom:1px solid #444;justify-content:space-between;align-items:flex-start;margin-bottom:100px;padding-bottom:30px;display:flex}.work-panel-header h2{margin:10px 0 0;font-size:clamp(3rem,6vw,7rem);font-weight:400}.work-panel-close{color:#eee;cursor:pointer;background:0 0;border:1px solid #555;width:50px;height:50px;font-size:2rem;font-weight:300;transition:background .2s,color .2s}.work-panel-close:hover{color:#111;background:#eee}.panel-introduction{opacity:.65;max-width:650px;margin-bottom:80px;font-size:1.1rem;line-height:1.6}.panel-projects{grid-template-columns:repeat(2,1fr);gap:80px 40px;display:grid}.panel-project{cursor:pointer}.panel-project-image{aspect-ratio:16/10;letter-spacing:.15em;background:#252525;border:1px solid #444;justify-content:center;align-items:center;font-size:.7rem;transition:transform .4s,background .3s;display:flex}.panel-project:hover .panel-project-image{background:#303030;transform:scale(.99)}.panel-project-info{justify-content:space-between;gap:20px;padding-top:15px;display:flex}.panel-project-name{font-size:.95rem}.panel-project-meta{opacity:.5;text-align:right;font-size:.7rem}.project-viewer{z-index:95;color:#eee;scrollbar-width:none;pointer-events:none;background:#111;transition:transform .7s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.project-viewer::-webkit-scrollbar{display:none}.project-viewer.open{pointer-events:auto;transform:translate(0)}.project-viewer-inner{min-height:100%;padding:90px 8vw 160px}.project-viewer-header{border-bottom:1px solid #444;justify-content:space-between;align-items:flex-start;margin-bottom:60px;padding-bottom:30px;display:flex}.project-viewer-header h2{margin:10px 0 0;font-size:clamp(3rem,7vw,8rem);font-weight:400}.project-viewer-close{color:#eee;cursor:pointer;background:0 0;border:1px solid #555;width:50px;height:50px;font-size:2rem;transition:background .2s,color .2s}.project-viewer-close:hover{color:#111;background:#eee}.project-hero{width:100%;margin-bottom:120px}.project-hero-placeholder{aspect-ratio:16/9;letter-spacing:.15em;background:#252525;border:1px solid #444;justify-content:center;align-items:center;width:100%;font-size:.7rem;transition:transform .5s,border-color .3s;display:flex;overflow:hidden}.project-details{grid-template-columns:1.5fr 1fr;gap:10vw;margin-bottom:140px;display:grid}.project-description{max-width:750px;margin:0;font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.7}.project-meta{border-top:1px solid #444}.project-meta>div{border-bottom:1px solid #444;flex-direction:column;gap:8px;padding:18px 0;display:flex}.project-meta span{letter-spacing:.2em;opacity:.5;font-size:.65rem}.project-meta strong{font-size:.9rem;font-weight:400}.project-gallery{margin-top:100px}.gallery-placeholder{aspect-ratio:16/10;letter-spacing:.15em;background:#252525;border:1px solid #444;justify-content:center;align-items:center;font-size:.7rem;display:flex}.gallery-placeholder:first-child{grid-column:span 7}.gallery-placeholder:nth-child(2){grid-column:span 5}.gallery-placeholder:nth-child(3){aspect-ratio:21/9;grid-column:span 12}.gallery-placeholder{aspect-ratio:16/10;letter-spacing:.15em;background:#252525;border:1px solid #444;justify-content:center;align-items:center;font-size:.7rem;transition:background .3s,transform .4s;display:flex}.project-gallery-grid{grid-template-columns:1fr 1fr;gap:60px 30px;margin-top:40px;display:grid}.gallery-item{margin:0}.gallery-item:first-child{grid-column:span 2}.gallery-placeholder{aspect-ratio:16/10;letter-spacing:.15em;background:#252525;border:1px solid #444;justify-content:center;align-items:center;width:100%;font-size:.7rem;transition:background .3s,transform .4s;display:flex}.gallery-item:hover .gallery-placeholder{background:#303030;transform:scale(.995)}.gallery-item figcaption{letter-spacing:.15em;opacity:.5;margin-top:14px;font-size:.65rem}@media (width<=700px){.project-gallery-grid{grid-template-columns:1fr;gap:50px 0}.gallery-item:first-child{grid-column:span 1}}.gallery-copy{margin-bottom:14px}.gallery-item figcaption{letter-spacing:.15em;opacity:.5;margin:0;font-size:.65rem}.gallery-description{opacity:.65;max-width:650px;margin:8px 0 0;font-size:.9rem;line-height:1.5}.gallery-placeholder img,.project-hero-placeholder img,.panel-project-image img{object-fit:cover;width:100%;height:100%;display:block}