*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:#101010}body{font-family:Arial,Helvetica,sans-serif}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 18px 5px 9px;z-index:2}.mark{color:#555;width:32px;height:27px;display:grid;place-items:center}.mark svg{width:30px}nav{display:flex;align-items:center;gap:25px}nav a,nav button{font:14px/1.5 'Courier New',monospace;color:#87909d;text-decoration:none;white-space:nowrap;letter-spacing:-.4px;background:none;border:0;padding:5px 0;cursor:pointer}nav .active{color:#465367}nav a:hover,nav button:hover{color:#111}a:focus-visible,button:focus-visible{outline:1px solid #606060;outline-offset:5px}main{height:100svh;min-height:540px;position:relative;overflow:hidden}.identity{position:absolute;left:53%;top:46%;width:390px;height:310px;transform:translate(-50%,-50%)}.chest{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.34;user-select:none;pointer-events:none;animation:breathe 9s ease-in-out infinite}h1{position:absolute;left:50%;top:59%;transform:translate(-50%,-50%);margin:0;white-space:nowrap;font-size:36px;line-height:1.2;letter-spacing:-1.6px;font-weight:400}.tagline{position:absolute;left:52.5%;bottom:10.8%;transform:translateX(-50%);font:14px/1.5 'Courier New',monospace;text-align:center;margin:0;white-space:nowrap}.orbit{position:absolute}.circle{display:block;position:absolute;border:1.35px solid #b5b5b5;border-radius:50%;width:43px;height:43px;transition:transform 1s ease,border-color 1s}.circle:before,.circle:after{content:'';position:absolute;left:50%;top:50%;background:#b5b5b5;transform:translate(-50%,-50%)}.circle:before{height:46%;width:1px}.circle:after{width:46%;height:1px}.orbit:hover .circle{transform:rotate(90deg);border-color:#777}.orbit-left{left:16%;top:34.5%;width:125px;height:126px}.big{width:84px;height:84px;top:39px;left:0}.small{width:64px;height:64px;left:60px;top:0}.orbit-right{left:79.5%;top:29%;width:141px;height:127px}.top{width:80px;height:80px;top:0;left:30px}.bottom-left{width:61px;height:61px;top:63px;left:0}.bottom-right{width:63px;height:63px;top:63px;left:77px}.orbit-low-left{left:24.2%;top:68.6%;width:43px;height:43px}.orbit-low-right{left:62.4%;top:61.5%;width:47px;height:47px}.orbit-low-right .circle{width:47px;height:47px}dialog{border:1px solid #ddd;padding:55px 65px;min-width:300px;text-align:center;background:#fff}dialog::backdrop{background:rgb(255 255 255 / .8);backdrop-filter:blur(8px)}dialog h2{font-size:26px;font-weight:400}dialog p{font:14px/1.7 'Courier New',monospace;color:#666}.close{position:absolute;right:14px;top:10px;border:0;background:none;font:26px Arial;color:#888;cursor:pointer}@keyframes breathe{50%{transform:translateY(-7px)}}@media(max-width:600px){header{padding:10px 14px}nav{gap:14px}nav a,nav button{font-size:12px;letter-spacing:-.5px}.mark{width:25px}.mark svg{width:25px}.identity{left:50%;top:46%;width:80vw;max-width:370px;height:300px}h1{font-size:32px}.orbit-left{left:7%;top:27%;transform:scale(.64);transform-origin:top left}.orbit-right{left:auto;right:5%;top:22%;transform:scale(.64);transform-origin:top right}.orbit-low-left{left:15%;top:68%;transform:scale(.75)}.orbit-low-right{left:76%;top:62%;transform:scale(.8)}.tagline{left:50%;bottom:10%;font-size:14px}}@media(prefers-reduced-motion:reduce){.chest{animation:none}.circle{transition:none}}

.chest{filter:grayscale(1) invert(1);opacity:.15;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,black 45%,transparent 72%)}

