:root{--bg:#f6f5f1;--surface:#fff;--text:#182522;--muted:#5c6964;--line:#dadbd5;--accent:#23645a;--soft:#e6efea;--radius:24px;--max:1180px;font-family:Arial,"Helvetica Neue",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}p{line-height:1.65;color:var(--muted);margin:0 0 1rem}h1,h2{font-weight:500;letter-spacing:-.045em;margin:0 0 1rem;line-height:1.08}h1{font-size:clamp(2.6rem,5.7vw,5.3rem)}h2{font-size:clamp(1.35rem,2.4vw,2rem)}.shell{width:min(calc(100% - 48px),var(--max));margin:0 auto}.header{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid var(--line)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-size:1.14rem;font-weight:700;letter-spacing:-.035em}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--accent);background:var(--soft);font-size:1rem}.menu{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:.95rem}.menu a:hover,.menu a:focus{color:var(--text)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.72rem;font-weight:bold;color:var(--accent);margin-bottom:22px}.lead{font-size:clamp(1.04rem,1.5vw,1.2rem);max-width:510px}.button{display:inline-flex;margin-top:25px;padding:16px 24px;background:var(--accent);color:#fff;border-radius:999px;font-weight:bold;border:0;cursor:pointer}.button:hover{opacity:.9}.hero{padding:68px 0 82px}.intro{padding:72px 0 48px}.inner-intro h1,.services-head h1,.contact-head h1{max-width:800px}.split{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;padding-bottom:68px}.split img{height:430px;width:100%;border-radius:var(--radius)}.split.reverse .text{order:2}.split.reverse img{order:1}.text p{max-width:490px}.service-layout{display:grid;grid-template-columns:1fr .92fr;gap:52px;align-items:start}.services-list article{padding:0 0 27px;margin-bottom:29px;border-bottom:1px solid var(--line)}.services-list span{font-size:.8rem;color:var(--accent);font-weight:bold}.services-list p{margin-bottom:0}.service-images{display:grid;gap:16px}.service-images img{height:270px;width:100%;border-radius:var(--radius)}.callout{margin-top:70px;margin-bottom:80px;padding:40px;border-radius:var(--radius);background:var(--soft);display:flex;justify-content:space-between;align-items:center;gap:32px}.callout p{margin:0}.contact-layout{display:grid;grid-template-columns:.88fr 1fr .68fr;gap:22px;padding-bottom:86px;align-items:start}.contact-panel,.form{background:var(--surface);padding:28px;border-radius:var(--radius)}.contact-panel a{display:block;color:var(--accent);margin-top:8px}.contact-panel img{height:220px;width:100%;border-radius:16px;margin-top:26px}.form{display:grid;gap:17px}.form label{font-size:.85rem;color:var(--muted);display:grid;gap:8px}.form input,.form textarea{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:13px;padding:13px 14px;font:inherit;color:var(--text)}.form .button{justify-content:center;margin-top:4px}.contact-photo{width:100%;height:470px;border-radius:var(--radius)}.utility{min-height:58vh;padding:86px 0}.utility h1{max-width:700px}.utility-panel{margin-top:42px;max-width:700px;padding:38px;background:var(--surface);border-radius:var(--radius)}.text-link{color:var(--accent);font-weight:bold}.footer{border-top:1px solid var(--line);padding:46px 0 30px}.footer-main{display:grid;grid-template-columns:1fr auto;gap:50px}.footer-main p{max-width:390px;margin:18px 0 0}.footer-contact{display:grid;gap:8px}.footer-contact p{margin:0}.footer-contact a{color:var(--accent)}.legal{display:flex;gap:22px;align-items:center;margin-top:42px;padding-top:24px;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}.legal small{margin-left:auto}
/* Editorial layout */
.theme-editorial{--bg:#f8f7f3;--accent:#1f6657;--soft:#dfece6}.editorial-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.editorial-pair{display:grid;grid-template-columns:1.08fr .75fr;gap:14px;align-items:end}.editorial-pair img:first-child{height:540px;border-radius:80px 20px 20px 20px}.editorial-pair img:last-child{height:344px;border-radius:20px}.feature-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:46px 0 76px;gap:42px}.feature-line strong{color:var(--accent);font-size:.75rem}.feature-line h2{margin-top:22px}.feature-line p{margin:0}
/* Night dashboard layout */
.theme-night{--bg:#0f171c;--surface:#17232a;--text:#f1f4f4;--muted:#a9b8bb;--line:#27363c;--accent:#60c8b4;--soft:#182e30}.theme-night .brand span{color:#071711}.night-hero{padding:58px 0 56px}.night-grid{display:grid;grid-template-columns:1fr .9fr .45fr;grid-template-rows:auto 200px;gap:16px}.night-grid .hero-copy{grid-row:1 / span 2;padding:44px 30px 20px 0}.hero-wide{height:376px;width:100%;border-radius:22px;grid-column:2 / span 2}.signal{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.signal span{display:block;color:var(--accent);font-size:.75rem;margin-bottom:14px}.signal strong{display:block;font-size:1.15rem;margin-bottom:8px}.hero-small{height:200px;width:100%;border-radius:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:70px}.metrics p{background:var(--surface);padding:24px;border-radius:16px;margin:0}.metrics b{display:block;color:var(--text);margin-bottom:8px}.theme-night .callout{background:var(--surface)}.theme-night input,.theme-night textarea{color:var(--text)}
/* Studio layout */
.theme-studio{--bg:#faf6ef;--surface:#fffdf8;--text:#29231d;--muted:#6d645a;--line:#e4dbcf;--accent:#aa5735;--soft:#f2e4d7}.studio-hero{padding:62px 0 78px}.studio-hero h1{max-width:950px}.studio-columns{display:flex;justify-content:space-between;align-items:end;margin:34px 0 54px;gap:30px}.collage{display:grid;grid-template-columns:1.42fr .78fr;align-items:start;gap:20px}.collage .large{height:520px;border-radius:6px 68px 6px 6px}.collage .small{height:350px;margin-top:86px;border-radius:6px}.studio-notes{padding:0 0 84px;display:flex;justify-content:space-between;gap:44px}.studio-notes p{max-width:430px}
/* Modular layout */
.theme-module{--bg:#eef3f7;--surface:#fff;--text:#102130;--muted:#526677;--line:#d5e0e7;--accent:#256387;--soft:#dceaf2;--radius:18px}.module-hero{padding:66px 0;display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.module-grid img,.tile{height:224px;border-radius:16px}.tile{background:var(--surface);padding:22px;color:var(--accent);display:flex;flex-direction:column;justify-content:space-between}.tile b{font-size:1.25rem;color:var(--text)}.module-strip{display:flex;background:var(--surface);border-radius:18px;margin-bottom:72px}.module-strip p{flex:1;padding:25px 28px;margin:0;border-right:1px solid var(--line);color:var(--text)}.module-strip p:last-child{border:0}
@media (max-width:920px){.header-inner{height:auto;min-height:72px;flex-wrap:wrap;padding:17px 0}.menu{width:100%;gap:20px;padding-top:4px;overflow-x:auto}.editorial-hero,.module-hero,.split,.service-layout,.contact-layout{grid-template-columns:1fr;gap:34px}.editorial-pair img:first-child{height:430px}.night-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.night-grid .hero-copy{grid-column:1 / span 2;grid-row:auto;padding:10px 0 30px}.hero-wide{grid-column:1 / span 2}.studio-columns{display:block}.studio-columns .button{margin-top:18px}.contact-photo{height:350px}.split.reverse .text,.split.reverse img{order:initial}.callout{display:block}.metrics{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.legal{flex-wrap:wrap}.legal small{width:100%;margin-left:0}}
@media (max-width:620px){.shell{width:min(calc(100% - 32px),var(--max))}.hero,.intro,.studio-hero,.module-hero{padding-top:46px}.editorial-pair,.collage,.module-grid{grid-template-columns:1fr}.editorial-pair img:first-child,.editorial-pair img:last-child,.collage .large,.collage .small{height:290px;margin-top:0;border-radius:18px}.feature-line,.module-strip{display:block}.feature-line div{margin-bottom:30px}.module-strip p{border-right:0;border-bottom:1px solid var(--line)}.night-grid{display:block}.night-grid img,.signal{margin-top:14px}.hero-wide{height:290px}.contact-panel,.form{padding:22px}h1{font-size:clamp(2.2rem,12vw,3.1rem)}}