:root{--ivory:#f7f3ec;--ink:#171514;--rose:#a76570;--gold:#b08a57;--line:#dcd2c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:6px}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:34px Georgia,serif;letter-spacing:-1px}.wordmark span{display:block;font:10px/2 Arial,sans-serif;letter-spacing:2px}nav{display:flex;gap:32px;align-items:center;font-size:14px}.navcta{border:1px solid var(--line);padding:12px 20px}.hero{display:grid;grid-template-columns:1.3fr 1fr;min-height:690px}.herocopy{padding:75px 8% 25px 9%}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:600}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05;letter-spacing:-2px}h1{font-size:clamp(56px,6vw,94px);margin:32px 0}em{color:var(--rose);font-weight:400}.intro{max-width:420px;color:#625a55;font-size:18px;line-height:1.8}.button{display:inline-flex;justify-content:space-between;gap:35px;background:var(--ink);color:var(--ivory);padding:17px 24px;border:0;cursor:pointer;font-size:14px;margin-top:22px}.button:hover{background:var(--rose)}.textlink{display:inline-block;font-size:13px;margin:20px;border-bottom:1px solid var(--line)}.herobottom{display:flex;justify-content:space-between;margin-top:78px;font-size:10px;letter-spacing:1.5px;color:#73675e}.heroart{position:relative;overflow:hidden;background:#ead7cb}.heroart img{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute}.artlabel{position:absolute;bottom:30px;right:30px;font-size:11px;letter-spacing:2px;text-align:right}.ribbon{background:#183b32;color:#f7f3ec;padding:22px 5%;display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:2px}.ribbon span{color:#c5a575}.section{padding:90px 6%}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}h2{font-size:clamp(42px,4.4vw,66px);margin:15px 0}.sectionhead>p{max-width:310px;color:#6a605a;font-size:16px}.project{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;padding:42px 0;border-top:1px solid var(--line);align-items:center}.project:nth-child(even) .gallery{order:2}.gallery{min-width:0}.slide{height:330px;background:#eee5d9;display:flex;align-items:center;justify-content:center;position:relative;padding:35px;overflow:hidden}.slide img{max-width:85%;max-height:85%;object-fit:contain}.slide.brandview{background:#17362f;color:var(--ivory);text-align:center}.slide.brandview .sampletitle{font:44px/1.15 Georgia,serif;letter-spacing:-1px}.slide.brandview span{display:block;font:12px Arial;letter-spacing:2px;margin-top:20px}.gallerycontrols{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;letter-spacing:1px}.gallerycontrols button{background:transparent;border:1px solid var(--line);width:36px;height:32px;cursor:pointer;margin-left:5px}.gallerycontrols button:hover{background:#e8d8d4}.project h3{font-size:44px;margin:16px 0}.project p{color:#6a605a;max-width:380px}.tags{font-size:11px;letter-spacing:1.4px;color:var(--rose)}.projectlink{display:inline-block;border-bottom:1px solid var(--gold);font-size:14px;padding-bottom:5px;margin-top:16px}.upcoming{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.upcoming h3{font-size:30px;letter-spacing:-.5px}.upcoming>span:last-child{font-size:14px;color:#77665b}.services{background:#eee7df}#servicegrid{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.service{display:flex;gap:25px;border-top:1px solid #cbbfb3;padding:25px 0}.service>span{color:var(--gold);font:29px Georgia}.service h3{font:22px Georgia;letter-spacing:0;margin:0}.service p{font-size:15px;color:#6a605a;margin:8px 0;max-width:390px}.studio{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;align-items:center}.studio>img{width:100%;height:auto}.studio p{color:#6a605a}.steps{margin-top:30px}.steps>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;gap:20px}.steps b{font-size:14px}.steps p{margin:0;font-size:14px}.contact{background:#183b32;color:var(--ivory);text-align:center}.contact em{color:#dfb5ad}.contact>p{color:#d4d9d2}.contact form{max-width:700px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.contact label{font-size:13px;letter-spacing:.6px}.contact input,.contact textarea{display:block;background:transparent;color:white;border:0;border-bottom:1px solid #73847b;padding:15px 0;width:100%;border-radius:0}.contact input::placeholder,.contact textarea::placeholder{color:#bac5bf}.full{grid-column:1/-1}.contact .button{background:#e8c5bb;color:#171514;margin:0}.formnote{font-size:13px;align-self:center;color:#c7d0c9}footer{padding:40px 6%;display:flex;gap:25px;align-items:center;justify-content:space-between}footer p,footer a:not(.wordmark),footer small{font-size:12px}a:hover{color:var(--rose)}@media(max-width:750px){header{padding:20px 6%}nav{gap:15px}nav a:nth-child(3){display:none}.wordmark{font-size:27px}.wordmark span{font-size:8px}nav{font-size:12px}.navcta{padding:8px}.hero{grid-template-columns:1fr}.herocopy{padding:45px 6% 25px}.herobottom{margin-top:40px}.heroart{height:440px}.heroart img{object-position:50% 27%}.ribbon{font-size:10px;letter-spacing:.5px;flex-wrap:wrap}.ribbon span{display:none}.section{padding:55px 6%}.sectionhead{display:block}.sectionhead>p{max-width:100%}.project{grid-template-columns:1fr;gap:25px}.project:nth-child(even) .gallery{order:0}.slide{height:280px}.project h3{font-size:36px}.upcoming{flex-wrap:wrap}.upcoming h3{margin:5px 0}#servicegrid{grid-template-columns:1fr}.studio{grid-template-columns:1fr}.studio>img{max-width:230px;margin:auto}.steps>div{display:block}.contact form{grid-template-columns:1fr}.full{grid-column:auto}footer{flex-wrap:wrap}.textlink{margin-left:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.headerbrand{display:flex;align-items:center;gap:15px}.headerbrand>img{width:57px;height:70px;object-fit:contain}.website-showcase{background:#e8d8cf;min-height:690px;isolation:isolate}.showcase-label{position:absolute;top:25px;left:30px;color:#67564c;font-size:10px}.browsercard{position:absolute;display:block;width:78%;background:#fff;border:1px solid #b9a79a;border-radius:7px;overflow:hidden;box-shadow:0 20px 40px #50352826;transition:transform .2s}.browsercard:hover{transform:translateY(-7px);z-index:5}.browserbar{height:25px;display:flex;align-items:center;gap:20px;padding:0 10px;font:10px Arial;color:#655e59;background:#f6f3f0}.browserbar i{font-style:normal;letter-spacing:2px;color:#b6a599;font-size:8px}.heroart .browsercard img{position:static;display:block;width:100%;height:auto;max-height:260px;object-fit:cover;object-position:top}.card-a2b{left:5%;top:85px;transform:rotate(-5deg)}.card-thirai{right:4%;top:255px;transform:rotate(3deg);z-index:2}.card-bb{left:8%;top:450px;transform:rotate(-3deg);z-index:3}.website-showcase .artlabel{bottom:15px;font-size:9px}.slide img[src*='website']{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.slide:has(img[src*='website']){padding:15px;background:#e6dcd1}@media(max-width:750px){.headerbrand{gap:7px}.headerbrand>img{width:38px;height:47px}.headerbrand .wordmark{font-size:24px}.website-showcase{min-height:600px}.card-a2b{top:65px}.card-thirai{top:235px}.card-bb{top:410px}.heroart .browsercard img{max-height:230px}}@media(prefers-reduced-motion:reduce){.browsercard{transition:none}}
/* Professional dark theme */
:root{--ivory:#f3eee5;--ink:#f3eee5;--rose:#d4ad8a;--gold:#c8a16e;--line:#383b3d}body{background:#151819;color:#f3eee5}header{background:#121516;border-color:#323637}.headerbrand>img{border-radius:2px}.navcta{border-color:#6d6253}.eyebrow{color:#c8a16e}.hero{background:#181c1e}.intro,.sectionhead>p,.project p,.service p,.studio p{color:#b9b9b3}.button{background:#c8a16e;color:#151819}.button:hover{background:#dfbc8b;color:#151819}.textlink{color:#e4ddd2;border-color:#706350}.herobottom{color:#969b99}.ribbon{background:#101414;color:#d9c7ac;border-top:1px solid #343b38;border-bottom:1px solid #343b38}.section{background:#151819}.services{background:#1c2224}.service{border-color:#3a4142}.service h3{color:#eee8df}.tags{color:#c8a16e}.upcoming>span:last-child{color:#b2b6b2}.studio{background:#171c1e}.studio>img{background:#f7f3ec;border:1px solid #514737}.contact{background:#101b19;border-top:1px solid #35423c}.contact em{color:#d4ad8a}.contact .button{background:#c8a16e}.contact>p{color:#bac3ba}.contact input,.contact textarea{color:#f3eee5}.website-showcase{background:#202729;border-left:1px solid #394042}.showcase-label{color:#c9b595}.browsercard{border-color:#5c605e;box-shadow:0 18px 35px #0005;border-radius:5px}.browserbar{background:#2e3537;color:#dedbd4}.browserbar i{color:#b99c73}.website-showcase .artlabel{color:#acb4b1}.slide{background:#252b2d}.slide.brandview{background:#202d29;color:#f3eee5}.slide:has(img[src*='website']){background:#252b2d}.slide:has(img[src$='a2b.webp']),.slide:has(img[src$='thirai.webp']),.slide:has(img[src$='biriyani.webp']){background:#eee7de}.gallerycontrols{color:#bfc1ba}.gallerycontrols button{color:#eee8df;border-color:#525957}.gallerycontrols button:hover{background:#3c4542}.projectlink{color:#dfc4a1}.steps b{color:#e4d9c7}footer{background:#101415;border-top:1px solid #343b38;color:#c2c4ba}.contact form .formnote{color:#c2cbc3}a:hover{color:#dfbc8b}@media(max-width:750px){.website-showcase{border-left:0;border-top:1px solid #394042}}
.headerbrand>img{background:#f7f3ec;padding:3px}.contact .button:hover{background:#dfbc8b}.navcta:hover{border-color:#c8a16e}
/* Light header and navigation */
header{background:#f7f3ec;color:#242321;border-bottom:1px solid #d8c9b6}.headerbrand{color:#242321}.headerbrand .wordmark>span{color:#6f6257}.headerbrand>img{background:transparent;padding:0}nav>a{color:#343431}nav>a:hover{color:#8b5a40}.navcta{background:#ebe0d2;border:1px solid #c6ad8c;color:#34302a}.navcta:hover{background:#e1cfbb;color:#503c29;border-color:#a88558}nav a:focus-visible,.headerbrand:focus-visible{outline:2px solid #8e6a43;outline-offset:5px}.browserbar{background:#eee6dc;color:#494139}.browserbar i{color:#92734e}.gallerycontrols button{background:#eae1d5;color:#292b29;border-color:#c8b79e}.gallerycontrols button:hover{background:#d6bea0;color:#181c1b}
/* Brand palette by section */
.headerbrand>img{width:78px;height:72px;object-fit:contain;background:transparent}.ribbon{background:#172536;color:#f7f3ec;border-color:#344154}.ribbon span{color:#d9b1ae}#work{background:#183b32;color:#f7f3ec}#work .sectionhead>p,#work .project p{color:#d1dcd5}#work .project,#work .upcoming{border-color:#526b5e}#work .gallerycontrols{color:#d4dcd4}#work .upcoming>span:last-child{color:#d4dcd4}#work em{color:#d9b1ae}#services{background:#b08a57;color:#171514}#services .eyebrow{color:#302318}#services em{color:#302318}#services .sectionhead>p,#services .service p{color:#28221b}#services .service h3{color:#171514}#services .service>span{color:#302318}#services .service{border-color:#79603e}#studio{background:#d9b1ae;color:#171514}#studio .eyebrow{color:#603c3b}#studio em{color:#633c3b}#studio p{color:#3f3030}#studio .steps b{color:#171514}#studio .steps>div{border-color:#aa8280}#studio>img{border-color:#bb9390}@media(max-width:750px){.headerbrand>img{width:60px;height:56px}}
/* Larger studio identity and social portfolio banner */
.headerbrand{gap:20px}.headerbrand>img{width:112px;height:104px}.header-title{font:clamp(38px,4vw,60px)/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;color:#242321}header{padding-top:16px;padding-bottom:16px}.hero{border:2px solid #b08a57}.website-showcase{min-height:840px}.social-showcase{position:absolute;left:6%;right:6%;bottom:30px;padding-top:17px;border-top:1px solid #b08a57}.social-intro{font-size:10px;letter-spacing:2px;color:#d5bd9a}.social-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.social-pages>a{display:flex;align-items:center;gap:12px;background:#f7f3ec;color:#282725;border:1px solid #b08a57;padding:14px 12px;border-radius:4px}.social-pages>a:hover{background:#e9dac7;color:#171514}.social-pages b{display:block;font-size:14px;line-height:1.3}.social-pages small{display:block;font-size:11px;margin-top:4px;color:#655b51}.social-icon{font-size:32px;line-height:1;width:28px;text-align:center}.facebook-icon{color:#2358a5;font-weight:bold;font-family:Arial}.instagram-icon{color:#a44565;font-size:37px}@media(max-width:1050px) and (min-width:751px){header nav{gap:18px}.header-title{font-size:42px}.headerbrand>img{width:90px;height:85px}.social-pages{gap:7px}.social-pages>a{padding:10px 7px;gap:5px}.social-pages b{font-size:12px}}@media(max-width:750px){header{flex-wrap:wrap;gap:16px}.headerbrand>img{width:85px;height:79px}.header-title{font-size:44px}.headerbrand{gap:12px}header nav{width:100%;justify-content:space-between;font-size:14px}.website-showcase{min-height:760px}.social-showcase{bottom:24px}.social-pages>a{padding:12px 10px}.hero{border-width:2px}}@media(max-width:360px){.header-title{font-size:37px}.headerbrand>img{width:70px;height:65px}.social-pages b{font-size:12px}.social-pages>a{gap:6px;padding:10px 6px}}
.website-showcase{min-height:1060px}.card-facebook{right:5%;top:655px;transform:rotate(2deg);z-index:4}.heroart .card-facebook img{max-height:240px;object-fit:cover;object-position:center}.social-pages>a:first-child{display:none}.social-pages{grid-template-columns:1fr}.social-showcase{bottom:22px}.social-pages>a{padding:10px 12px}.social-intro{font-size:10px}@media(max-width:750px){.website-showcase{min-height:1010px}.card-facebook{top:615px}.heroart .card-facebook img{max-height:225px}.social-showcase{bottom:24px}}
.header-title{color:#b08a57;transition:color .18s}.headerbrand:hover .header-title,.headerbrand:focus-visible .header-title{color:#d9b1ae}.website-showcase{min-height:0;height:auto;padding:28px 24px 30px;display:flex;flex-direction:column;justify-content:center;overflow:visible}.showcase-label{position:static;margin:0 0 20px;line-height:1.7}.banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.banner-grid .browsercard{position:relative;inset:auto;width:100%;transform:none;border-color:#b08a57;min-width:0}.banner-grid .browsercard:hover{transform:translateY(-4px)}.banner-grid .browserbar{font-size:10px;gap:7px;height:29px;padding:0 7px;white-space:nowrap}.banner-grid .browserbar i{font-size:7px;letter-spacing:1px}.heroart .banner-grid .browsercard img{position:static;width:100%;height:180px;max-height:none;object-fit:cover;object-position:top;display:block}.hero{grid-template-columns:1fr 1.15fr;min-height:790px}.herocopy{display:flex;flex-direction:column;justify-content:center}.herocopy .button{align-self:flex-start}.herocopy .textlink{align-self:flex-start;margin-left:0}.herobottom{gap:20px}@media(max-width:1050px) and (min-width:751px){.banner-grid{grid-template-columns:1fr}.heroart .banner-grid .browsercard img{height:135px}.website-showcase{padding:25px 18px}.banner-grid{gap:16px}.herocopy h1{font-size:64px}}@media(max-width:750px){.hero{grid-template-columns:1fr;min-height:0}.website-showcase{min-height:0;padding:30px 18px}.heroart .banner-grid .browsercard img{height:165px}.banner-grid .browserbar{font-size:9px}.herocopy{display:block}.herocopy .textlink{margin-left:15px}}@media(max-width:420px){.banner-grid{grid-template-columns:1fr}.heroart .banner-grid .browsercard img{height:220px}.banner-grid .browserbar{font-size:12px}}

/* Expanded project previews and antique gold hero */
.herocopy{background:#b08a57;color:#171514}.herocopy .eyebrow{color:#302318}.herocopy em{color:#443022}.herocopy .intro{color:#29231c}.herocopy .button{background:#171b1b;color:#f7f3ec}.herocopy .button:hover{background:#183b32}.herocopy .textlink{color:#29231c;border-color:#685033}.herocopy .herobottom{color:#30271e}.headerbrand>img{width:136px;height:144px;object-fit:contain}.project{grid-template-columns:1.7fr 1fr;gap:5%}.project .slide{height:470px}.project .slide img{max-width:100%;max-height:100%}.project .slide img[src*='website'],.project .slide img[src*='facebook'],.project .slide img[src*='instagram']{width:100%;height:100%;object-fit:contain}.project .slide:has(img[src*='facebook']),.project .slide:has(img[src*='instagram']){padding:14px;background:#252b2d}.gallerycontrols button{width:46px;height:40px}.gallerycontrols{gap:12px}.gallerycontrols>span{line-height:1.5}@media(max-width:750px){.headerbrand>img{width:100px;height:108px}.project{grid-template-columns:1fr;gap:24px}.project .slide{height:430px}}@media(max-width:420px){.project .slide{height:360px}.header-title{font-size:38px}.headerbrand{gap:8px}.headerbrand>img{width:85px;height:92px}}
/* Logo-style title and larger navigation */
.header-title{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-weight:400;letter-spacing:.2px}header nav{font-size:16px}header nav .navcta{font-size:16px}.headerbrand>img{width:136px;height:124px}@media(max-width:1050px) and (min-width:751px){header{flex-wrap:wrap;gap:15px}header nav{gap:24px}}@media(max-width:750px){header nav{font-size:16px}header nav .navcta{font-size:16px}.headerbrand>img{width:100px;height:90px}}@media(max-width:420px){header nav{gap:12px;font-size:15px}header nav .navcta{font-size:15px}.headerbrand>img{width:85px;height:77px}}
/* Navy header and ivory / gold banner */
header{background:#172536;color:#f7f3ec;border-bottom-color:#b08a57}header nav>a{color:#f7f3ec}header nav>a:hover{color:#d9b1ae}header nav{font-size:20px;gap:30px}header nav .navcta{font-size:20px;background:#b08a57;border-color:#dfc58f;color:#171514}header nav .navcta:hover{background:#d9b1ae;color:#171514}.headerbrand:focus-visible,header nav a:focus-visible{outline-color:#dfc58f}.hero{border:6px solid #dfc58f}.herocopy{background:#f7f3ec;color:#171514}.herocopy .eyebrow{color:#735733}.herocopy em{color:#9a7244}.herocopy .intro{color:#504a43}.herocopy .textlink{color:#4c3c2c;border-color:#b08a57}.herocopy .herobottom{color:#6a5d4f}.website-showcase{background:#b08a57;border-left:1px solid #dfc58f}.website-showcase .showcase-label{color:#251e16}.banner-grid .browsercard{border-color:#e5cda3;box-shadow:0 14px 25px #3a251b30}@media(max-width:1050px) and (min-width:751px){header nav{font-size:20px;gap:24px}header nav .navcta{font-size:20px}}@media(max-width:750px){header nav{font-size:18px;gap:15px;flex-wrap:wrap}header nav .navcta{font-size:18px;padding:10px 14px}.hero{border-width:5px}.website-showcase{border-left:0;border-top:1px solid #dfc58f}}@media(max-width:420px){header nav{font-size:18px;gap:12px}header nav .navcta{font-size:18px}}
.video-card{min-width:0;border:1px solid #e5cda3;border-radius:5px;overflow:hidden;background:#172536}.video-launch{position:relative;display:block;width:100%;padding:0;border:0;background:#172536;color:#fff;cursor:pointer}.video-launch img{display:block;width:100%;height:150px;object-fit:cover}.play-icon{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);background:#171514d9;border:1px solid #dfc58f;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;padding-left:3px;font-size:20px}.video-label{display:block;padding:8px;font-size:10px;letter-spacing:1px;color:#f7f3ec}.video-external{display:block;font-size:11px;padding:6px 10px;background:#eee6dc;color:#494139}.video-card iframe{display:block;border:0;width:100%;height:184px}.video-launch:hover .play-icon{background:#b08a57}.banner-grid{align-items:start}@media(max-width:420px){.video-launch img{height:200px}.video-card iframe{height:230px}}
.headerbrand>img{background:transparent}
/* Keep selected work and both videos fully inside the banner */
.website-showcase{justify-content:flex-start;padding-top:16px;padding-bottom:18px;overflow:visible}.website-showcase .showcase-label{margin:0 0 12px}.banner-grid{gap:12px 14px}.heroart .banner-grid .browsercard img{height:120px}.banner-grid .browserbar{height:26px}.video-launch img{height:120px}.video-label{padding:7px;font-size:10px}.video-external{padding:5px 9px;font-size:11px}.video-card iframe{height:170px}@media(max-width:1050px) and (min-width:751px){.banner-grid{grid-template-columns:1fr 1fr;gap:12px 10px}.heroart .banner-grid .browsercard img{height:110px}.banner-grid .browserbar{font-size:7px;gap:3px;white-space:normal;height:32px;line-height:1.2}.video-launch img{height:110px}.video-label{font-size:9px}.website-showcase{padding:16px 14px}}@media(max-width:750px){.website-showcase{padding:20px 18px}.heroart .banner-grid .browsercard img{height:145px}.video-launch img{height:145px}}@media(max-width:420px){.banner-grid{grid-template-columns:1fr}.heroart .banner-grid .browsercard img{height:210px}.video-launch img{height:190px}}
/* Uniform selected-work tiles; grid fills the banner */
.website-showcase{padding:16px 20px 0;min-height:0}.banner-grid{flex:1;grid-auto-rows:minmax(150px,1fr);align-items:stretch;gap:12px 14px;margin-bottom:0}.banner-grid .browsercard,.banner-grid .video-card{height:100%;min-height:0;display:grid;grid-template-rows:30px minmax(0,1fr);border:1px solid #e5cda3;border-radius:5px;overflow:hidden;box-shadow:0 14px 25px #3a251b30}.banner-grid .browserbar{height:30px;min-height:30px;font-size:9px;white-space:normal;line-height:1.2}.heroart .banner-grid .browsercard img{height:100%;min-height:0;width:100%;object-fit:cover;object-position:top}.banner-grid .video-external{grid-row:1;display:flex;align-items:center;height:30px;padding:0 8px;font-size:9px;line-height:1.2}.banner-grid .video-launch{grid-row:2;min-height:0;height:100%;overflow:hidden}.banner-grid .video-launch img{height:100%;width:100%;object-fit:cover}.banner-grid .video-label{position:absolute;left:0;right:0;bottom:0;background:#172536d9;font-size:9px;padding:5px}.banner-grid .video-card iframe{grid-row:2;width:100%;height:100%;min-height:0}.banner-grid .play-icon{top:50%}.hero{min-height:0}.herobottom{margin-top:40px}.herocopy{padding-top:50px;padding-bottom:30px}.banner-grid>.browsercard:hover{transform:none}@media(max-width:1050px) and (min-width:751px){.website-showcase{padding:16px 14px 0}.banner-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(150px,1fr)}}@media(max-width:750px){.website-showcase{padding:18px 16px 0}.banner-grid{flex:none;grid-template-columns:1fr 1fr;grid-auto-rows:190px}.heroart .banner-grid .browsercard img{height:100%}.banner-grid .video-launch img{height:100%}}@media(max-width:420px){.banner-grid{grid-template-columns:1fr;grid-auto-rows:230px}.heroart .banner-grid .browsercard img,.banner-grid .video-launch img{height:100%}}
/* Compact hero: roughly half-height, with all eight work tiles visible */
.hero{height:440px;min-height:0;grid-template-columns:1fr 1.15fr}.herocopy{padding:22px 7%;justify-content:center;min-height:0}.herocopy .eyebrow{font-size:10px;margin:0 0 12px}.herocopy h1{font-size:48px;line-height:1.04;margin:0 0 15px;letter-spacing:-1.5px}.herocopy .intro{font-size:14px;line-height:1.55;margin:0 0 10px;max-width:420px}.herocopy .button{padding:12px 18px;font-size:12px;margin-top:4px}.herocopy .textlink{font-size:11px;margin:10px 0 0}.herocopy .herobottom{margin-top:20px;font-size:8px}.website-showcase{height:100%;min-height:0;padding:12px 14px 0;overflow:hidden}.website-showcase .showcase-label{font-size:8px;margin:0 0 8px;line-height:1.4;flex:none}.banner-grid{min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:7px 9px}.banner-grid .browsercard,.banner-grid .video-card{grid-template-rows:21px minmax(0,1fr);height:100%;min-height:0;box-shadow:none}.banner-grid .browserbar,.banner-grid .video-external{font-size:8px;height:21px;min-height:21px;padding:0 6px;line-height:1.1;gap:5px}.banner-grid .browserbar i{font-size:4px}.heroart .banner-grid .browsercard img,.banner-grid .video-launch img{height:100%;min-height:0;object-fit:cover;object-position:top}.banner-grid .video-label{font-size:7px;padding:3px}.banner-grid .play-icon{width:30px;height:30px;font-size:13px}.banner-grid .video-card iframe{height:100%;min-height:0}@media(max-width:1050px) and (min-width:751px){.hero{height:450px}.herocopy{padding:20px 6%}.herocopy h1{font-size:42px}.herocopy .intro{font-size:13px}.website-showcase{padding:10px 10px 0}.banner-grid{gap:7px}.banner-grid .browserbar,.banner-grid .video-external{font-size:7px}.herocopy .herobottom{font-size:7px}}@media(max-width:750px){.hero{height:auto;grid-template-columns:1fr}.herocopy{padding:25px 6%;display:block}.herocopy h1{font-size:43px}.herocopy .textlink{margin-left:14px}.herocopy .herobottom{display:none}.website-showcase{height:420px;min-height:0;padding:12px 12px 0}.banner-grid{flex:1;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-rows:auto}.heroart .banner-grid .browsercard img,.banner-grid .video-launch img{height:100%}}@media(max-width:420px){.herocopy h1{font-size:38px}.website-showcase{height:400px}.banner-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.banner-grid .browserbar,.banner-grid .video-external{font-size:7px}.banner-grid .browserbar i{display:none}}
/* Soft rose bloom on the ivory hero */
.herocopy{position:relative;overflow:hidden;isolation:isolate}.herocopy> :not(.bloom-decoration){position:relative;z-index:1}.bloom-decoration{position:absolute;inset:0;z-index:0;pointer-events:none}.bloom-rose{position:absolute;width:190px;height:190px;right:-34px;bottom:-35px;opacity:.3;transform:rotate(-15deg)}.bloom-rose i{position:absolute;left:50%;top:50%;width:94px;height:114px;background:linear-gradient(135deg,#f3d9d0 8%,#d9b1ae 52%,#a76570);border:1px solid #b8858840;border-radius:65% 35% 65% 35%;transform-origin:0 0;transform:rotate(calc(var(--petal)*30deg)) scale(.15);animation:rose-open 3s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--petal)*.075s)}.bloom-rose span{position:absolute;left:42%;top:42%;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e9b8b5,#a76570)}@keyframes rose-open{from{transform:rotate(calc(var(--petal)*30deg)) scale(.15)}to{transform:rotate(calc(var(--petal)*30deg)) scale(.82)}}.loose-petal{position:absolute;width:28px;height:40px;border-radius:75% 25% 65% 35%;background:linear-gradient(130deg,#efd4ca,#d9b1ae);opacity:.45;animation:petal-drift 7s ease-in-out infinite alternate}.petal-one{top:12%;right:10%;transform:rotate(25deg)}.petal-two{bottom:15%;right:32%;width:18px;height:26px;animation-delay:-3s}.petal-three{top:50%;right:5%;width:17px;height:25px;animation-delay:-5s}@keyframes petal-drift{to{translate:6px 10px;rotate:12deg}}#work{padding-top:34px;padding-bottom:42px}#work .sectionhead{margin-bottom:20px;align-items:center}#work h2{font-size:44px;line-height:1.06;margin:8px 0}#work .sectionhead>p{font-size:14px}#work .project{padding:25px 0;grid-template-columns:1.4fr 1fr}#work .project .slide{height:330px}#work .project h3{font-size:34px;margin:10px 0}#work .project p{font-size:14px}#work .upcoming{padding:14px 0}#work .upcoming h3{font-size:25px}.reel-slide{background:radial-gradient(ellipse at top right,#a7657040,transparent 65%),linear-gradient(145deg,#172536,#183b32)!important}.reel-slide .sampletitle{font-size:38px}.reel-slide .sampletitle span{color:#dfc58f;font-size:12px;letter-spacing:1.5px}.reel-slide:hover{box-shadow:inset 0 0 0 2px #dfc58f}@media(max-width:750px){#work{padding-top:28px;padding-bottom:32px}#work h2{font-size:36px}#work .project{grid-template-columns:1fr;padding:22px 0;gap:18px}#work .project .slide{height:300px}.bloom-rose{width:155px;height:155px;right:-30px;bottom:-40px;opacity:.24}.bloom-rose i{width:78px;height:95px}}@media(prefers-reduced-motion:reduce){.bloom-rose i{animation:none;transform:rotate(calc(var(--petal)*30deg)) scale(.82)}.loose-petal{animation:none}}
/* More delicate colour, petals and foliage */
.bloom-rose{opacity:.38}.bloom-rose i:nth-child(3n){background:linear-gradient(135deg,#fff0df,#eac5b4 55%,#c38c8c)}.bloom-rose i:nth-child(3n+1){background:linear-gradient(135deg,#f4dfeb,#d9b1c4 60%,#b98eae)}.bloom-rose i:nth-child(4n){background:linear-gradient(135deg,#fff0da,#edc7a9 60%,#c99f78)}.bloom-rose i.inner-petal{width:65px;height:80px;animation-name:inner-open;background:linear-gradient(130deg,#ffe6db,#ddaeb2 55%,#b97b8e);z-index:2}.bloom-rose span{z-index:3}@keyframes inner-open{from{transform:rotate(calc(var(--petal)*45deg)) scale(.1)}to{transform:rotate(calc(var(--petal)*45deg)) scale(.66)}}.rose-leaf{position:absolute;right:90px;bottom:6px;width:85px;height:32px;border-radius:100% 0 100% 0;background:linear-gradient(160deg,#b5c2a3,#7d987b);opacity:.3;transform:rotate(-30deg);text-decoration:none}.rose-leaf:after{content:'';position:absolute;left:10%;top:50%;width:80%;height:1px;background:#637d61;transform:rotate(-12deg)}.leaf-two{right:0;bottom:105px;width:70px;transform:rotate(-65deg)}.leaf-three{right:147px;bottom:36px;width:58px;height:25px;transform:rotate(20deg);background:linear-gradient(140deg,#c7ccb1,#a3b09c)}.petal-four{right:22%;top:23%;width:16px;height:25px;background:linear-gradient(130deg,#f0dfeb,#cdb7cc);animation-delay:-2s}.petal-five{right:37%;bottom:5%;width:24px;height:32px;background:linear-gradient(130deg,#fff0d9,#dfbf9f);animation-delay:-4s}.petal-six{right:4%;top:24%;width:12px;height:19px;animation-delay:-1s}.portfolio-social{margin-top:22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.portfolio-social b{font-size:12px;letter-spacing:1px;color:#dfc58f}.portfolio-social a{font-size:13px;color:#f7f3ec;border-bottom:1px solid #6c8374;padding:4px 0}.portfolio-social a:hover{color:#d9b1ae}.carousel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#172536d9;color:white;border:1px solid #dfc58f;font-size:22px;pointer-events:none}.reel-slide img{height:100%;width:auto!important;object-fit:contain!important}.reel-slide{padding:10px!important}@media(prefers-reduced-motion:reduce){.bloom-rose i.inner-petal{animation:none;transform:rotate(calc(var(--petal)*45deg)) scale(.66)}}
/* Open banner edges, polished black showcase and equal galleries */
.hero{border-left:0;border-right:0}.website-showcase{background:radial-gradient(ellipse at 25% 0,#343638 0,transparent 45%),linear-gradient(125deg,#050505 0%,#181a1b 38%,#030303 70%,#202223 100%);border-left:0}.website-showcase .showcase-label{color:#e6ceaa}#work .project:nth-child(even){grid-template-columns:1fr 1.4fr}#work .project:nth-child(even) .gallery{order:2}.portfolio-logo{display:block;width:190px;max-width:100%;height:auto;object-fit:contain;background:#f7f3ec;padding:10px;margin:0 0 18px;border-radius:3px}#work .project .slide{height:350px}.reel-slide img[src$='thirai.webp']{width:75%!important;height:auto!important;max-height:70%;background:#f7f3ec;padding:25px}.reel-slide:has(img[src$='thirai.webp']) .carousel-play{top:80%}@media(max-width:750px){.hero{border-left:0;border-right:0}#work .project:nth-child(even){grid-template-columns:1fr}#work .project:nth-child(even) .gallery{order:0}#work .project .slide{height:300px}}
.portfolio-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:10px 0 16px}#work .portfolio-title-row h3{margin:0;flex:1}.portfolio-title-row .portfolio-logo{width:140px;max-width:42%;margin:0 0 0 auto;padding:7px;flex-shrink:0}.portfolio-social{display:block}.portfolio-social>b{display:block;margin-bottom:12px}.social-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.social-column{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.branch-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#d9b1ae}.social-column a{font-size:12px;line-height:1.5;overflow-wrap:anywhere}@media(max-width:420px){.portfolio-title-row{gap:12px}.portfolio-title-row .portfolio-logo{width:115px}.social-columns{gap:12px}}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400;font-display:swap;src:url('assets/bodoni-moda-title.woff') format('woff')}.header-title{font-family:'Bodoni Moda',Didot,serif;font-weight:400;font-optical-sizing:auto}
/* Repeating bloom with a quiet open-flower pause */
.bloom-rose i{animation-name:rose-bloom-loop;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;animation-delay:calc(var(--petal)*.06s)}.bloom-rose i.inner-petal{animation-name:inner-bloom-loop;animation-duration:10s;animation-iteration-count:infinite;animation-delay:calc((var(--petal) - 12)*.06s)}@keyframes rose-bloom-loop{0%,100%{transform:rotate(calc(var(--petal)*30deg)) scale(.15)}30%,78%{transform:rotate(calc(var(--petal)*30deg)) scale(.82)}}@keyframes inner-bloom-loop{0%,100%{transform:rotate(calc(var(--petal)*45deg)) scale(.1)}34%,78%{transform:rotate(calc(var(--petal)*45deg)) scale(.66)}}@media(prefers-reduced-motion:reduce){.bloom-rose i{animation:none;transform:rotate(calc(var(--petal)*30deg)) scale(.82)}.bloom-rose i.inner-petal{animation:none;transform:rotate(calc(var(--petal)*45deg)) scale(.66)}}
/* Antique rose selected-work backdrop */
.website-showcase{background:#a76570}.website-showcase .showcase-label{color:#fff7ef}.banner-grid .browsercard,.banner-grid .video-card{border-color:#e3c4b1}#work .project:nth-child(2) .portfolio-title-row .portfolio-logo{width:140px;max-width:42%;background:#f7f3ec}#work .project:nth-child(2) .portfolio-social{margin-top:22px}
.website-showcase{background:#d9b1ae}.website-showcase .showcase-label{color:#352526}.reel-slide img[src$='thirai-video.webp']{width:100%!important;height:100%;object-fit:contain!important}.reel-slide:has(img[src$='thirai-video.webp']) .carousel-play{top:50%}.service-detail{border-top:1px solid #79603e;padding:0}.service-detail summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:24px 0}.service-detail summary::-webkit-details-marker{display:none}.service-number{font:28px Georgia;color:#302318}.service-name{font:22px/1.25 Georgia;flex:1}.service-toggle{font-size:26px;transition:transform .2s}.service-detail[open] .service-toggle{transform:rotate(45deg)}.service-detail[open]{background:#ffffff12}.service-body{padding:0 15px 24px 48px;color:#28221b;font-size:14px}.service-body p{margin-top:0}.service-body ul{padding-left:18px;line-height:1.9}.service-action{display:inline-block;border-bottom:1px solid #3e3020;padding:5px 0;font-size:13px;color:#171514}.service-action:hover{color:#f7f3ec}.service-detail summary:focus-visible{outline:2px solid #172536;outline-offset:4px}.service-detail summary:hover .service-name{color:#f7f3ec}@media(max-width:750px){.service-name{font-size:20px}.service-detail summary{padding:20px 0}.upcoming{gap:12px}.upcoming>span:last-child{max-width:100%}}