main.inner-page{height:auto;min-height:100svh;overflow:visible}.page{max-width:1060px;margin:0 auto;padding:150px 40px 70px}.page h1{position:static;transform:none;font-size:42px;letter-spacing:-1.7px;white-space:normal;margin:24px 0 60px}.eyebrow{font:14px Courier New,monospace;color:#7a8189}.empty{border-top:1px solid #e8e8e8;min-height:300px;display:grid;place-items:center;text-align:center;font:14px/1.8 Courier New,monospace;color:#7a8189}.contact{max-width:720px}.contact h1{margin-bottom:45px}form{display:flex;flex-direction:column;gap:12px}form label{font:14px Courier New,monospace;margin-top:15px}input,select,textarea{font:16px/1.5 Arial,sans-serif;border:0;border-bottom:1px solid #ccc;border-radius:0;padding:12px 0;background:white;color:#222;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid #888;outline-offset:5px}.send{align-self:flex-start;background:white;border:1px solid #aaa;padding:13px 24px;margin-top:20px;font:14px Courier New,monospace;cursor:pointer}.send:hover{background:#111;color:white}.form-status{font:13px/1.5 Courier New,monospace;color:#777}@media(max-width:600px){.page{padding:120px 26px 50px}.page h1{font-size:34px}.contact h1{margin-bottom:32px}}

/* Supplied artwork: show the chest region without changing the original asset. */
.chest{width:285%;height:auto;left:50%;top:50%;translate:-50% -50%;object-fit:initial;opacity:1;filter:none;mix-blend-mode:normal;mask-image:none;clip-path:inset(30% 33% 30% 35%);animation:none}.identity{pointer-events:none}.orbit{will-change:translate}.work-page,.project-detail{max-width:1280px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}.project-card{color:inherit;text-decoration:none;min-width:0}.cover{height:340px;background:#f8f8f8;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .cover img{transform:scale(1.025)}.card-caption{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:16px}.card-caption h2{font:14px/1.5 Courier New,monospace;margin:0}.card-caption span{font:12px Courier New,monospace;color:#888;white-space:nowrap}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.film-grid figure,.media-grid figure{margin:0;min-width:0}.film-grid video{width:100%;height:430px;object-fit:contain;background:#f7f7f7}.film-grid figcaption{font:14px Courier New,monospace;margin-top:15px}.section-title{font:24px Arial,sans-serif;font-weight:400;margin:90px 0 32px}.back{font:14px Courier New,monospace;color:#69717c;text-decoration:none}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.media-grid img,.media-grid video{display:block;width:100%;height:auto;background:#f7f7f7}.image-open{display:block;padding:0;border:0;width:100%;background:none;cursor:zoom-in}.lightbox{border:0;padding:40px;width:100vw;max-width:100vw;height:100svh;max-height:100svh;background:rgb(255 255 255 / .95)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox .close{z-index:2;right:24px;top:12px;font-size:32px}.lightbox::backdrop{background:white}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover{height:300px}}@media(max-width:600px){.project-grid,.film-grid{grid-template-columns:1fr;gap:36px}.media-grid{grid-template-columns:1fr;gap:22px}.cover{height:auto;aspect-ratio:4/5}.film-grid video{height:auto;max-height:70svh}.card-caption h2{font-size:14px}.lightbox{padding:45px 10px}.page h1{margin-bottom:38px}}@media(prefers-reduced-motion:reduce){.orbit{will-change:auto}.cover img{transition:none}}

.chest{mix-blend-mode:multiply}.identity{isolation:auto}

/* made.FFF — compact editorial type, quiet surfaces, film-first work. */
:root{--paper:#fafaf7;--ink:#62655f;--soft:#a6aaa3}
body,html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
header{padding:20px 24px;align-items:center;z-index:20}
nav a,nav button{font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:-.3px;color:#777b75}nav .active{color:#30342f}
.logo-crop{display:block;position:relative;overflow:hidden;mix-blend-mode:multiply}
.logo-crop img{position:absolute;width:192%;height:auto;max-width:none;left:-46%;top:-70%}
.mark.logo-crop{width:82px;height:36px;flex-shrink:0}
.identity{z-index:1}.identity .brand-home{position:absolute;width:156px;height:68px;left:50%;top:61%;margin:0;transform:translate(-50%,-50%)}
.orbit{z-index:5;pointer-events:none}.circle{border-color:#9da299}.circle:before,.circle:after{background:#858c80}
.orbit-high{left:43%;top:22%;width:35px;height:35px}.orbit-high .circle{width:35px;height:35px}
.orbit-mid{left:72%;top:70%;width:63px;height:63px}.orbit-mid .circle{width:63px;height:63px}
.orbit-edge{left:8%;top:58%;width:29px;height:29px}.orbit-edge .circle{width:29px;height:29px}
.tagline{font:600 16px/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.65px;color:#8b9086;text-align:left}
.page{padding-top:130px}.page h1{font-weight:700;color:var(--soft);font-size:clamp(38px,5vw,68px);line-height:.91;letter-spacing:-2.6px;margin-bottom:38px}
.work-page{max-width:none;padding-left:12px;padding-right:12px}.work-heading{display:flex;align-items:flex-end;gap:40px;margin:0 12px 35px}.work-heading h1{margin:0}.project-meta{font-size:21px;line-height:1.03;letter-spacing:-.8px;font-weight:600;color:#92988d;margin:0}
.eyebrow{font:600 16px/1.1 Arial,Helvetica,sans-serif;color:#959b90;letter-spacing:-.6px}
.project-grid,.film-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 12px}
.cover{height:auto;aspect-ratio:16/9;background:#eee;position:relative}.cover img,.cover video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.cover video{pointer-events:none}.project-card:hover .cover img{transform:none}
.card-caption{margin:7px 0 0;gap:5px}.card-caption h2{font:600 16px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.55px;color:#777e71}.card-caption span{font:12px/1 Arial,Helvetica,sans-serif;color:#777e71}.project-card:focus-visible{outline:2px solid #737b6b;outline-offset:4px}.previewing .card-caption h2{color:#34392f}
.section-title{font:700 32px/.96 Arial,Helvetica,sans-serif;letter-spacing:-1.3px;color:var(--soft);margin:65px 12px 20px}
.project-detail{max-width:1400px;padding-left:24px;padding-right:24px}.project-intro{max-width:720px;margin-bottom:35px}.project-intro h1{margin:22px 0 16px}.back{font:14px Arial,Helvetica,sans-serif;color:#777e71}.project-lead{margin-bottom:24px}.project-lead video{display:block;width:100%;max-height:78svh;background:#eeefeb}.media-grid{gap:24px}.media-grid img,.media-grid video{background:#eeefeb}
.contact h1{font-size:58px;line-height:.94}form label{font:600 16px Arial,Helvetica,sans-serif;letter-spacing:-.4px}input,select,textarea,.send{background:transparent}.send{font:600 16px Arial,Helvetica,sans-serif;color:var(--ink)}.lightbox{background:var(--paper)}.lightbox::backdrop{background:var(--paper)}
@media(max-width:1000px){.project-grid,.film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){header{padding:17px 16px}.mark.logo-crop{width:62px;height:27px}nav{gap:13px}nav a{font-size:13px}.project-grid,.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.work-heading{display:block;margin-bottom:28px}.work-heading .project-meta{margin-top:18px;font-size:18px}.page h1{letter-spacing:-1.7px}.card-caption h2{font-size:14px}.card-caption span{display:none}.orbit-high{left:38%;top:22%}.orbit-mid{left:78%;top:74%;scale:.65}.orbit-edge{left:5%;top:57%}.contact h1{font-size:40px}.identity .brand-home{width:135px;height:59px}.project-detail{padding-left:16px;padding-right:16px}}
@media(max-width:360px){nav{gap:9px}nav a{font-size:12px}.mark.logo-crop{width:48px;height:21px}}

.identity{mix-blend-mode:multiply}.logo-crop img{top:-63%}.mark.logo-crop{height:40px}.identity .brand-home{height:76px}@media(max-width:700px){.mark.logo-crop{height:30px}.identity .brand-home{height:66px}}@media(max-width:360px){.mark.logo-crop{height:23px}}

.video-wall{padding:96px 4px 20px}.video-wall .film-grid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.video-wall .card-caption{display:none}.video-wall .cover{aspect-ratio:16/9}.identity{mix-blend-mode:normal}.chest{mix-blend-mode:multiply}.identity:before{content:"";position:absolute;inset:0;background:var(--paper);z-index:-1}@media(max-width:1000px){.video-wall .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.video-wall{padding-top:80px}.video-wall .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

.identity .brand-text{font:400 36px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-1.6px;color:#111;left:50%;top:59%;width:auto;height:auto;overflow:visible}.tagline{text-align:center;left:50%;transform:translateX(-50%)}.orbit{will-change:auto}.circle{will-change:translate}.video-wall .cover{aspect-ratio:4/5}@media(max-width:600px){.identity .brand-text{font-size:32px}}@media(prefers-reduced-motion:reduce){.circle{will-change:auto}}
