: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;overflow:visible}.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{border-top:1px solid #444;flex:1;justify-content:center;align-items:center;width:100%;transition:background .25s,color .25s;display:flex;position:relative;overflow:hidden}.dossier-tabs a:last-child{border-bottom:1px solid #444}.dossier-tabs a:hover{color:#eee;z-index:10;background:#3a3a3a;width:230px}.dossier-number{letter-spacing:.12em;opacity:.55;font-size:.85rem;transition:left .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dossier-tabs a:hover .dossier-number{left:18px;transform:translateY(-50%)}.dossier-name{letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;font-size:.72rem;font-weight:500;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:42px;transform:translateY(-50%)translate(-12px)}.dossier-tabs a:hover .dossier-name{opacity:1;transform:translateY(-50%)translate(0)}.work-section{min-height:100vh;padding-top:80px;padding-bottom:80px;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:600px;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:last-child{border-right:none}.discipline-bar:hover .discipline{flex:.65}.discipline-bar .discipline:hover{background:#d8d8d8;flex:2.5}.discipline-preview{background:#d0d0d0;flex:1;position:relative;overflow:hidden}.discipline-preview-image{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .3s,transform .8s;display:block;transform:scale(1)}.discipline-preview-image.is-changing{opacity:.25}.discipline:hover .discipline-preview-image{transform:scale(1.01)}.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:1.3rem}.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{padding-top:160px;padding-bottom:140px;overflow:hidden}.about-header{max-width:1200px;margin:0 auto 120px}.about-header h2{letter-spacing:-.06em;margin:15px 0 0;font-size:clamp(6rem,18vw,16rem);font-weight:400;line-height:.8}.about-content{grid-template-columns:1.4fr .6fr;gap:120px;max-width:1200px;margin:0 auto;display:grid}.about-statement{max-width:800px}.about-lead{letter-spacing:-.02em;margin:0 0 35px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.35}.about-body{opacity:.6;max-width:650px;margin:0 0 20px;font-size:1rem;line-height:1.75}.about-details{border-top:1px solid #444}.about-detail{border-bottom:1px solid #444;grid-template-columns:110px 1fr;gap:25px;padding:22px 0;font-size:.85rem;line-height:1.5;display:grid}.detail-label{letter-spacing:.15em;opacity:.4;font-size:.6rem}.about-footer{align-items:center;gap:20px;max-width:1200px;margin:140px auto 0;display:flex}.about-footer-line{background:#444;flex:1;height:1px}.about-footer-text{letter-spacing:.18em;opacity:.35;white-space:nowrap;font-size:.6rem}@media (width<=700px){.about-section{padding-top:100px;padding-bottom:100px}.about-header{margin-bottom:80px}.about-header h2{font-size:30vw}.about-content{grid-template-columns:1fr;gap:70px}.about-lead{font-size:1.5rem}.about-detail{grid-template-columns:90px 1fr}.about-footer{margin-top:100px}.about-footer-text{font-size:.5rem}}.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}.commissions-section{padding-top:160px;padding-bottom:180px}.commissions-header{max-width:1000px;margin:0 auto 140px}.commissions-header h2{max-width:1000px;margin:20px 0 50px}.commissions-introduction{opacity:.65;max-width:750px;margin:0 0 20px;font-size:1.1rem;line-height:1.7}.commissions-introduction strong{color:#eee;font-weight:500}.commission-guide{max-width:1000px;margin:0 auto 160px}.commission-guide-header{border-bottom:1px solid #444;padding-bottom:20px}.commission-factor{border-bottom:1px solid #444;grid-template-columns:100px 1fr;gap:40px;padding:35px 0;display:grid}.commission-factor-number{letter-spacing:.15em;opacity:.4;font-size:.7rem}.commission-factor h3{letter-spacing:.12em;margin:0 0 12px;font-size:1rem;font-weight:400}.commission-factor p{opacity:.6;max-width:700px;margin:0;font-size:.95rem;line-height:1.7}.commission-estimates{max-width:1200px;margin:0 auto 160px}.commission-estimates-header{grid-template-columns:1fr 2fr;gap:60px;margin-bottom:40px;display:grid}.commission-estimates-header p:last-child{opacity:.6;max-width:650px;margin:0;font-size:.95rem;line-height:1.6}.commission-table{border-top:1px solid #444}.commission-table-row{border-bottom:1px solid #444;grid-template-columns:1fr 1.5fr .6fr;align-items:center;gap:40px;padding:25px 0;display:grid}.commission-table-heading{letter-spacing:.15em;opacity:.4;padding:15px 0;font-size:.65rem}.commission-table-row>span:first-child{font-size:.95rem}.commission-table-row>span:nth-child(2){opacity:.55;font-size:.85rem;line-height:1.5}.commission-table-row strong{text-align:right;white-space:nowrap;font-size:.9rem;font-weight:400}.commission-contact{border-top:1px solid #444;max-width:1000px;margin:0 auto;padding-top:80px}.commission-contact h3{margin:25px 0 30px;font-size:clamp(2.5rem,5vw,5rem);font-weight:400}.commission-contact>p:not(.section-number):not(.commission-emphasis){opacity:.65;max-width:700px;font-size:1rem;line-height:1.7}.commission-emphasis{margin:50px 0 30px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.3}.commission-contact-link{letter-spacing:.15em;border-bottom:1px solid;margin-top:40px;padding-bottom:8px;font-size:.75rem;transition:opacity .2s,padding .3s;display:inline-block}.commission-contact-link:hover{opacity:.6;padding-left:8px}@media (width<=700px){.commissions-section{padding-top:100px;padding-bottom:120px}.commissions-header{margin-bottom:100px}.commissions-header h2{margin-bottom:35px}.commission-guide{margin-bottom:110px}.commission-factor{grid-template-columns:50px 1fr;gap:20px;padding:30px 0}.commission-estimates{margin-bottom:110px}.commission-estimates-header{margin-bottom:35px;display:block}.commission-estimates-header p:last-child{margin-top:20px}.commission-table-heading{display:none}.commission-table-row{grid-template-columns:1fr;gap:8px;padding:25px 0}.commission-table-row strong{text-align:left;margin-top:5px}.commission-contact{padding-top:60px}}
