:root{--ink:#11100f;--paper:#e9e6de;--yellow:#d8fe32;--line:rgba(17,16,15,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.site-header{height:92px;position:absolute;z-index:3;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.05}.brand em{font-family:"Playfair Display",serif;font-size:14px;font-weight:600}.brand-mark{border:1px solid currentColor;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:11px}.site-header nav{display:flex;gap:27px;align-items:center;font-size:13px}.nav-cta{padding:11px 17px;border:1px solid #fff;border-radius:40px}.menu-button{display:none;background:transparent;color:#fff;border:0;font:inherit}.hero{height:min(780px,100vh);min-height:630px;background:linear-gradient(125deg,#09090a 7%,#252226 54%,#8b7259);position:relative;display:flex;align-items:center;padding:100px 9vw 70px;color:#fff;overflow:hidden}.hero:after{content:"";width:44vw;height:44vw;min-width:500px;min-height:500px;position:absolute;right:-5vw;top:6%;border-radius:50%;background:radial-gradient(circle at 56% 41%,#ffe9be 0 4%,#b77f52 16%,#54372e 35%,#1b1718 64%);opacity:.84;filter:contrast(1.1)}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.25) 68%,transparent);z-index:1}.grain{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");z-index:2}.hero-copy{max-width:690px;position:relative;z-index:2}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin:0 0 22px}.hero h1,.section h2,.contact h2{font-family:"Playfair Display",serif;font-size:clamp(48px,6.5vw,91px);font-weight:600;letter-spacing:-.055em;line-height:.96;margin:0}.hero h1 i,.section h2 i,.contact h2 i{font-weight:600}.intro{font-size:18px;max-width:480px;line-height:1.55;margin:30px 0}.hero-actions,.contact-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:24px;background:var(--yellow);padding:14px 18px;color:#111;border-radius:30px;font-size:13px;font-weight:700}.button span{font-size:18px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-frame{position:absolute;z-index:2;right:8vw;bottom:11vh;width:240px;height:145px;border:1px solid rgba(255,255,255,.75);padding:12px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.record{color:#f58b83}.frame-label{align-self:flex-end;text-align:right}.play{font-size:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll{position:absolute;z-index:2;bottom:20px;left:5vw;font-size:9px;letter-spacing:.14em}.scroll span{font-size:16px;margin-left:8px}.section{padding:130px 9vw}.section-heading{max-width:800px}.section h2{font-size:clamp(38px,4.6vw,68px)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line)}.services-grid article{min-height:205px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 30px 25px 0;margin-right:30px}.services-grid article:nth-child(3n){border-right:0;margin-right:0}.services-grid span{font-size:11px;opacity:.6}.services-grid h3{font-family:"Playfair Display",serif;font-size:26px;margin:38px 0 8px}.services-grid p{font-size:14px;line-height:1.5;max-width:260px;margin:0}.section-dark{background:#121212;color:#f5f3ed;padding:125px 9vw}.portfolio-grid{display:grid;grid-template-columns:1.05fr 1.45fr;grid-template-rows:250px 250px;gap:16px;margin-top:70px}.project{position:relative;overflow:hidden;min-height:230px;background:linear-gradient(135deg,#af8065,#312826);isolation:isolate}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.73),transparent 70%);z-index:-1}.project:after{content:"";position:absolute;width:160%;height:120%;left:-20%;top:-10%;z-index:-2;background:radial-gradient(ellipse at 70% 20%,#e5c2a0 0 3%,transparent 20%),linear-gradient(122deg,#1f2627,#80624d 55%,#c59166);transition:transform .5s}.project:hover:after{transform:scale(1.07)}.project-wide{background:#526069}.project-wide:after{background:radial-gradient(ellipse at 30% 35%,#e6dbba 0 2%,transparent 26%),linear-gradient(155deg,#2e4144,#819c99 55%,#33362d)}.project-drone{background:#72836c}.project-drone:after{background:linear-gradient(21deg,rgba(53,68,42,.2),transparent),repeating-linear-gradient(115deg,#40563a 0 12px,#79936d 14px 27px,#bdaf80 28px 33px)}.project-tall{grid-row:span 2}.project-content{display:flex;flex-direction:column;position:absolute;inset:0;padding:25px;color:#fff}.project-content span{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.project-content h3{font:600 31px/1 "Playfair Display",serif;margin:auto 0 12px}.project-content b{font-size:12px}.portfolio-note{font-size:12px;opacity:.6;margin-top:21px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.about-image{height:570px;background:linear-gradient(143deg,#756650,#25201c 38%,#c4a17d);position:relative;overflow:hidden}.about-image:after{content:"";position:absolute;width:70%;height:90%;right:0;bottom:0;background:radial-gradient(ellipse at 50% 22%,#d9ae83 0 16%,#5b3d2e 17% 27%,transparent 28%),linear-gradient(125deg,transparent 35%,#1c1715 36% 74%,transparent 75%);mix-blend-mode:soft-light}.image-caption{position:absolute;z-index:1;bottom:23px;left:24px;color:#fff;font-size:10px;font-weight:bold;letter-spacing:.14em}.about-copy{max-width:500px}.about-copy h2{font-size:clamp(36px,4vw,59px);margin-bottom:30px}.about-copy p:not(.eyebrow){line-height:1.65;font-size:16px}.dark{margin-top:15px;display:inline-block}.contact{background:var(--yellow);padding:120px 9vw;color:#151515}.contact h2{font-size:clamp(55px,8vw,110px);margin-bottom:25px}.contact>p:not(.eyebrow){max-width:380px;line-height:1.55;margin-bottom:35px}.light{background:#111;color:#fff}.contact .text-link{color:#111}footer{padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:12px}footer .brand{font-size:10px}footer p{opacity:.65}@media(max-width:700px){.site-header{height:75px;padding:0 6vw}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px 6vw;background:#121212;flex-direction:column;align-items:flex-start;gap:19px}.site-header nav.open{display:flex}.menu-button{display:block}.hero{padding:100px 8vw 90px;min-height:680px}.hero:after{right:-90vw;top:20%;opacity:.55}.hero-frame{display:none}.intro{font-size:16px}.section,.section-dark{padding:85px 8vw}.services-grid{grid-template-columns:1fr;margin-top:45px}.services-grid article,.services-grid article:nth-child(3n){border-right:0;margin-right:0;min-height:0;padding:19px 0}.services-grid h3{margin:15px 0 6px}.portfolio-grid{grid-template-columns:1fr;grid-template-rows:260px 230px 230px;margin-top:45px}.project-tall{grid-row:auto}.about{grid-template-columns:1fr;gap:45px}.about-image{height:400px}.contact{padding:85px 8vw}footer{align-items:flex-start;gap:20px;flex-direction:column;padding:28px 8vw}}