*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf8;color:#171515;font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e4e2;background:#fbfaf8}.brand{display:flex;align-items:center}.brand-logo{display:block;width:112px;height:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:38px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.nav a{transition:color .2s}.nav a:hover,.text-link:hover{color:#8b3e60}.nav-cta{background:#642c47;color:white;padding:14px 19px;border-radius:2px}.nav-cta span{padding-left:12px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:670px;padding:105px 7vw 25px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#794158;margin:0 0 26px}.eyebrow span{display:inline-block;width:22px;height:2px;background:#794158;vertical-align:middle;margin-right:9px}.hero h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.045em}.hero h1{font-size:clamp(55px,7vw,100px);line-height:.99;margin:0 0 27px}.hero h1 em,h2 em{font-weight:500;color:#783b56}.hero-intro{font-size:15px;line-height:1.8;color:#696365;max-width:440px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:32px;padding:17px 22px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.button-dark{background:#171515;color:white}.button span{font-size:17px}.text-link{font-size:12px;border-bottom:1px solid #b7a6ad;padding-bottom:5px}.hero-art{height:440px;position:relative;background:#eee8e5;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:22px;border:1px solid #d2c4c6}.art-orbit{position:absolute;border:1px solid #9b6d7e;border-radius:50%;width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:290px;height:290px}.art-block{position:absolute;width:210px;height:270px;background:#642c47;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-13deg);box-shadow:22px 22px 0 #d4bfc5}.art-disc{position:absolute;width:110px;height:110px;border-radius:50%;background:#e5d6d2;right:13%;top:15%;mix-blend-mode:screen}.art-caption{position:absolute;bottom:42px;left:42px;color:white;font-family:"Playfair Display",serif;font-size:24px;line-height:1.05;letter-spacing:.06em}.art-caption span{display:block;font:10px "DM Sans",sans-serif;letter-spacing:.2em;margin-top:13px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid #e2dcda;font-size:9px;letter-spacing:.15em;color:#81777a}.section-pad{padding:115px 10vw}.intro{background:#f0ece9}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.intro h2,.section-heading h2{font-size:clamp(43px,5vw,68px);line-height:1.08;margin:0}.intro-text{max-width:470px;font-size:14px;line-height:1.9;color:#686064}.edit-note{color:#8c7d83;font-size:12px}.under-link{display:inline-block;color:#642c47;border-bottom:1px solid #a77f90;padding-bottom:7px;margin-top:17px;font-size:12px;font-weight:700}.under-link span{margin-left:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-aside{font-size:12px;line-height:1.8;color:#82777c}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px 25px}.project-large{grid-row:span 2}.project-image{height:285px;display:block;position:relative;overflow:hidden}.project-large .project-image{height:590px}.image-one{background:#d7c5c9}.image-two{background:#e9dfd7}.image-three{background:#262122}.image-label{position:absolute;top:23px;left:24px;font-size:9px;letter-spacing:.16em;color:#5f3c4b}.image-word{position:absolute;left:9%;bottom:11%;font:clamp(34px,5vw,68px)/.9 "Playfair Display",Georgia,serif;color:#642c47;letter-spacing:-.04em}.image-two .image-word{color:#2c2528}.image-three .image-word{color:#f5eeeb}.image-shape{position:absolute;display:block}.shape-one{width:55%;height:74%;right:10%;top:13%;background:#713b54;transform:rotate(9deg);border-radius:48% 48% 2% 2%}.shape-two{width:210px;height:210px;border-radius:50%;background:#8d4e68;right:9%;top:15%;box-shadow:-45px 45px 0 #c6aeb5}.shape-three{width:60%;height:70%;right:8%;top:12%;border:1px solid #b58b9b;transform:rotate(18deg)}.project-meta{display:flex;justify-content:space-between;align-items:start;padding-top:16px}.project-meta h3{font-size:14px;margin:0 0 7px;font-weight:600}.project-meta p{font-size:11px;color:#82777c;margin:0}.project-meta>span{font-size:9px;color:#9a8d92;letter-spacing:.1em}.portfolio-hint{margin-top:55px;font-size:9px;letter-spacing:.13em;color:#8b7e83}.services{background:#f0ece9}.service-list{margin-top:50px;border-top:1px solid #d9ced1}.service-row{display:grid;grid-template-columns:50px 1fr 1fr 25px;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid #d9ced1}.service-row>span{font-size:10px;color:#8b6576}.service-row h3{font:22px "Playfair Display",Georgia,serif;margin:0}.service-row p{font-size:11px;color:#786e73}.service-row b{color:#642c47;font-size:19px}.contact{background:#642c47;color:white;text-align:center;padding-top:110px;padding-bottom:105px}.contact .eyebrow{color:#e3cbd4}.contact h2{font-size:clamp(55px,7vw,92px);line-height:.98;margin:0}.contact h2 em{color:#e3cbd4}.contact-copy{font-size:13px;color:#eadde2;line-height:1.8;max-width:390px;margin:28px auto}.button-light{background:#fbfaf8;color:#642c47}.contact-edit{font-size:10px;color:#d6b9c5;margin-top:25px}.footer{padding:27px 7vw;display:flex;align-items:center;justify-content:space-between;background:#171515;color:#e9e1e3}.footer-brand{font:20px "Playfair Display",serif;letter-spacing:.03em}.footer-brand span{color:#c18da3}.footer p,.footer>a:last-child{font-size:9px;letter-spacing:.13em;color:#b7a9ae}.footer>a:last-child:hover{color:white}
@media(max-width:760px){.site-header{height:72px;padding:0 6vw}.brand-logo{width:100px}.menu-toggle{display:block;color:#642c47}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fbfaf8;padding:22px 7vw;z-index:10;flex-direction:column;align-items:stretch;gap:22px;border-bottom:1px solid #e9e4e2}.nav.open{display:flex}.nav-cta{text-align:center}.hero{padding:75px 7vw 22px;grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(52px,14vw,78px)}.hero-art{height:350px}.hero-foot{gap:15px;flex-wrap:wrap;font-size:8px}.hero-foot span:nth-child(2){display:none}.section-pad{padding:78px 7vw}.intro-grid{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-aside{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:35px}.project-large{grid-row:auto}.project-large .project-image{height:390px}.project-image{height:280px}.service-row{grid-template-columns:28px 1fr 20px;gap:12px}.service-row p{grid-column:2;margin:0}.service-row b{grid-column:3;grid-row:1/3}.footer{padding:25px 7vw;gap:15px;flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.contact{padding-top:85px;padding-bottom:80px}}

/* Cinematic homepage hero: video is optional; the burgundy motion-art fallback remains visible until footage is added. */
.hero-art.cinematic{background:#21171c;isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .5s}
.hero-video.is-playing{opacity:1}
.cinematic-fallback{position:absolute;inset:0;z-index:1;overflow:hidden;background:radial-gradient(circle at 75% 22%,#8c526b 0,transparent 27%),linear-gradient(135deg,#171416 0%,#642c47 58%,#24171e 100%);transition:opacity .5s}
.cinematic-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,12,15,.35),transparent 70%),linear-gradient(0deg,rgba(16,12,15,.4),transparent 50%)}
.cinematic .art-orbit{border-color:rgba(244,222,231,.38);animation:slow-turn 24s linear infinite}
.cinematic .orbit-two{animation-direction:reverse;animation-duration:31s}
.cinematic .art-block{background:linear-gradient(145deg,#a36a83,#54253e);box-shadow:22px 22px 0 rgba(235,211,221,.24);animation:soft-float 7s ease-in-out infinite}
.cinematic .art-disc{background:#e9d5dc;opacity:.72}
.cinematic .art-caption{z-index:2}
.video-tag{position:absolute;z-index:3;right:38px;top:38px;color:#f7edf1;font-size:9px;letter-spacing:.2em;border:1px solid rgba(255,255,255,.45);padding:10px 12px}
.showreel-note{display:flex;align-items:center;gap:14px;padding:20px 10vw;background:#642c47;color:#f8eef2}
.showreel-note p{margin:0;font-size:11px;letter-spacing:.04em;color:#f0dfe6}
.showreel-note strong{font-size:9px;letter-spacing:.16em;color:white}
.reel-dot{width:7px;height:7px;border-radius:50%;background:#e6cbd6;box-shadow:0 0 0 5px rgba(255,255,255,.12)}
.reel-index{margin-left:auto;font-size:9px;letter-spacing:.15em;color:#e4cbd5}
@keyframes slow-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes soft-float{0%,100%{transform:translate(-50%,-50%) rotate(-13deg)}50%{transform:translate(-50%,-53%) rotate(-8deg)}}
@media(max-width:760px){.showreel-note{padding:18px 7vw}.showreel-note p{font-size:10px}.showreel-note strong{display:block;margin-bottom:4px}.video-tag{right:25px;top:25px;font-size:8px}}