@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--paper:#f4eee7;--dark:#443f35;--accent:#b48c69;--ink:#2e302a;--muted:color-mix(in srgb,var(--ink) 58%,transparent);--line:color-mix(in srgb,var(--ink) 13%,transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.63;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,.display{letter-spacing:-.055em}h1{font:600 clamp(3.5rem,7vw,7.5rem)/.98 'Playfair Display',Georgia,serif;max-width:820px;margin:0 0 26px}h2{font:600 clamp(2.4rem,4.5vw,4.5rem)/1.08 'Playfair Display',Georgia,serif;margin:0 0 24px}h3{font-size:1.2rem;letter-spacing:-.035em;margin:0 0 12px}p{color:var(--muted)}.wrap{max-width:1400px;padding:0 clamp(20px,4.5vw,76px);margin:0 auto}.topnote{background:var(--dark);color:var(--paper);font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:9px 12px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand-mark{font-size:27px;color:var(--accent)}.brand strong{display:block;font-size:21px;font-weight:800;letter-spacing:-.07em}.brand small{display:block;font-size:9px;letter-spacing:.18em;margin-top:7px;white-space:nowrap}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.navlinks a:not(.btn):hover,.navlinks a[aria-current=page]{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--dark);color:#fff;padding:15px 23px;border:1px solid var(--dark);border-radius:4px;font-weight:700;font-size:13px;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-2px);background:var(--ink)}.btn.outline{background:transparent;color:var(--dark)}.btn.outline:hover{background:var(--dark);color:#fff}.nav-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px;font-size:21px;border-radius:4px}.eyebrow{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:800;color:var(--dark);margin-bottom:22px}.eyebrow:before{content:'';width:22px;height:1px;background:var(--accent)}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:670px;gap:5%;padding-top:35px;padding-bottom:75px}.hero p.lede{max-width:560px;font-size:18px;line-height:1.75;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.subtle-note{font-size:11px;letter-spacing:.06em;color:var(--muted);margin-top:30px}.hero-visual{height:570px;background:var(--dark);position:relative;border-radius:5px;overflow:hidden;box-shadow:25px 30px 0 color-mix(in srgb,var(--accent) 22%,transparent)}.hero-visual .art{width:100%;height:100%;display:block}.hero-visual:after{content:'DIGITAL CONCEPT';position:absolute;right:20px;bottom:14px;color:#fff8;font-size:10px;letter-spacing:.25em}.tiny-label{display:flex;align-items:center;gap:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;font-size:11px;color:var(--muted)}.sect{padding:95px 0}.sect.cream{background:color-mix(in srgb,#fff 53%,var(--paper))}.dark-sect{background:var(--dark);color:var(--paper)}.dark-sect p,.dark-sect .eyebrow{color:#ffffffaa}.split-title{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:45px}.split-title>p{font-size:17px;max-width:460px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service{background:color-mix(in srgb,var(--paper) 70%,white);padding:34px;min-height:230px;border:1px solid var(--line);position:relative;transition:transform .2s,box-shadow .2s}.service:hover,.work-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px #0000000e}.service .number{font-family:Georgia,serif;color:var(--accent);font-size:30px;margin-bottom:35px}.service p{font-size:14px;margin:0}.work-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .2s;cursor:default}.work-card .thumb{height:280px;background:var(--dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.work-card .thumb svg{width:100%;height:100%}.work-card .work-copy{padding:25px 25px 16px}.work-card h3{font-family:'Playfair Display',Georgia,serif;font-size:24px;letter-spacing:-.035em}.work-card p{font-size:13px}.strap{display:flex;align-items:center;gap:28px;padding:35px 0;border-bottom:1px solid var(--line)}.strap strong{font-size:clamp(1.2rem,2.5vw,2rem);font-family:'Playfair Display',Georgia,serif;letter-spacing:-.04em}.strap span{color:var(--accent);font-size:31px}.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:70px 0}.cta h2{max-width:760px;margin:0}.cta p{color:#ffffffaa;margin-top:18px}.footer{background:color-mix(in srgb,var(--dark) 90%,#000);color:#fff;padding:64px 0 30px}.footer p,.footer a{color:#ffffffb2;font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px}.footer h4{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}.footer a{display:block;margin:9px 0}.footer .brand small{color:#ffffffb0}.footer-base{border-top:1px solid #ffffff2b;margin-top:42px;padding-top:22px;font-size:11px;color:#ffffff8d;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.page-head{padding:84px 0 70px;border-top:1px solid var(--line)}.page-head h1{max-width:1100px}.page-head p{font-size:19px;max-width:780px}.copy-cols{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.copy-cols>p{font-size:18px}.checks{list-style:none;padding:0;margin:10px 0}.checks li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;font-weight:700}.checks li:before{content:'✳';color:var(--accent)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-weight:700;gap:20px}.faq summary:after{content:'+';font-size:23px;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq p{max-width:780px;padding-top:15px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;padding:70px 0 110px}.panel{padding:36px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 60px #00000008}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;letter-spacing:.02em;font-weight:700}.field input,.field select,.field textarea{padding:14px 15px;border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-radius:2px;outline:none;background:#fff;color:var(--ink);width:100%;min-height:50px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.field textarea{min-height:140px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.form-grid .wide{grid-column:1/-1}.checkrow{display:flex;align-items:start;gap:10px;font-size:12px;color:var(--muted);margin-bottom:17px}.checkrow input{margin-top:5px}.status{font-size:13px;margin:16px 0 0;min-height:20px}.status.ok{color:#126e45}.status.err{color:#b32b2b}.hidden{display:none!important}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.filter{background:transparent;border:1px solid var(--line);padding:11px 18px;font-size:12px;font-weight:700;border-radius:30px}.filter.active{background:var(--dark);color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:30px;border:1px solid var(--line);background:#ffffff70}.feature span{font-size:28px;color:var(--accent)}.reading{max-width:760px}.reading h3{font-family:'Playfair Display',Georgia,serif;font-size:2rem}.reading p{font-size:17px}.article{padding:36px;border-left:3px solid var(--accent);background:#fff;max-width:950px}.count{font-size:12px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.route{display:flex;align-items:center;gap:9px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--muted);margin-bottom:15px}.route a:hover{color:var(--accent)}.quick-card{padding:25px;border:1px solid var(--line);margin-top:25px}.quick-card p{font-size:13px}.chip{background:color-mix(in srgb,var(--accent) 13%,#fff);color:var(--dark);border-radius:40px;padding:7px 12px;font-size:11px;font-weight:700}.legal{max-width:850px}.legal h2{font-size:2rem;margin:35px 0 15px}.legal p{font-size:15px}
body[data-style=lux] h1,body[data-style=lux] h2{font-weight:400}body[data-style=bold] h1,body[data-style=industrial] h1,body[data-style=modern] h1{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-.075em}body[data-style=bold] .hero-visual{border-radius:0;box-shadow:20px 20px 0 var(--accent)}body[data-style=editorial] .hero-visual{border-radius:220px 220px 5px 5px}body[data-style=soft] .hero-visual{border-radius:260px 260px 8px 8px}body[data-style=travel] .hero-visual{border-radius:52% 48% 10% 10%}body[data-style=architect] .hero-visual{border-radius:0;transform:rotate(1deg)}body[data-style=industrial] .service{border-left:3px solid var(--accent)}body[data-style=modern] .service{border-radius:12px}body[data-style=resort] .hero-visual{border-radius:45% 45% 4px 4px}body[data-style=catalog] .hero-visual{border-radius:0 200px 0 0}
@media(max-width:980px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:45px;gap:55px}.hero-visual{height:420px}.navlinks{gap:14px}.split-title{grid-template-columns:1fr;gap:0}.grid3,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:690px){.nav{min-height:75px}.nav-toggle{display:block}.navlinks{display:none;position:absolute;z-index:99;left:0;right:0;top:109px;background:var(--paper);padding:25px;box-shadow:0 14px 34px #0002;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.hero{padding-bottom:62px}.hero-visual{height:330px;box-shadow:12px 16px 0 color-mix(in srgb,var(--accent) 22%,transparent)}h1{font-size:clamp(3rem,13vw,4.6rem)}.hero p.lede{font-size:16px}.sect{padding:70px 0}.grid3,.feature-grid,.contact-grid,.copy-cols,.footer-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.cta{grid-template-columns:1fr}.page-head{padding:65px 0 40px}.page-head p{font-size:16px}.footer-grid{gap:10px}.work-card .thumb{height:230px}.hero-actions .btn{width:100%}.contact-grid{gap:24px;padding:35px 0 65px}.panel{padding:20px}}
