:root{color-scheme:dark;--bg:#090909;--muted:#a7a5a2;--cream:#e7dfd1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f2f0eb;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:100px;padding:0 clamp(24px,5vw,88px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12;z-index:3;background:#090909}.wordmark{display:flex;flex-direction:column;gap:5px;letter-spacing:.22em;font-size:14px;font-weight:600}.wordmark small{font-size:9px;letter-spacing:.48em;font-weight:400;color:#aaa}.topbar-note{font-size:9px;letter-spacing:.25em;color:#aaa;display:flex;align-items:center;gap:17px}.line{width:27px;height:1px;background:#777}.hero{position:relative;flex:1;min-height:650px;display:flex;align-items:center}.portrait{position:absolute;inset:0 34% 0 0;background-image:url('assets/andres-sanchez-portrait.png');background-repeat:no-repeat;background-size:cover;background-position:29% center;filter:contrast(1.08) brightness(.78)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#09090910 26%,#090909bd 52%,#090909 74%),linear-gradient(0deg,#090909 0%,transparent 24%,transparent 83%,#09090935 100%);pointer-events:none}.hero-content{position:relative;z-index:2;width:100%;padding:75px clamp(24px,5vw,88px) 85px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,610px);gap:clamp(30px,5vw,85px);align-items:center}.intro{max-width:490px;margin-left:clamp(140px,18vw,310px);align-self:center}.eyebrow{font-size:10px;letter-spacing:.27em;color:#c2b8a9;white-space:nowrap;display:flex;align-items:center;gap:12px}.tiny-line{height:1px;width:22px;background:#b6a48a}.intro h1{font-family:'Manrope',sans-serif;font-size:clamp(34px,3.6vw,61px);line-height:1.16;letter-spacing:-.065em;font-weight:300;margin:29px 0 20px;white-space:nowrap}.intro h1 em{font-style:normal;color:#c3b7a5}.intro p{font-size:13px;font-weight:300;line-height:1.9;color:#aaa;max-width:330px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.project{height:clamp(350px,36vw,465px);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #ffffff2b;background:#151515;transition:border-color .4s,transform .5s,box-shadow .5s;isolation:isolate}.project:hover,.project:focus-visible{border-color:#b8aa93;transform:translateY(-7px);box-shadow:0 22px 45px #0008;outline:none}.project-number{position:relative;z-index:2;font-size:9px;letter-spacing:.17em;color:#d5cbbd;padding:25px 22px}.project-art{position:absolute;inset:0;overflow:hidden;z-index:-1}.art-black{background:radial-gradient(ellipse at 55% 58%,#323333 0%,#141617 45%,#0b0c0d 85%)}.art-black .building{position:absolute;display:block;background:linear-gradient(120deg,#101113,#25272a 46%,#090a0c 47%);box-shadow:-8px 0 24px #0009}.b1{width:58%;height:55%;top:22%;left:4%;transform:skewY(-12deg)}.b2{width:47%;height:72%;top:17%;right:2%;transform:skewY(11deg)}.b3{width:35%;height:30%;top:53%;left:31%;background:#050505!important;transform:skewY(6deg)}.art-nebo{background:linear-gradient(155deg,#353b36 0%,#232b27 37%,#131b17 78%,#0b0f0d 100%)}.art-nebo:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 74% 35%,#b5a78b3b,transparent 37%)}.nebo-roof{position:absolute;width:115%;height:18%;top:40%;left:-5%;transform:skewY(-16deg);background:#77776b;box-shadow:0 8px 3px #0006}.nebo-wall{position:absolute;width:90%;height:39%;top:51%;left:10%;background:linear-gradient(90deg,#55584d,#a19a85 54%,#464b43 55%,#343d36)}.nebo-window{position:absolute;width:43%;height:30%;top:56%;right:9%;background:linear-gradient(135deg,#131f1c,#344b43);border-left:5px solid #1b211d}.project:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(0deg,#070707f5 0%,#0909092b 80%,transparent);z-index:0}.project-bottom{position:relative;z-index:2;padding:22px;display:flex;align-items:end;justify-content:space-between;gap:8px}.project-name{display:block;font-family:'Manrope',sans-serif;font-size:clamp(24px,2.3vw,36px);font-weight:400;letter-spacing:-.065em;line-height:1.13}.project-caption{display:block;color:#bdb8b1;font-size:10px;letter-spacing:.02em;margin-top:17px;line-height:1.5}.project-arrow{font-size:26px;font-weight:300;transition:transform .3s}.project:hover .project-arrow{transform:translate(4px,-4px)}.vertical-label{position:absolute;left:22px;bottom:50px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.28em;color:#aaa;z-index:2}.footer{min-height:70px;padding:22px clamp(24px,5vw,88px);display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff16;font-size:9px;letter-spacing:.17em;color:#8e8c88}.footer a{color:#d2c9bb}.footer a:hover{text-decoration:underline}@media(max-width:1250px){.hero-content{grid-template-columns:1fr minmax(340px,50%);gap:25px}.intro{margin-left:clamp(60px,12vw,170px)}.intro h1{font-size:clamp(32px,3.5vw,48px)}.project{height:390px}.project-bottom{padding:17px}.project-number{padding:20px 17px}.project-name{font-size:27px}}@media(max-width:850px){.topbar{height:80px}.topbar-note{display:none}.hero{min-height:unset;display:block}.portrait{inset:0 0 auto 0;height:610px;background-size:cover;background-position:25% center;opacity:.78}.portrait-shade{background:linear-gradient(0deg,#090909 3%,#09090960 34%,#09090918 68%,#09090930),linear-gradient(90deg,transparent,#0909095e)}.hero-content{display:block;padding:340px 24px 50px}.intro{margin:0 0 45px;max-width:530px}.intro h1{font-size:clamp(43px,9vw,70px)}.intro p{font-size:13px}.projects{max-width:650px;margin:0 auto;gap:12px}.project{height:390px}.vertical-label{display:none}.footer{flex-wrap:wrap;justify-content:space-between}.footer span:nth-child(2){display:none}}@media(max-width:480px){.topbar{padding:0 22px}.wordmark{font-size:12px}.hero-content{padding:320px 18px 40px}.intro h1{font-size:45px}.eyebrow{font-size:8px}.projects{gap:10px}.project{height:310px}.project-number{font-size:7px;letter-spacing:.07em;padding:15px 12px}.project-bottom{padding:13px}.project-name{font-size:22px}.project-caption{font-size:9px;margin-top:11px}.project-arrow{font-size:20px}.footer{padding:20px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}