:root{--bg:#191b1d;--panel:#222629;--text:#f0ede7;--muted:#a9adae;--line:#3a3e40;--accent:#cdb696;--sans:'Manrope',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}body{background-color:var(--bg);background-image:radial-gradient(ellipse at 8% 0%,#b89a6d0a,transparent 50%),linear-gradient(115deg,#ffffff02,transparent 35%,#0000000d);background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{background:#191b1df5;height:90px}.identity{font-size:15px;letter-spacing:-.4px}.identity-role{font-size:9px;letter-spacing:.5px}.site-header nav{font-size:12px;gap:38px}.site-header nav a[aria-current=page]:after{height:1px;bottom:20px}.portfolio-intro{padding-top:58px;padding-bottom:44px}.portfolio-intro h1{font-weight:400;font-size:clamp(35px,3.6vw,56px);letter-spacing:-2px}.portfolio-intro h1 span{font-size:1.22em;line-height:.8}.portfolio-intro p{font-size:13px;line-height:1.9}.portfolio-toolbar{padding:20px 0 24px}.filters button{font-size:11px;padding:9px 15px}.filters button[aria-pressed=true]{background:#d7c9b3}.gallery{gap:18px}.tile{outline:1px solid #ffffff07;outline-offset:-1px}.tile.feature{min-height:540px}.tile .label{font-size:9px;letter-spacing:1.1px}.tile h2{font-size:clamp(17px,1.65vw,26px);font-weight:500}.tile.feature h2{font-size:clamp(43px,4.8vw,76px);font-weight:400;letter-spacing:-1.5px}.tile-tag{background:#1b1d1ed4;border-color:#ffffff2a;letter-spacing:1.2px}.tile:nth-child(4){aspect-ratio:2.1}.gallery-note{font-size:10px;margin-top:23px}.home-process{display:grid;grid-template-columns:.8fr 1.5fr;gap:8%;padding:65px 0 60px;margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;position:relative}.home-process:before{content:'';position:absolute;inset:0 -4.35%;z-index:-1;background:linear-gradient(130deg,#cbb38c07,transparent 50%),#11141675}.process-intro h2{font:400 clamp(43px,4.6vw,70px)/.98 var(--serif);letter-spacing:-1px;margin:20px 0 25px}.process-intro h2 em{color:var(--accent);font-weight:400}.process-intro p{font-size:12px;line-height:1.9;color:var(--muted);max-width:300px;margin-bottom:25px}.home-end{padding-top:45px;padding-bottom:45px}.home-end p{font:400 28px/1.3 var(--serif);letter-spacing:.2px;max-width:500px}.site-footer{font-size:10px;background:#1316176e}.project-wrap{max-width:1720px}.crumb{padding-top:25px;padding-bottom:35px;font-size:11px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.project-heading h1{font:400 clamp(52px,6.5vw,96px)/1 var(--serif);letter-spacing:-1.5px;margin:12px 0 0}.project-number{font-size:10px;letter-spacing:1.3px;color:var(--muted);padding-bottom:7px}.project-navigation{display:flex;gap:30px;border-top:1px solid var(--line);padding:18px 0 23px;margin-bottom:12px}.project-navigation button{background:none;border:0;padding:0;color:var(--muted);font-size:10px}.project-navigation button:hover{color:var(--accent)}.project-layout{grid-template-columns:minmax(0,1fr) 270px;gap:45px}.project-sidebar{top:120px}.project-sidebar p{font-size:12px;line-height:1.9}.project-sidebar>.eyebrow{margin-bottom:16px}.project-sidebar ul{font-size:11px;line-height:2.1}.project-sidebar h2{font-size:9px;letter-spacing:1.3px}.project-sidebar .small-link{font-size:10px}.tools span{background:#c4c4b40b;color:#bfc2bc;border:1px solid #ffffff10;padding:7px 8px;font-size:9px}.project-credit{line-height:1.8!important;color:#959a96!important}.project-content>.image-pair{gap:20px}.image-figure{margin-bottom:22px}figcaption{font-size:10px;margin-top:12px;line-height:1.7}.chapter{margin-top:65px;padding-top:23px;scroll-margin-top:105px}.chapter>div{display:flex;align-items:baseline;gap:18px}.chapter .chapter-number{color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums}.chapter h2{font:400 34px var(--serif);letter-spacing:-.3px}.section-title>span{font-size:9px}.process-switcher{background:#101315;border:1px solid #ffffff12;padding:12px}.process-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 0 12px}.process-tabs button{flex:1;white-space:nowrap;background:none;border:1px solid transparent;padding:12px 10px;font-size:10px;color:var(--muted);text-align:left}.process-tabs button>span{font-size:8px;display:block;letter-spacing:1px;margin-bottom:6px;color:#777f7b}.process-tabs button[aria-pressed=true]{border-color:#b8a58c59;color:#e7d5bc;background:#b8a58c0c}.process-tabs button[aria-pressed=true]>span{color:var(--accent)}.process-tabs button:hover{background:#ffffff07}.process-switcher figure{margin:0}.stage-image{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.stage-image img{width:100%;height:100%;object-fit:contain}.stage-index{position:absolute;bottom:12px;right:12px;font-size:9px;background:#111b;padding:7px 10px;color:#ddded2;letter-spacing:1px}.process-switcher figcaption{padding:0 5px;font-size:10px;min-height:17px}.process-note{font-size:9px;color:#89918d;line-height:1.8;margin:9px 5px 0}.comparison-duo{display:grid;gap:10px}.comparison-card .section-title{margin-top:35px;border:0;padding-top:10px}.comparison-card .section-title h2{font:400 27px var(--serif)}.comparison-card .section-title span{font-size:8px;letter-spacing:1px;color:#8d968e}.comparison{border:1px solid #ffffff15;cursor:ew-resize;touch-action:pan-y;user-select:none}.comparison img{pointer-events:none;-webkit-user-drag:none}.comparison-line{width:2px;box-shadow:0 0 8px #0008}.comparison-line:after{width:38px;height:38px;border:4px solid #1b201bc4;background:#cfbea3;color:#22281d}.comparison-label{top:14px;padding:8px 11px;border:1px solid #ffffff18;font-size:9px;background:#131719ce}.compare-instruction{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#ddd1bb;pointer-events:none;background:#111b;padding:6px 9px;white-space:nowrap}.comparison-controls{gap:14px;margin-top:12px}.comparison-controls button{background:none;border:1px solid var(--line);font-size:9px;padding:7px 12px;color:var(--muted)}.comparison-controls button:hover{color:var(--text);border-color:var(--accent)}.comparison-controls input{height:16px;cursor:ew-resize}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.breakdown-grid .image-figure:nth-child(3n+1){grid-column:span 2}.breakdown-grid .image-figure{margin-bottom:10px}.breakdown-grid .image-button{outline:1px solid #ffffff0a}.next-project{margin-top:60px;padding:35px 0}.next-project strong{font:400 35px var(--serif)}.page-title{font-size:clamp(58px,6.5vw,94px)}.about-intro{font-size:17px}.about-photo{outline:1px solid #ffffff10}.viewer-toolbar{font-size:12px}.viewer-toolbar #viewer-title{font-family:var(--serif);font-size:22px}.viewer-canvas{background:#0c0f10}.viewer-bottom{background:#141719}#finals,#process,#breakdowns{scroll-margin-top:110px}
@media(min-width:1700px){.tile.feature{min-height:660px}}@media(max-width:1050px){.tile.feature{min-height:0;aspect-ratio:2.1}.project-layout{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.tile:nth-child(4){aspect-ratio:1.49}.home-process{grid-template-columns:.8fr 1.4fr;gap:35px}.process-tabs button{padding:10px 8px;font-size:9px}}
@media(max-width:750px){.site-header{height:76px}.identity{font-size:12px}.identity-role{font-size:8px}.site-header nav{gap:21px;font-size:10px}.site-header nav a[aria-current=page]:after{bottom:15px}.portfolio-intro{padding-top:37px;padding-bottom:28px}.portfolio-intro h1{font-size:36px;line-height:1.1;letter-spacing:-1.6px;max-width:350px}.portfolio-intro p{font-size:11px;line-height:1.85}.portfolio-toolbar{padding:15px 0 20px}.filters button{font-size:9px;padding:9px 10px}.gallery{gap:10px}.tile.feature{aspect-ratio:1.5}.tile.feature h2{font-size:41px;letter-spacing:-1px}.tile .label{font-size:7px;letter-spacing:.7px}.tile h2{font-size:15px;line-height:1.3}.tile:nth-child(4){aspect-ratio:1.2}.gallery-note{font-size:9px}.home-process{grid-template-columns:1fr;gap:27px;padding:35px 0;margin-top:35px}.process-intro h2{font-size:49px;margin:15px 0}.process-intro h2 br{display:none}.process-intro p{font-size:11px;max-width:340px;margin-bottom:20px}.process-intro .small-link{font-size:10px}.home-end{padding:35px 0}.home-end p{font-size:25px}.project-heading{margin-bottom:22px}.project-heading h1{font-size:53px;letter-spacing:-1.2px}.project-number{display:none}.crumb{font-size:10px;padding-bottom:28px}.crumb span{font-size:9px}.project-navigation{gap:20px;overflow-x:auto;padding:16px 0;margin-bottom:8px}.project-navigation button{font-size:8px;white-space:nowrap}.project-layout{gap:24px}.project-sidebar>.eyebrow{display:none}.project-sidebar>p{margin:0;font-size:11px;line-height:1.9}.project-sidebar .project-details{margin-top:15px}.project-details summary{font-size:10px;padding:14px 0}.project-content>.image-pair{gap:12px}.image-figure{margin-bottom:17px}figcaption{font-size:9px;margin-top:9px}.chapter{margin-top:38px;padding-top:18px;gap:12px}.chapter>div{gap:10px}.chapter h2{font-size:29px}.chapter>span{font-size:8px;max-width:95px;text-align:right}.chapter .chapter-number{font-size:8px}.process-switcher{padding:7px}.process-tabs{gap:2px;padding-bottom:8px}.process-tabs button{padding:8px;font-size:8px;flex-shrink:0}.process-tabs button>span{font-size:7px}.process-note{font-size:8px}.stage-index{font-size:8px;bottom:8px;right:8px;padding:5px 7px}.comparison-label{font-size:8px;padding:6px 8px;top:8px}.comparison-label.left{left:8px}.comparison-label.right{right:8px}.comparison-line:after{width:32px;height:32px;font-size:14px}.compare-instruction{font-size:7px;bottom:9px;padding:5px 7px;letter-spacing:.8px}.comparison-card .section-title{margin-top:25px}.comparison-card .section-title h2{font-size:25px}.comparison-card .section-title span{font-size:7px}.comparison-controls{gap:10px}.comparison-controls button{font-size:8px;padding:7px 9px}.breakdown-grid{gap:12px}.breakdown-grid .image-figure:nth-child(3n+1){grid-column:span 2}.breakdown-grid figcaption{font-size:8px}.next-project strong{font-size:27px}.next-project{padding:25px 0;margin-top:35px}.viewer-toolbar #viewer-title{font-size:18px}.viewer-toolbar #viewer-count{font-size:8px}}
body{isolation:isolate}body:before{z-index:-1}.image-pair:has(>.image-figure:only-child){grid-template-columns:1fr}.image-pair>.image-figure:last-child:nth-child(odd){grid-column:1/-1}
