:root{--black:#0b0a0a;--paper:#f5f2ea;--wine:#6e1423;--line:#302d2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:"Space Grotesk",Arial,sans-serif}a{color:inherit}.hero{min-height:100svh;padding:28px 4vw 6vw;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 18%,#261015 0,transparent 32%),var(--black)}nav{display:flex;align-items:center;justify-content:space-between}.brand{font-size:clamp(24px,3vw,44px);font-weight:600;letter-spacing:-.05em;text-decoration:none}.brand span{color:var(--wine)}nav div{display:flex;gap:28px}nav div a,.kicker,.label,.num,.poster small{font:500 11px "IBM Plex Mono",monospace;letter-spacing:.13em;text-transform:uppercase;text-decoration:none}.hero-copy{margin:auto 0 0;max-width:1120px}.kicker{display:flex;align-items:center;gap:18px;color:#bdb8ae}.kicker i{height:1px;width:64px;background:var(--wine)}h1{font-size:clamp(46px,7.7vw,118px);line-height:.92;letter-spacing:-.065em;font-weight:500;margin:28px 0 54px;max-width:1200px}.down{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;text-underline-offset:5px}.down span{color:#c97381}.slate{border-top:1px solid var(--line)}.property{min-height:30vw;display:grid;grid-template-columns:7vw minmax(260px,34vw) 1fr 5vw;align-items:center;gap:3vw;padding:4vw;border-bottom:1px solid var(--line);text-decoration:none;overflow:hidden;position:relative;transition:background .35s}.property:hover{background:var(--wine)}.num{align-self:start;color:#9d978e}.poster{aspect-ratio:16/9;border:1px solid #514b49;display:flex;flex-direction:column;justify-content:space-between;padding:2vw;background:#131111;position:relative;overflow:hidden;box-shadow:0 18px 50px #0008;transition:transform .4s}.property:hover .poster{transform:scale(1.025)}.poster:after{content:"";position:absolute;inset:auto -20% -40% 35%;width:70%;aspect-ratio:1;border:1px solid #6e1423;border-radius:50%;box-shadow:0 0 0 40px #6e142333,0 0 0 80px #6e142322}.poster b{font-size:clamp(24px,4vw,70px);line-height:.79;letter-spacing:-.08em;z-index:1}.poster small{color:#aaa39b;z-index:1}.copy h2{font-size:clamp(34px,5vw,82px);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:0 0 18px}.copy p{font-size:clamp(16px,1.6vw,24px);margin:0;color:#bcb7af}.out{font-size:28px}.p2 .poster:after{inset:-15% auto auto 45%;border-radius:0;transform:rotate(20deg)}.p3 .poster:after{inset:30% -10% auto auto;border-radius:0}.p4 .poster:after{inset:auto auto -20% -10%}.p5 .poster:after{inset:-30% -5% auto auto}.p6 .poster:after{inset:30% auto auto 15%;border-radius:0;transform:rotate(45deg)}.about{display:grid;grid-template-columns:25% 1fr;padding:12vw 4vw;border-bottom:1px solid var(--line)}.about>div{max-width:900px}.about h2{font-size:clamp(38px,6vw,86px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 0 44px}.about div p{font-size:clamp(18px,2vw,28px);line-height:1.45;color:#c5c0b7;margin:0;max-width:760px}.label{color:#9d978e;margin:8px 0}.contact{padding:9vw 4vw 11vw}.contact a{display:flex;justify-content:space-between;font-size:clamp(34px,6vw,88px);letter-spacing:-.055em;text-decoration:none;border-bottom:2px solid var(--paper);padding-bottom:16px}.contact a:hover{color:#c97381;border-color:#c97381}footer{display:flex;justify-content:space-between;padding:28px 4vw;color:#8d877e;font:11px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}@media(max-width:760px){.hero{min-height:88svh;padding:22px 20px 42px}nav div{gap:14px}nav div a{font-size:9px}h1{font-size:clamp(44px,15vw,68px);margin-top:24px}.kicker{font-size:9px}.property{min-height:auto;grid-template-columns:24px 1fr 24px;gap:14px;padding:28px 20px;background:linear-gradient(130deg,#0b0a0a 55%,#241014)}.poster{grid-column:2/3;grid-row:1;aspect-ratio:1;padding:18px}.poster b{font-size:12vw}.num{grid-column:1;grid-row:1}.copy{grid-column:2;grid-row:2}.copy h2{font-size:36px}.copy p{font-size:16px}.out{grid-column:3;grid-row:2}.about{grid-template-columns:1fr;padding:100px 20px}.about h2{font-size:48px;margin-top:50px}.contact{padding:70px 20px 90px}.contact a{font-size:30px}footer{padding:24px 20px;gap:20px;flex-direction:column}.hero-copy{margin-top:auto}}
@media(prefers-reduced-motion:no-preference){body{animation:appear .8s ease both}@keyframes appear{from{opacity:0}to{opacity:1}}}