:root{--orange:#f58220;--orange2:#ff9a3d;--orange3:#d9630f;--gray:#8b8c8f;--ink:#252525;--paper:#f5f3ef;--white:#fff;--line:#d8d4cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:linear-gradient(180deg,#faf8f4,rgba(245,243,239,.92));backdrop-filter:blur(10px);z-index:10}.brand img{width:72px;height:64px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:32px}.nav a{text-decoration:none;color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.12em;transition:color .2s}.nav a:hover{color:var(--orange3)}.nav .contact-link{background:linear-gradient(135deg,var(--orange2),var(--orange) 55%,var(--orange3));padding:14px 18px;color:#fff;box-shadow:0 6px 18px rgba(245,130,32,.28);transition:box-shadow .3s,transform .3s}.nav .contact-link:hover{box-shadow:0 10px 26px rgba(245,130,32,.42);transform:translateY(-1px)}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.1fr .9fr;padding:8vw 4vw 5vw;overflow:hidden;position:relative;background:radial-gradient(120% 90% at 85% 10%,rgba(255,154,61,.18),transparent 55%),radial-gradient(90% 80% at 8% 95%,rgba(139,140,143,.10),transparent 50%),linear-gradient(180deg,#f8f6f2,#f0ece5)}.eyebrow,.section-no{font-size:11px;letter-spacing:.18em;color:var(--gray);font-weight:700}.hero h1{font-size:clamp(64px,9vw,150px);line-height:.82;letter-spacing:-.065em;margin:35px 0 40px;font-weight:700}.hero h1 em,.contact h2 em{font-style:normal;background:linear-gradient(120deg,var(--orange2),var(--orange) 50%,var(--orange3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lede{font-size:19px;line-height:1.55;max-width:580px;color:#555}.arrow-link{display:inline-flex;gap:70px;margin-top:35px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:9px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;transition:color .2s}.arrow-link:hover{color:var(--orange3)}.arrow-link span{color:var(--orange);transition:transform .2s}.arrow-link:hover span{transform:translate(3px,3px)}.hero-mark{position:relative;display:flex;align-items:center;justify-content:center}.hero-mark img{width:min(78%,440px);height:auto;filter:drop-shadow(0 18px 40px rgba(37,37,37,.18))}.hero-mark span{font-size:35vw;line-height:.7;font-weight:900;background:linear-gradient(135deg,var(--orange2),var(--orange) 45%,var(--orange3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.15em}.hero-mark b{position:absolute;right:3%;top:-4%;font-size:10vw;color:var(--gray);font-weight:400}.intro,.services,.contact{padding:9vw 4vw;display:grid;grid-template-columns:25% 75%;border-top:1px solid var(--line)}.intro{background:linear-gradient(180deg,var(--paper),#fbfaf7)}.intro h2,.work-head h2,.contact h2{font-size:clamp(48px,6vw,92px);letter-spacing:-.055em;line-height:.95;margin:0 0 35px}.intro>div>p{max-width:760px;font-size:22px;line-height:1.55;color:#555}.services{background:linear-gradient(180deg,#fbfaf7,#f6f3ee)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.service-grid article{background:var(--paper);padding:35px 30px 55px;transition:background .3s}.service-grid article:hover{background:linear-gradient(180deg,#fdfbf8,#f6f1ea)}.service-grid span{font-size:12px;font-weight:700;background:linear-gradient(120deg,var(--orange2),var(--orange3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.service-grid h3{font-size:30px;margin:55px 0 20px;letter-spacing:-.03em}.service-grid p{color:#666;line-height:1.6}.work{padding:9vw 4vw;border-top:1px solid var(--line);background:linear-gradient(180deg,#f5f3ef,var(--paper))}.work-head{display:grid;grid-template-columns:25% 75%;margin-bottom:60px}.project{margin-bottom:80px}.project-hero{width:100%;margin:0;overflow:hidden;background:#ddd;border-radius:2px}.project-hero img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;transition:transform .7s ease}.project-hero:hover img{transform:scale(1.01)}.project-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;padding:22px 0;border-bottom:1px solid var(--line);align-items:end}.project-meta p{font-size:11px;letter-spacing:.12em;color:var(--gray);text-transform:uppercase}.project-meta h3{font-size:34px;margin:8px 0 0;letter-spacing:-.035em}.project-meta .roles{text-align:right}.project-meta>span{font-size:24px;background:linear-gradient(120deg,var(--orange2),var(--orange3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.gallery .thumb{position:relative;padding:0;border:0;background:var(--line);cursor:pointer;overflow:hidden}.gallery .thumb img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease,opacity .2s ease}.gallery .thumb:hover img{transform:scale(1.05)}.gallery .thumb:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.gallery .thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(37,37,37,.35));opacity:0;transition:opacity .3s}.gallery .thumb:hover::after{opacity:1}.coming{text-align:center;margin:120px 0 20px;color:#777}.coming span{background:linear-gradient(120deg,var(--orange2),var(--orange3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.statement{background:linear-gradient(135deg,#20201f,#2c2b2a 55%,#232120);color:#fff;padding:11vw 8vw}.statement p{font-size:clamp(42px,6.4vw,100px);line-height:1.05;letter-spacing:-.055em;margin:0;max-width:1400px}.statement strong{background:linear-gradient(120deg,var(--orange2),var(--orange) 55%,var(--orange3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.contact{background:linear-gradient(180deg,var(--paper),#f8f5f0)}.contact h2{font-size:clamp(52px,7vw,110px)}.contact>div>p{font-size:18px;color:#666}.contact a{display:inline-flex;gap:50px;margin-top:30px;font-size:24px;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:8px;transition:color .2s}.contact a:hover{color:var(--orange3)}.contact a span{background:linear-gradient(120deg,var(--orange2),var(--orange3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}footer{background:linear-gradient(180deg,#fff,#fbfaf7);padding:45px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line)}footer img{width:75px}footer p{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.1em;margin:0}footer p:last-child{text-align:right}.lightbox{position:fixed;inset:0;background:linear-gradient(135deg,rgba(15,15,15,.96),rgba(35,30,25,.96));z-index:100;display:none;align-items:center;justify-content:center;padding:4vw}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.lightbox-close,.lightbox-nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-close{top:4vh;right:4vw}.lightbox-nav.prev{left:4vw;top:50%;transform:translateY(-50%)}.lightbox-nav.next{right:4vw;top:50%;transform:translateY(-50%)}.lightbox-close:hover,.lightbox-nav:hover{background:linear-gradient(135deg,var(--orange2),var(--orange3))}@media(max-width:800px){.nav nav a:not(.contact-link){display:none}.hero{grid-template-columns:1fr;padding-top:18vw}.hero-mark{display:none}.intro,.services,.contact{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr}.work-head{grid-template-columns:1fr;gap:30px}.project-meta{grid-template-columns:1fr auto}.project-meta .roles{grid-column:1/3;text-align:left}.gallery{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr;gap:25px}footer p:last-child{text-align:left}}