:root{color-scheme:dark;--bg:#10100f;--paper:#f1f0e9;--muted:#b6b5af;--line:#40403d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}:focus-visible{outline:2px solid #fff;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#111;z-index:4;padding:1rem}header{min-height:90px;display:flex;align-items:center;gap:3rem;padding:0 6%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand b,.logo{font-size:21px;letter-spacing:-2px;border:1px solid #aaa;padding:8px 6px}.brand span{font-size:15px;font-weight:700;letter-spacing:.01em}nav{display:flex;gap:2rem;margin-left:auto}nav a,footer a{font-size:13px;color:#c8c7c1}nav a:hover,footer a:hover{color:white}.lang{white-space:nowrap;font-size:12px;color:#777}.lang button{border:0;background:transparent;color:#aaa;padding:12px 4px;cursor:pointer}.lang button[aria-pressed=true]{color:#fff;font-weight:bold}main{overflow:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:95px 6% 110px;min-height:690px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:#b8b8b1}.eyebrow i{display:inline-block;width:7px;height:7px;background:#eee;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(48px,5.6vw,84px);line-height:1.03;margin:27px 0}.lead{font-size:17px;line-height:1.7;color:#c5c4be;max-width:610px}p{line-height:1.7;color:#b8b7b1}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 22px;background:#f0efe9;color:#121212;border:1px solid #f0efe9;font-size:13px;font-weight:bold;cursor:pointer}.button:hover{background:#c9c8c1}.quiet,.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #777;padding:10px 0}.quiet:hover,.text-link:hover{border-color:#fff}.note{font-size:12px;margin-top:70px}.hero-art{background:#242422;padding:19px;border:1px solid #444}.art-label,.mocktop,.art-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.art-label{color:#aaa;padding:0 0 15px}.art-label:last-child{padding:15px 0 0}.window{background:#d7d5cc;color:#222;min-height:420px;padding:24px;display:flex;flex-direction:column}.mocktop{font-weight:bold}.window-body{margin:auto 0;padding:25px 7%}.window-body small,.mockbody small{font-size:9px;letter-spacing:.16em}.window-body strong{font:400 clamp(36px,4vw,62px)/1 Georgia,serif;display:block;letter-spacing:-.05em;margin:24px 0}.window-body strong span{color:#777}.window-body div{font-size:9px;font-weight:bold;border-bottom:1px solid;display:inline-block;padding:10px 0}.art-bottom{border-top:1px solid #aaa;padding-top:14px}.art-bottom span{font-size:20px}.statement,.split{display:grid;grid-template-columns:1fr 2fr 1fr;gap:5%;padding:100px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement h2,.section h2,.split h2,.closing h2,.quote h2,.contact-grid h2{font-size:clamp(35px,4vw,58px);line-height:1.1}.section{padding:110px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:38px}.section-heading h2{margin:15px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mock{height:300px;padding:20px;background:#dedbd2;color:#252522;display:flex;flex-direction:column}.mock.editorial{background:#a6a6a0}.mock.essential{background:#363633;color:#eee}.mockbody{margin:auto 10%}.mockbody strong{display:block;font:400 38px/1 Georgia,serif;letter-spacing:-.05em;margin:20px 0}.mockbody div{font-size:9px;border-bottom:1px solid;display:inline-block;padding-bottom:8px}.meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#aaa;margin:22px 0}.card h2{font-size:28px;margin:0}.card p{font-size:14px;margin:8px 0 14px}.closing{padding:110px 6%;text-align:center;background:#20201e}.closing h2{max-width:700px;margin:20px auto 30px}.intro{padding:100px 6% 70px;max-width:1000px}.intro h1{max-width:950px}.split{grid-template-columns:1fr 1fr}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.steps article{border-top:1px solid #777;padding-top:20px}.steps article>span{font-size:11px;color:#aaa}.steps h3{margin:40px 0 10px;font-size:18px}.steps p{font-size:14px}.quote{margin:20px 6% 110px;background:#252523;padding:6%;display:flex;justify-content:space-between;gap:2rem}.quote>div{max-width:600px}.quote>span{font-size:75px}.quote .button{margin-top:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:30px 6% 110px}.placeholder{font-size:12px;margin-top:45px}.preview{background:#2b2b29;padding:16px;font-size:13px;line-height:1.5;margin-bottom:25px}label{display:block;font-size:13px;margin:18px 0 8px}input,select,textarea{width:100%;background:#1c1c1a;border:1px solid #777;border-radius:0;color:#fff;padding:14px;min-height:48px}textarea{resize:vertical}.error{display:block;color:#eee;font-size:12px;margin-top:5px}.trap{position:absolute;left:-9999px}.submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}#status{font-size:13px;line-height:1.5}footer{padding:60px 6% 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;gap:30px}footer p{font-size:13px;margin-top:25px}footer div:nth-child(2){display:flex;flex-wrap:wrap;gap:20px;align-content:start}footer small{grid-column:1/-1;color:#999;font-size:11px;margin-top:35px}@media(max-width:800px){header{flex-wrap:wrap;gap:0;padding:16px 5%}header .lang{margin-left:auto}nav{order:3;width:100%;margin:14px 0 0;gap:0;justify-content:space-between;overflow-x:auto}nav a{padding:12px 5px;font-size:12px}.hero{grid-template-columns:1fr;padding:65px 6%;gap:55px;min-height:0}.note{margin-top:35px}.window{min-height:350px}.statement{grid-template-columns:1fr;gap:20px;padding:70px 6%}.section,.closing{padding:75px 6%}.cards{grid-template-columns:1fr;gap:55px}.mock{height:300px}.intro{padding:70px 6% 45px}.split,.contact-grid{grid-template-columns:1fr;gap:30px;padding:65px 6%}.steps{grid-template-columns:1fr 1fr}.quote{margin-bottom:70px}.quote>span{font-size:40px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}@media(max-width:400px){h1{font-size:43px}.brand span{font-size:14px}.steps{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.window-body strong{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media(forced-colors:active){:focus-visible{outline:2px solid Highlight}.button{border:1px solid ButtonText}}

.style-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.demo-link{display:inline-flex;align-items:center;min-height:44px;padding:11px 14px;border:1px solid #aaa;font-size:13px;font-weight:bold}.demo-link:hover{background:#eee;color:#111}

.gallery-section{padding:35px 6% 110px}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.gallery-head h2{font:400 clamp(36px,4vw,58px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:15px 0 0}.gallery-head p{max-width:360px;margin:0}.style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.style-tile{border:1px solid #474744;background:#1b1b1a;min-width:0}.tile-image{display:block;position:relative;overflow:hidden;background:#333}.tile-image img{display:block;width:100%;height:230px;object-fit:cover;filter:grayscale(1);transition:transform .3s,filter .3s}.tile-image:hover img{transform:scale(1.025);filter:grayscale(.55)}.tile-image>span{position:absolute;top:15px;left:15px;background:#f1f0e9;color:#111;padding:8px;font-size:11px;font-weight:bold}.tile-body{padding:24px}.tile-meta{font-size:10px;letter-spacing:.1em;color:#b9b9b2}.tile-body h2{font:400 28px Georgia,serif;margin:13px 0 0}.tile-body p{font-size:13px}.tile-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:18px}.tile-open,.tile-choose{min-height:44px;display:inline-flex;align-items:center;font-size:12px;font-weight:bold}.tile-open{background:#f0efe9;color:#111;padding:12px 15px}.tile-open:hover{background:#ccc}.tile-choose{border-bottom:1px solid #aaa}.tile-choose:hover{border-color:white}@media(max-width:800px){.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-head{display:block}.gallery-head p{margin-top:18px}}@media(max-width:520px){.style-gallery{grid-template-columns:1fr}.gallery-section{padding-bottom:75px}}@media(prefers-reduced-motion:reduce){.tile-image img{transition:none}}
/* Agency design system */
:root{--bg:#080808;--paper:#f3f1ea;--muted:#c1c0b9;--line:#3f3f3b}body{background:var(--bg);color:var(--paper)}header{min-height:84px;background:#080808;border-bottom:1px solid #343431}header .brand b{border:1px solid #bcbcb5;letter-spacing:-.12em;padding:9px 8px;margin-right:3px}header .brand span{font-size:15px;white-space:nowrap;color:#f4f2ea}nav a{padding:12px 0}.lang button{min-height:44px;min-width:32px}.intro{max-width:1100px;padding-top:115px}.intro h1{max-width:1000px}.intro .lead{max-width:720px}.eyebrow{color:#c5c4bd}.button{background:#f1f0e9;border-color:#f1f0e9;color:#111}.button:hover{background:#c9c8c1}.text-link:hover,.quiet:hover{border-color:#f4f3ed}.style-tile{background:#111;border-color:#363633}.tile-image img{filter:grayscale(1)}.tile-body{padding:26px}.tile-meta{color:#c5c4bd}.gallery-section{padding-top:55px}.gallery-head{border-top:1px solid #474743;padding-top:30px}.split,.contact-grid{border-color:#393936}.quote{background:#171716;border:1px solid #41413e}.contact-grid form{background:#111;border:1px solid #383835;padding:clamp(22px,4vw,48px)}.preview{border-left:2px solid #d6d5ce;background:#252523}.closing{background:#171716;border-top:1px solid #393936}.steps article{border-color:#6a6a65}.agency-hero{padding:105px 6% 95px;display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}.agency-hero h1{font:400 clamp(52px,6.4vw,96px)/.99 Georgia,serif;letter-spacing:-.055em;margin:25px 0}.agency-hero .lead{max-width:610px}.hero-fine{font-size:10px;letter-spacing:.12em;color:#aaa;margin:70px 0 0}.hero-preview{padding:18px;border:1px solid #444;background:#1a1a19}.preview-top,.preview-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.12em;color:#d0cfc8}.preview-top{padding:0 0 16px}.preview-bottom{padding:17px 0 0}.preview-photo{height:430px;position:relative;overflow:hidden;background:#333}.preview-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 75%)}.preview-photo img,.agency-demo img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1)}.preview-photo>div{position:absolute;z-index:1;bottom:30px;left:8%;right:8%;display:grid;gap:12px}.preview-photo small,.preview-photo span{font-size:9px;letter-spacing:.15em}.preview-photo strong{font:400 clamp(36px,4vw,56px)/1 Georgia,serif;letter-spacing:-.04em}.agency-value{display:grid;grid-template-columns:1fr 2fr 1.1fr;gap:6%;padding:105px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.agency-value h2,.agency-showcase h2,.agency-process h2{font:400 clamp(38px,4.5vw,64px)/1.06 Georgia,serif;letter-spacing:-.045em}.agency-value p{margin-top:0}.agency-showcase,.agency-process{padding:110px 6%}.agency-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.agency-demo>div{height:260px;position:relative;overflow:hidden;background:#30302d}.agency-demo img{transition:transform .3s}.agency-demo:hover img{transform:scale(1.025)}.agency-demo>div>span{position:absolute;top:15px;left:15px;background:#eee;color:#111;padding:8px;font-size:10px;font-weight:bold}.agency-demo h3{font:400 28px Georgia,serif;margin:20px 0 0;display:flex;justify-content:space-between}.agency-demo p{font-size:12px}.agency-process{background:#141413;display:grid;grid-template-columns:1fr 1.5fr;gap:12%}.agency-steps article{display:grid;grid-template-columns:45px 1fr;column-gap:20px;border-top:1px solid #5a5a55;padding:24px 0}.agency-steps article>span{font-size:11px;color:#aaa}.agency-steps h3{font-size:17px;margin:0}.agency-steps p{grid-column:2;margin:9px 0 0;font-size:14px}.closing h2{max-width:700px}footer{background:#080808;border-color:#393936}@media(max-width:800px){.agency-hero{grid-template-columns:1fr;padding:70px 6%;gap:55px}.agency-hero h1{font-size:clamp(46px,10vw,70px)}.hero-fine{margin-top:40px}.preview-photo{height:350px}.agency-value{grid-template-columns:1fr;gap:15px;padding:75px 6%}.agency-showcase,.agency-process{padding:75px 6%}.agency-demo-grid{grid-template-columns:1fr;gap:32px}.agency-process{grid-template-columns:1fr;gap:35px}.contact-grid form{padding:24px}}@media(prefers-reduced-motion:reduce){.agency-demo img,.tile-image img{transition:none}}@media(forced-colors:active){:focus-visible{outline:2px solid Highlight}}
/* Option 03 is a provisional raster identity; all sizes stay below native resolution. */
header .brand{display:inline-flex;align-items:center;flex:none;max-width:100%;gap:0}
header .brand img{display:block;width:220px;max-width:100%;height:auto}
.footer-logo{display:block;width:245px;max-width:100%;height:auto}
body{font-family:'Trebuchet MS',Arial,sans-serif;background:#080808}
.agency-hero h1,.agency-value h2,.agency-showcase h2,.agency-process h2,.gallery-head h2,.intro h1,.closing h2,.split h2,.quote h2,.contact-grid h2{font-family:Cambria,Georgia,serif}
.agency-hero{position:relative;gap:6%;padding-top:110px;padding-bottom:105px}
.agency-hero-main{border-left:1px solid #6f6f69;padding-left:clamp(22px,3vw,44px)}
.agency-hero .eyebrow{letter-spacing:.2em;color:#d0cec7}
.agency-hero .lead{max-width:550px}
.hero-preview{background:#10100f;border-color:#484843;padding:12px}
.preview-top,.preview-bottom{padding-left:5px;padding-right:5px}
.agency-value{background:#10100f}.agency-value h2{max-width:740px}
.agency-showcase .section-heading{padding-top:22px;border-top:1px solid #52524d}
.agency-demo h3{font-family:Cambria,Georgia,serif}.agency-demo>div{border:1px solid #444440}
.agency-process{background:#161615}.agency-steps article{border-color:#686860}
.style-tile{background:#111110}.tile-body h2{font-family:Cambria,Georgia,serif}
.contact-grid form{background:#121211}.intro{border-bottom:1px solid #393936}
footer .footer-logo{margin:0 0 6px}
@media(max-width:800px){header .brand img{width:190px}.agency-hero-main{padding-left:20px}.agency-hero{gap:45px}.footer-logo{width:210px}}
@media(max-width:400px){header .brand img{width:175px}}