:root{
  --ivory:#f8f5ef;
  --cream:#efe7dc;
  --sand:#d8c9ba;
  --taupe:#a68f7a;
  --sage:#8e9980;
  --cocoa:#3e3029;
  --ink:#2f2722;
  --white:#fffdf9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:300;line-height:1.55}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(248,245,239,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(62,48,41,.09)}
.brand{display:flex;flex-direction:column;align-items:center;line-height:.86}.brand-main{font:500 34px/1 "Cormorant Garamond",serif}.brand-sub{margin-top:9px;letter-spacing:.48em;font-size:11px;font-weight:600;text-align:center;padding-left:.48em}
.nav{display:flex;align-items:center;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.nav a:hover{opacity:.58}.nav-cta{padding:12px 18px;background:var(--cocoa);color:#fff;border-radius:2px}.menu-toggle{display:none;border:0;background:transparent;font:500 15px "DM Sans";text-transform:uppercase;letter-spacing:.12em;padding:10px 4px;min-height:44px;min-width:58px}
.hero{min-height:690px;display:grid;grid-template-columns:43% 57%;background:var(--cream)}.hero-copy{align-self:center;padding:8vw 6vw}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600;margin:0 0 18px}.hero h1,.section h2,.process h2,.contact h2,.about h2{font:500 clamp(48px,5.3vw,86px)/.96 "Cormorant Garamond",serif;letter-spacing:-.02em;margin:0 0 22px}.hero h1{max-width:650px}.lede{font-size:18px;max-width:560px;color:#5e5048}.hero-image-wrap{min-height:690px;overflow:hidden}.hero-image{object-position:center center}.actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-block;padding:14px 22px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--cocoa)}.button.primary{background:var(--cocoa);color:white}.button.ghost{background:transparent}.button:hover{transform:translateY(-1px);opacity:.86}
.intro-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 46px;padding:30px 5vw;background:var(--white);border-bottom:1px solid rgba(62,48,41,.08);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.intro-band p{font:500 23px "Cormorant Garamond",serif;text-transform:none;letter-spacing:0;margin:0}.intro-band span{opacity:.72}
.section{padding:110px 6vw}.section-heading{max-width:860px;margin-bottom:50px}.section-heading.narrow{max-width:640px}.section h2,.process h2,.contact h2,.about h2{font-size:clamp(44px,4.2vw,68px)}.section-heading p:not(.eyebrow),.split-copy>p,.about-copy p{color:#65574e;max-width:620px}
.portfolio-simple{background:var(--white)}
.portfolio-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:250px 250px;gap:14px}
.portfolio-grid img{border-radius:2px}
.portfolio-grid .portfolio-feature{grid-row:1/3}
.portfolio-grid img:last-child{grid-column:2/4}
.portfolio-grid .game-focus{object-position:center 78%}
.featured-project{background:var(--white)}.project-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:330px 330px;gap:14px}.project-grid .project-main{grid-row:1/3}.project-grid img{border-radius:2px}
.section-band{padding:68px 6vw;background:#e9dfd3}.process{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:42px;align-items:start}.process-step{border-left:1px solid rgba(62,48,41,.2);padding-left:24px}.process-step b{font:500 28px "Cormorant Garamond",serif}.process-step h3,.service-grid h3{font:500 28px "Cormorant Garamond",serif;margin:8px 0}.process-step p{font-size:14px;color:#65574e}
.split-project{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;background:#f3eee7}.split-image{height:720px}.split-copy img{height:340px;margin-top:44px}.split-copy h2{max-width:570px}
.editorial-gallery{background:var(--white)}.masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.masonry figure{margin:0}.masonry figure:nth-child(1),.masonry figure:nth-child(4){grid-row:span 2}.masonry img{height:430px}.masonry figure:nth-child(1) img,.masonry figure:nth-child(4) img{height:650px}.masonry figcaption{padding-top:10px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}
.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-images img:first-child{height:520px}.about-images img:last-child{height:420px;margin-top:70px}.about-copy{max-width:620px}
.about-text-only{display:block;padding-top:92px;padding-bottom:92px}.about-text-only .about-copy{max-width:760px;margin:0 auto;text-align:center}.about-text-only .about-copy p{margin-left:auto;margin-right:auto}.about-text-only .button{margin-top:14px}
.services{background:var(--white)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{padding:34px;border:1px solid rgba(62,48,41,.14);background:#fff}.service-grid .featured-card{background:#eee5da}.price{text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:600}.service-grid article p:last-child{color:#65574e}.usage-note{margin-top:24px;font-size:12px;color:#75675e}
.contact{display:grid;grid-template-columns:1.15fr .85fr;background:var(--cream);min-height:540px}.contact-image{min-height:540px}.contact-copy{align-self:center;padding:6vw}.contact-copy h2{max-width:560px}.micro{font-size:11px;opacity:.62;margin-top:14px}
footer{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:30px;padding:36px 5vw;background:var(--ivory);border-top:1px solid rgba(62,48,41,.08);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.footer-brand .brand-main{font-size:30px}.footer-brand .brand-sub{font-size:10px}
@media(max-width:900px){
  .menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--ivory);padding:24px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(62,48,41,.1)}.nav.open{display:flex}
  .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 7vw}.hero-image-wrap{min-height:520px}.hero h1{font-size:58px}
  .portfolio-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.portfolio-grid .portfolio-feature{grid-column:1/3;grid-row:auto;height:460px}.portfolio-grid img{height:300px}.portfolio-grid img:last-child{grid-column:1/3}
  .portfolio-grid .game-focus{object-position:center 82%}
  .process{grid-template-columns:1fr}.process-step{padding:0 0 0 20px}
  .split-project,.about,.contact{grid-template-columns:1fr}.split-image{height:560px}.contact-image{min-height:420px}
  .masonry{grid-template-columns:1fr 1fr}.masonry img,.masonry figure:nth-child(1) img,.masonry figure:nth-child(4) img{height:420px}.masonry figure:nth-child(1),.masonry figure:nth-child(4){grid-row:auto}
  .service-grid{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;align-items:start}
}
@media(max-width:560px){
  .site-header{padding:14px 20px}.menu-toggle{font-size:16px;padding:12px 6px;min-width:64px}.brand-main{font-size:29px}.brand-sub{font-size:10px;letter-spacing:.42em;padding-left:.42em}.hero-copy{padding:56px 22px}.hero h1{font-size:48px}.hero-image-wrap{min-height:420px}.actions{flex-direction:column;align-items:flex-start}.section,.section-band{padding:72px 22px}.intro-band{justify-content:flex-start;padding:28px 22px;gap:14px}.intro-band p{width:100%}.project-grid img{height:340px}.masonry{grid-template-columns:1fr}.masonry img,.masonry figure:nth-child(1) img,.masonry figure:nth-child(4) img{height:auto;aspect-ratio:4/5}.about-images img:first-child,.about-images img:last-child{height:360px;margin-top:0}.contact-copy{padding:70px 22px}.contact-image{min-height:330px}.split-image{height:450px}
}

/* Meet Anita — original portrait, cropped only by CSS */
.about-feature{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(48px,7vw,100px);padding-top:96px;padding-bottom:96px;background:#e9dfd3}
.about-portrait-wrap{position:relative;width:min(100%,430px);margin:0 auto;padding:9px;border:1px solid rgba(166,143,122,.55);border-radius:215px 215px 12px 12px}
.about-portrait-mask{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:204px 204px 7px 7px;background:#e7ddd2}
.about-portrait{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.botanical-mark{position:absolute;right:-58px;bottom:9px;width:118px;height:182px;overflow:visible;opacity:.72;pointer-events:none}
.botanical-mark path{stroke:var(--taupe);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.about-feature .about-copy{max-width:650px}
.about-feature .about-copy h2{max-width:570px}
.about-feature .about-copy p{font-size:15px;line-height:1.75;margin:0 0 18px;color:#65574e}
.about-feature .about-copy .button{margin-top:12px}
@media(max-width:900px){
  .about-feature{grid-template-columns:1fr}
  .about-portrait-wrap{width:min(78vw,430px)}
  .about-feature .about-copy{margin:0 auto;text-align:center}
  .about-feature .about-copy p{margin-left:auto;margin-right:auto}
}
@media(max-width:560px){
  .about-feature{padding-top:64px;padding-bottom:72px}
  .about-portrait-wrap{width:min(84vw,390px);padding:8px;border-radius:195px 195px 10px 10px}
  .about-portrait-mask{border-radius:186px 186px 6px 6px;aspect-ratio:4/5}
  .about-portrait{object-position:center 48%}
  .botanical-mark{right:-38px;bottom:5px;width:96px;height:150px}
  .about-feature .about-copy{padding-top:8px}
  .about-feature .about-copy h2{font-size:48px;line-height:.98;margin-bottom:26px}
  .about-feature .about-copy p{font-size:14px;line-height:1.72}
}

/* Inquiry form */
.contact{grid-template-columns:.8fr 1.2fr}
.contact-copy{padding:5vw 6vw}
.inquiry-form{margin-top:30px;display:grid;gap:16px;max-width:760px}
.inquiry-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.inquiry-form label{display:grid;gap:7px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cocoa)}
.inquiry-form input,.inquiry-form textarea,.inquiry-form select{width:100%;box-sizing:border-box;border:1px solid rgba(62,48,41,.24);background:rgba(255,255,255,.55);padding:13px 14px;border-radius:0;font:400 14px/1.45 "DM Sans",sans-serif;color:var(--cocoa);outline:none}
.inquiry-form textarea{resize:vertical}
.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{border-color:var(--taupe)}
.inquiry-form .button{justify-self:start;cursor:pointer}
@media(max-width:700px){.inquiry-form .form-row{grid-template-columns:1fr}.contact-copy{padding:64px 22px}.contact{grid-template-columns:1fr}}


/* Multi-page layout and calmer homepage previews */
.home-preview{padding:88px 6vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;border-bottom:1px solid rgba(62,48,41,.08)}
.home-preview:nth-of-type(even){background:var(--white)}
.preview-copy{max-width:560px}.preview-copy h2,.home-inquire-cta h2,.page-hero h1,.inquiry-intro h1,.about-page h1{font:500 clamp(46px,5vw,76px)/.98 "Cormorant Garamond",serif;letter-spacing:-.02em;margin:0 0 22px}.preview-copy p:not(.eyebrow),.page-hero p:not(.eyebrow),.inquiry-intro>p:not(.eyebrow){color:#65574e;font-size:16px}.text-link{display:inline-block;margin-top:18px;padding-bottom:4px;border-bottom:1px solid rgba(62,48,41,.45);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.16em}.preview-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-gallery img{height:270px}.preview-gallery img:last-child{grid-column:1/3;height:300px}.preview-gallery .game-focus{object-position:center 82%}
.preview-process{grid-template-columns:1fr 1fr;background:#e9dfd3!important}.mini-steps{display:grid;gap:0;border-top:1px solid rgba(62,48,41,.18)}.mini-steps span{padding:22px 0;border-bottom:1px solid rgba(62,48,41,.18);text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.preview-about{grid-template-columns:.8fr 1.2fr;background:var(--cream)!important}.home-about-photo{width:min(100%,360px)}
.preview-services{grid-template-columns:.85fr 1.15fr}.price-preview{display:grid;border-top:1px solid rgba(62,48,41,.16)}.price-preview div{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid rgba(62,48,41,.16)}.price-preview strong{font:500 25px "Cormorant Garamond",serif}.price-preview span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;align-self:center}
.home-inquire-cta{padding:100px 22px;text-align:center;background:var(--cocoa);color:white}.home-inquire-cta h2{max-width:760px;margin-left:auto;margin-right:auto}.home-inquire-cta p:not(.eyebrow){max-width:560px;margin:0 auto 28px;color:rgba(255,255,255,.78)}.home-inquire-cta .button.primary{background:var(--white);color:var(--cocoa);border-color:var(--white)}
.page-hero{padding:110px 6vw 78px;background:var(--cream)}.compact-hero{max-width:none}.page-hero h1{max-width:820px}.page-hero p:not(.eyebrow){max-width:670px}
.center-cta{text-align:center;margin-top:42px}.portfolio-full{max-width:1180px;margin:0 auto}
.about-page{padding-top:100px;padding-bottom:100px}.about-page .about-copy h1{max-width:600px}.about-page .about-copy p{font-size:15px;line-height:1.75;color:#65574e;margin:0 0 18px}
.process-page{grid-template-columns:repeat(3,1fr);padding-top:92px;padding-bottom:92px}.process-page .process-step:first-child{border-left:0;padding-left:0}
.inquiry-page{background:var(--cream);padding:92px 6vw 110px}.inquiry-intro{max-width:830px;margin-bottom:46px}.full-inquiry{max-width:900px}.full-inquiry input,.full-inquiry textarea,.full-inquiry select{background:rgba(255,255,255,.7)}
@media(max-width:900px){.home-preview,.preview-process,.preview-about,.preview-services{grid-template-columns:1fr}.preview-copy{max-width:680px}.home-about-photo{width:min(78vw,390px)}.process-page{grid-template-columns:1fr}.process-page .process-step:first-child{border-left:1px solid rgba(62,48,41,.2);padding-left:20px}}
@media(max-width:560px){.home-preview{padding:68px 22px;gap:38px}.preview-gallery img{height:220px}.preview-gallery img:last-child{height:250px}.price-preview div{display:grid;gap:6px}.price-preview strong{font-size:23px}.page-hero,.inquiry-page{padding-left:22px;padding-right:22px}.page-hero{padding-top:72px;padding-bottom:56px}.inquiry-page{padding-top:68px;padding-bottom:80px}.preview-copy h2,.home-inquire-cta h2,.page-hero h1,.inquiry-intro h1,.about-page h1{font-size:48px}.home-about-photo{width:min(84vw,360px)}}

/* September refinements: centered editorial layout */
.hero-copy,.preview-copy,.page-hero,.about-copy,.section-heading{text-align:center}
.hero h1,.hero .lede,.preview-copy,.page-hero h1,.page-hero p:not(.eyebrow),.about-copy,.about-copy p,.section-heading{margin-left:auto;margin-right:auto}
.hero .actions{justify-content:center}
.home-preview{grid-template-columns:1fr;justify-items:center;text-align:center}
.preview-gallery{width:min(100%,900px)}
.preview-process,.preview-services{grid-template-columns:1fr!important}
.preview-about{grid-template-columns:1fr!important}
.home-about-photo{margin-left:auto;margin-right:auto}
.about-page{grid-template-columns:1fr!important;text-align:center}
.about-page .about-copy{margin-left:auto;margin-right:auto}
.services{text-align:center}.service-grid{text-align:center}.usage-note{text-align:center}
.process-page{text-align:center}.process-page .process-step{border-left:0!important;padding-left:0!important}
.portfolio-grid.portfolio-full{grid-template-columns:repeat(3,1fr);grid-template-rows:none;grid-auto-rows:360px}
.portfolio-grid.portfolio-full .portfolio-feature{grid-row:auto;grid-column:auto}
.portfolio-grid.portfolio-full img:last-child{grid-column:auto}
@media(max-width:900px){.portfolio-grid.portfolio-full{grid-template-columns:repeat(2,1fr);grid-auto-rows:320px}.portfolio-grid.portfolio-full .portfolio-feature{grid-column:auto;height:100%}}
@media(max-width:560px){.hero-copy{text-align:center}.actions{align-items:center}.portfolio-grid.portfolio-full{grid-template-columns:1fr;grid-auto-rows:auto}.portfolio-grid.portfolio-full img,.portfolio-grid.portfolio-full .portfolio-feature{height:auto;aspect-ratio:4/5}.preview-copy{text-align:center}.text-link{margin-left:auto;margin-right:auto}}

/* Editorial portfolio refresh */
.portfolio-story{padding:34px 6vw 110px;background:#f8f4ee}
.portfolio-intro-row{max-width:1180px;margin:0 auto 54px;padding:24px 0;border-top:1px solid rgba(62,48,41,.18);border-bottom:1px solid rgba(62,48,41,.18);display:flex;justify-content:space-between;gap:40px;align-items:center;text-align:left}
.portfolio-intro-row p{max-width:650px;margin:0;font-family:"Cormorant Garamond",serif;font-size:29px;line-height:1.18}
.portfolio-intro-row span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.portfolio-editorial{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}
.pe{margin:0;position:relative}.pe img{width:100%;height:100%;display:block;object-fit:cover}.pe figcaption{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-top:10px;text-align:left}
.pe-tall{grid-column:span 5;height:650px}.pe-small{grid-column:span 3;height:390px;margin-top:78px}.pe-wide{grid-column:span 7;height:470px}.pe-medium{grid-column:span 5;height:510px}
.portfolio-quote{grid-column:span 4;min-height:320px;background:#e8ddd0;padding:48px 38px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;margin-top:32px}
.portfolio-quote span{font-size:11px;letter-spacing:.18em}.portfolio-quote p{font-family:"Cormorant Garamond",serif;font-size:31px;line-height:1.12;margin:45px 0 0}.portfolio-quote.warm{background:#d9c8b7}
.portfolio-end{margin-top:80px}.portfolio-end p{font-family:"Cormorant Garamond",serif;font-size:32px;margin-bottom:24px}
.process-page{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.portfolio-intro-row{flex-direction:column;text-align:center}.portfolio-intro-row span{white-space:normal}.portfolio-editorial{grid-template-columns:repeat(2,1fr)}.pe-tall,.pe-small,.pe-wide,.pe-medium,.portfolio-quote{grid-column:span 1;height:460px;margin-top:0}.pe-wide{grid-column:span 2}.portfolio-quote{min-height:360px}.process-page{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.portfolio-story{padding:26px 18px 80px}.portfolio-intro-row{margin-bottom:32px}.portfolio-intro-row p{font-size:25px}.portfolio-editorial{grid-template-columns:1fr;gap:30px}.pe-tall,.pe-small,.pe-wide,.pe-medium,.portfolio-quote{grid-column:1;height:auto;margin:0}.pe img{aspect-ratio:4/5}.pe-wide img{aspect-ratio:5/4}.portfolio-quote{min-height:310px}.portfolio-quote p{font-size:29px}.process-page{grid-template-columns:1fr}}
