:root{--black:#0b0c0d;--gold:#b88932;--ivory:#e8e4dc;--line:#554a34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--ivory);font-family:Sora,Arial,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Cardo,Georgia,serif;font-weight:400;text-transform:uppercase;line-height:1.1}h2{font-size:clamp(28px,2.6vw,42px)}.eyebrow{font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);font-size:12px;margin-bottom:20px}header{height:104px;padding:16px 3%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#090b0bec;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff05;backdrop-filter:blur(10px)}.brand{flex:0 0 290px}.logo{width:100%;height:auto}nav{display:flex;gap:clamp(20px,3.5vw,60px)}nav a{font-family:'Space Mono',monospace;text-transform:uppercase;font-size:11px;letter-spacing:1.5px;white-space:nowrap;border-bottom:2px solid transparent;padding:8px 0}nav a:hover,nav a.active{color:var(--gold);border-color:var(--gold)}.menu-toggle{display:none}.hero{min-height:560px;aspect-ratio:2.35;background:linear-gradient(90deg,#090b0ce8,transparent 70%),url('assets/hero.webp') center/cover;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-copy{padding:5.6% 8.3%;width:54%}.hero h1{font-size:clamp(42px,4.55vw,74px);line-height:.98;letter-spacing:.3px}.hero-copy>p:last-child{max-width:410px;font-size:16px;line-height:1.75}.ornament{color:var(--gold);margin:17px 0 20px;position:relative;font-size:22px;line-height:1}.ornament:after{content:'';position:absolute;width:200px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);left:12px;top:50%}.values{display:grid;grid-template-columns:repeat(5,1fr);padding:50px 3%;background:linear-gradient(#101213e8,#101213ec),url('assets/cube.webp') center/cover;border-bottom:1px solid var(--line)}.values article{text-align:center;padding:0 25px;border-right:1px solid var(--line)}.values article:last-child{border:0}.icon{filter:url(#remove-white);object-fit:contain}.values .icon{width:116px;height:116px;margin:0 auto 20px}.values h2{font-family:Sora,Arial,sans-serif;font-size:17px;letter-spacing:1.2px;color:#c8a160;line-height:1.5;margin-bottom:12px}.values p{font-size:14px}.services{padding:48px 2.5% 30px;border-bottom:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 1.7% 30px;gap:50px}.section-intro>p{max-width:480px;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.service{border:1px solid var(--line);background:linear-gradient(120deg,#101416,#080b0c);overflow:hidden}.service-photo{width:100%;height:245px;object-fit:cover;mask-image:linear-gradient(black 75%,transparent)}.service-copy{position:relative;margin-top:-54px;padding:0 14px 26px}.service-copy .icon{width:64px;height:64px;margin-bottom:12px}.service h3{font-size:15px;line-height:1.5;color:#c8a160;text-transform:uppercase;letter-spacing:1px;font-weight:400;margin-bottom:14px}.service ul{padding:0;list-style:none;font-size:12px;line-height:1.8}.service li:before{content:'· ';color:var(--ivory)}.why{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.cube{background:url('assets/cube.webp') center/cover;min-height:520px}.why-copy{padding:44px 8% 35px 3%;background:radial-gradient(at right,#161b1c,#0b0e0f)}.why ol{list-style:none;padding:0 0 0 30px;margin:34px 0 0 12px;border-left:1px solid #746140}.why li{position:relative;margin-bottom:16px}.why li:last-child{margin-bottom:0}.why li:before{content:'';width:10px;height:10px;position:absolute;left:-36px;top:7px;transform:rotate(45deg);background:#0b0c0d;border:1px solid var(--gold)}.why h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-weight:400;margin-bottom:4px}.why li p{font-size:13px;max-width:420px}.contact{display:grid;grid-template-columns:43% 57%;border-bottom:1px solid var(--line)}.contact-copy{background:radial-gradient(at left,#17212d,#0e141d);padding:44px 12% 40px 18%}.contact h2{margin-bottom:24px}.contact-copy>p:not(.eyebrow){font-size:13px}.button{display:inline-flex;background:linear-gradient(100deg,#b58b3d,#b99a5f);color:#181916;align-items:center;text-transform:uppercase;font-size:11px;letter-spacing:2px;margin:28px 0 24px;padding:10px 0 10px 24px}.button span{padding:0 22px;border-left:1px solid #ddc99c88;margin-left:28px}.button:hover{background:#d8b772}.contact-photo{background:url('assets/contact.webp') center/cover;min-height:350px}address{font-style:normal;font-size:12px;line-height:1.7}address a{display:block;margin-top:9px;overflow-wrap:anywhere}address a:hover{text-decoration:underline;color:#d1aa66}footer{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:5%;align-items:center;padding:25px 7%;font-size:11px}footer .logo{max-width:250px}footer p:last-child{border-left:1px solid var(--line);padding-left:35px;text-align:center}.filter{position:absolute}.skip{position:fixed;top:-100px;z-index:100;background:var(--gold);color:black;padding:12px}.skip:focus{top:0}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(min-width:1700px){.hero-copy{padding-top:70px;padding-bottom:70px}.values{padding-block:70px}.service-photo{height:320px}.services{padding-top:65px;padding-bottom:45px}.cube{min-height:610px}.why-copy{padding-top:65px}}
@media(max-width:1100px){header{height:85px}.brand{flex-basis:245px}nav{gap:20px}nav a{font-size:9px;letter-spacing:1px}.hero{min-height:470px}.hero-copy{width:58%}.hero-copy>p:last-child{font-size:14px}.values article{padding:0 15px}.values h2{font-size:14px}.values p{font-size:12px}.service-photo{height:190px}.service h3{font-size:12px}.service ul{font-size:11px}.contact-copy{padding-left:12%;padding-right:10%}}
@media(max-width:760px){html{scroll-padding-top:78px}header{height:78px;padding:12px 5%}.brand{flex-basis:235px;max-width:75%}.menu-toggle{display:flex;gap:10px;align-items:center;background:none;border:1px solid var(--line);color:var(--ivory);padding:8px 10px;font:12px Sora,Arial}.menu-toggle span{font-size:18px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:14px 6% 24px;background:#0b0c0dfc;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:8px}nav a{font-size:12px;padding:10px 0;align-self:flex-start}.hero{aspect-ratio:auto;min-height:590px;background-position:62% center}.hero-copy{width:100%;padding:55px 7%;background:linear-gradient(90deg,#0b0c0dbb,transparent)}.hero h1{font-size:clamp(43px,9vw,65px)}.hero .eyebrow{font-size:10px;max-width:270px}.hero-copy>p:last-child{max-width:290px}.values{grid-template-columns:repeat(2,1fr);padding:30px 5%;gap:28px 0}.values article{padding:0 18px}.values article:nth-child(2n){border:0}.values article:last-child{grid-column:1/-1;max-width:290px;justify-self:center}.values .icon{width:100px;height:100px}.values h2{font-size:14px}.values p{font-size:13px}.services{padding:36px 5%}.section-intro{grid-template-columns:1fr;gap:22px;padding:0 0 28px}.section-intro>p{font-size:14px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.service:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.service-photo{height:220px}.service-copy{padding:0 12px 15px}.service h3{font-size:12px}.service ul{font-size:12px}.why{grid-template-columns:1fr}.cube{min-height:350px;aspect-ratio:1.2}.why-copy{padding:35px 7% 40px}.why li p{font-size:13px}.contact{grid-template-columns:1fr}.contact-copy{padding:38px 7%}.contact-photo{min-height:280px;grid-row:2}address{font-size:13px}footer{grid-template-columns:1fr;text-align:center;gap:22px;padding:28px 7%}footer .logo{margin:auto}footer p:last-child{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.eyebrow{font-size:11px}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service:last-child{width:100%}.service-photo{height:250px}.service h3{font-size:15px}.service ul{font-size:13px}.brand{flex-basis:205px}.hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}