@font-face{font-family:Open Sans;src:url(regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Open Sans;src:url(semibold.ttf) format("truetype");font-weight:600 700;font-display:swap}
@font-face{font-family:Open Sans;src:url(extrabold.ttf) format("truetype");font-weight:800 900;font-display:swap}
:root{color-scheme:dark;--ink:#101820;--deep:#0c141b;--petrol:#164e63;--gold:#d4a85a;--paper:#f5f3ee;--mute:#afc0c6;--text:#45565b;--line:#cbd4d2;--dark-line:#35515c;--width:1320px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.62 "Open Sans",system-ui,sans-serif}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
button,summary{cursor:pointer}button:disabled{cursor:default}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.light :focus-visible,.form :focus-visible{outline-color:var(--petrol)}
.skip{position:fixed;top:10px;left:12px;z-index:10;transform:translateY(-170%);background:var(--paper);color:var(--ink);padding:10px 16px}.skip:focus{transform:none}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;font-weight:800;text-wrap:balance}
h1{font-size:clamp(43px,5.05vw,76px);letter-spacing:-.063em}h2{font-size:clamp(34px,4vw,57px);letter-spacing:-.057em}h3{font-size:clamp(20px,2vw,25px);letter-spacing:-.027em}
.wrap{width:min(var(--width),calc(100% - 100px));margin-inline:auto}
.top{position:sticky;top:0;z-index:4;background:#101820;border-bottom:1px solid #293f4a}.header-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{flex:none;display:inline-flex;align-items:center}.brand img{width:180px}.desktop{display:flex;align-items:center;gap:clamp(13px,1.45vw,25px);font-size:13px;font-weight:600;white-space:nowrap}.desktop a:hover,.footer a:hover{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:10px 19px;background:var(--gold);color:var(--ink);border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:800;line-height:1.25;transition:background .2s,border-color .2s,transform .2s}
.button:hover{background:#edc47c;transform:translateY(-2px)}.button:active{transform:none}.button.small{min-height:40px;padding:8px 13px;white-space:nowrap}.button.ghost{background:transparent;color:var(--paper);border-color:#536a73}.button.ghost:hover{border-color:var(--gold)}.button span{font-size:17px}
.hamb,.drawer{display:none}
.hero{overflow:hidden;background:radial-gradient(ellipse at 86% 35%,#183443 0%,var(--ink) 52%)}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:clamp(30px,5vw,88px);min-height:620px;padding-block:82px}
.label{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.5}.label span{width:19px;height:1px;background:currentColor;flex:none}
.hero h1{margin-top:23px}.hero h1 em{color:var(--gold);font-style:normal}.lead{max-width:500px;margin-top:24px;font-size:clamp(16px,1.4vw,19px);color:#c7d4d7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.hero-art{position:relative;min-width:0}.hero-art svg{width:100%}.hero-art>span{position:absolute;left:5%;bottom:5%;color:#b5c5c8;font-size:clamp(7px,1vw,10px);letter-spacing:.17em;font-weight:600}
.section{padding-block:clamp(65px,8vw,110px)}.light{color-scheme:light;background:var(--paper);color:var(--ink)}.light .label,.form .label{color:var(--petrol)}
.section-head{max-width:720px;margin-bottom:38px}.section-head h2{margin-top:14px}.section-head>p:last-child:not(.label):not(.domain){margin-top:16px;max-width:570px;color:var(--mute)}.light .section-head>p:last-child:not(.label){color:var(--text)}
.split{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(30px,7vw,108px)}.split .section-head{margin-bottom:0}
.solutions{background:#122731}.solution-list article{display:flex;gap:19px;padding-block:22px;border-top:1px solid var(--dark-line)}.solution-list article:last-child{border-bottom:1px solid var(--dark-line)}.solution-list article>span,.steps span{color:var(--gold);font-size:12px;font-weight:800}.solution-list p{margin-top:8px;color:#bdcdd1}
.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.works article{border:1px solid var(--line);background:#faf8f3}.mock{height:clamp(175px,19vw,240px);display:grid;place-items:center;overflow:hidden;padding:18px;isolation:isolate;position:relative}.mock::after{content:"";position:absolute;z-index:-1;width:69%;height:140%;right:-15%;top:-12%;border-radius:48%;border:1px solid currentColor;box-shadow:0 0 0 14px #ffffff20,0 0 0 29px #ffffff12,0 0 0 45px #ffffff14;opacity:.65;transform:rotate(35deg)}.mock>div{width:100%;max-width:280px}.mock small,.mock span,.mock b{display:block}.mock small{font-size:9px;letter-spacing:.15em;font-weight:800}.mock b{font-size:clamp(24px,3vw,41px);font-family:Georgia,serif;letter-spacing:-.06em;line-height:1.02;margin:13px 0}.mock span{width:max-content;max-width:100%;font-size:9px;border:1px solid currentColor;padding:4px 8px}.hotel{background:linear-gradient(130deg,#144c61,#112e40);color:#f5f3ee}.kitchen{background:linear-gradient(140deg,#93482f,#633625);color:#fff1d8}.studio{background:linear-gradient(140deg,#e8d7c1,#d5baa3);color:#44372f}.studio::after{opacity:.22}
.work-body{padding:22px}.tag{display:inline-block;margin-bottom:10px;background:#e5efec;color:#164e63;padding:4px 8px;font-size:11px;font-weight:800}.work-body>p:last-child{margin-top:9px;color:var(--text)}
.about{background:#182832}.about-notes p{padding:15px 0;border-bottom:1px solid var(--dark-line);color:#c4d1d4}.about-notes p:first-child{padding-top:0}.about-notes strong{display:block;margin-bottom:4px;color:var(--paper);font-size:17px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.steps li{border-top:2px solid var(--petrol);padding:16px 0}.steps span{color:var(--petrol)}.steps h3{margin:10px 0 8px}.steps p{color:var(--text)}.pricing{margin-top:39px;background:#e5eeeb;padding:29px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pricing h3{margin:8px 0}.pricing p:last-child{max-width:650px;color:var(--text)}.pricing .button{flex:none;background:var(--petrol);color:var(--paper)}.pricing .button:hover{background:#103b4a}
.faq{padding-top:0}.faq>.wrap{border-top:1px solid var(--line);padding-top:60px}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}summary{list-style:none}summary::-webkit-details-marker{display:none}.questions summary{padding:16px 30px 16px 0;position:relative;font-weight:800}.questions summary::after{content:"+";position:absolute;right:5px;top:14px;color:var(--petrol);font-size:21px}.questions details[open] summary::after{content:"−"}.questions details p{padding:0 24px 16px 0;color:var(--text)}
.contact{background:radial-gradient(ellipse at 28% 55%,#173947,var(--ink) 68%)}.domain{margin-top:22px;color:var(--gold);font-weight:600;overflow-wrap:anywhere}
.form{min-width:0;background:var(--paper);color:var(--ink);color-scheme:light;padding:clamp(20px,3vw,38px);border-radius:4px}.form-note{margin:8px 0 22px;color:var(--text);font-size:14px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fields label{display:grid;gap:4px;align-content:end;font-size:13px;font-weight:800;min-width:0}.fields label span{font-weight:400;color:var(--text)}.fields .wide{grid-column:1/-1}.fields input,.fields select,.fields textarea{min-width:0;width:100%;padding:9px 10px;border:1px solid #788b8e;border-radius:3px;color:var(--ink);background:#fffefa;font-size:16px;font-weight:400}.fields textarea{resize:vertical}.form .button{margin-top:19px}.form .button:disabled{opacity:.6}.form-status:not(:empty){margin-top:12px;color:var(--petrol);font-weight:800}
.footer{border-top:1px solid var(--dark-line);color:var(--mute)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:23px}.footer .brand img{width:150px}.footer a:last-child{font-size:13px;font-weight:800}
@media(max-width:1150px){.wrap{width:calc(100% - 68px)}.header-inner .brand img{width:153px}.desktop{gap:12px;font-size:12px}}
@media(max-width:1000px){
 .desktop{display:none}.header-inner{display:grid;grid-template-columns:44px 1fr auto;justify-content:start;gap:10px;min-height:67px}.hamb{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--dark-line);background:transparent;color:var(--paper);border-radius:4px}.hamb svg{width:21px;stroke:currentColor;stroke-width:1.7;fill:none}
 .drawer[open]{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;margin:0;max-width:none;width:min(360px,calc(100vw - 28px));max-height:none;height:100dvh;padding:19px 20px;background:var(--ink);color:var(--paper);border:0;border-right:1px solid var(--dark-line);overflow:auto;overscroll-behavior:contain}.drawer::backdrop{background:#050b10b8}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.drawer-head strong{color:var(--gold);font-size:15px}.close{color:var(--paper);background:transparent;border:1px solid var(--dark-line);border-radius:4px;width:44px;height:44px;font-size:27px;line-height:1}.drawer nav>a,.drawer summary{display:block;padding:13px 0;border-top:1px solid var(--dark-line);font-weight:600}.drawer summary::after{content:"+";float:right;color:var(--gold)}.drawer details[open] summary::after{content:"−"}.subnav{display:grid;border-left:2px solid var(--gold);padding:4px 10px;margin-bottom:12px;color:#c6d4d8;font-size:14px}.subnav a{padding:8px 0}.drawer-bottom{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-top:22px;margin-top:auto}.menu-open{overflow:hidden}
 .hero-grid{min-height:520px;gap:34px}
}
@media(max-width:760px){
 html{scroll-padding-top:78px}.wrap{width:calc(100% - 44px)}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:58px 34px;gap:35px}.hero-art{width:min(100%,480px)}.hero h1{max-width:620px}.section-head{margin-bottom:25px}.split{grid-template-columns:1fr;gap:27px}.works{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing{align-items:flex-start;flex-direction:column}.footer-grid{flex-wrap:wrap;gap:14px}
}
@media(max-width:460px){
 .wrap{width:calc(100% - 32px)}.header-inner{gap:6px}.header-inner .brand img{width:clamp(123px,37vw,145px)}.top-cta{padding-inline:8px!important;font-size:12px;gap:5px;min-height:36px!important}.top-cta span{font-size:13px}.works,.fields{grid-template-columns:1fr}.mock{height:180px}.footer-grid p{flex-basis:100%;order:3}.hero h1{font-size:clamp(38px,10.7vw,48px)}.steps{gap:14px}.section{padding-block:55px}.faq{padding-top:0}.faq>.wrap{padding-top:42px}.button{font-size:13px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Navigation and service catalog */
.service-nav>summary{display:flex;align-items:center;gap:7px}
.service-nav>summary::after{content:"";width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg) translateY(-2px)}
.service-nav[open]>summary{color:var(--gold)}
.mega{position:absolute;top:100%;left:50%;width:min(790px,calc(100% - 60px));transform:translateX(-50%);padding:20px 24px 24px;background:#15252d;border:1px solid #45606b;box-shadow:0 24px 55px #0006;white-space:normal}
.mega-all{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:1px solid var(--dark-line);color:var(--gold);font-weight:800}
.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:15px}
.mega-grid p,.subnav p{font-weight:800;color:var(--gold);font-size:11px;letter-spacing:.05em}
.mega-grid a,.subnav>div a{display:block;padding:7px 0}
.subnav>div{padding:8px 0 4px;border-top:1px solid var(--dark-line)}

.hero{background:radial-gradient(ellipse at 81% 31%,#193743 0%,#101820 49%,#0e171e 87%)}
.hero-grid{position:relative;min-height:650px;padding-block:86px;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(30px,6vw,91px)}
.hero-grid::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#d4a85a80,#35515c 38%,transparent 100%)}
.hero h1{font-size:clamp(41px,5vw,77px);letter-spacing:-.067em;text-wrap:initial}
.hero h1 em{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;font-size:1.12em;letter-spacing:-.07em}
.hero-art{box-shadow:0 24px 65px #06101790}
.hero-art>span{letter-spacing:.2em}
.button{border-radius:5px}
.button span,[data-service] span,.mega-all span{font-family:"DejaVu Sans",system-ui,sans-serif}
.light{background:#f5f2eb}
.service-heading{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;column-gap:40px;align-items:end}
.service-heading .label{grid-column:1/-1}
.service-heading>p:last-child:not(.label){margin:0 0 4px;max-width:410px}
.service-catalog{border-top:1px solid #aebebc}
.service-group{display:grid;grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr);gap:clamp(22px,4vw,65px);border-bottom:1px solid #aebebc;padding:31px 0}
.group-intro{padding:7px 0 5px}
.group-number{display:block;margin-bottom:12px;color:var(--petrol);font-family:Georgia,serif;font-size:35px;line-height:1}
.group-intro h3{font-size:clamp(24px,2.7vw,36px);letter-spacing:-.05em;text-wrap:initial}
.group-intro p{margin-top:11px;color:var(--text);max-width:330px;font-size:14px}
.group-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-card{display:flex;flex-direction:column;padding:22px;min-width:0;border:1px solid #c3cecb;background:#fdfbf6;transition:border-color .2s,background .2s}
.service-card:hover,.service-card:focus-within,.service-card:target{border-color:var(--petrol);background:#f2f6f2}
.service-card .service-status{align-self:flex-start;margin:0 0 12px;padding:4px 8px;color:#174d49;background:#dcece4;font-size:10px;font-weight:800;letter-spacing:.045em}
.service-card .discovery{background:#eee5d0;color:#62471a}
.service-card .support{background:#e0ecf2;color:#15495c}
.service-card h4{margin:0 0 8px;font-size:clamp(18px,1.8vw,23px);line-height:1.2;letter-spacing:-.035em;font-weight:800}
.service-card>p:not(.service-status),.service-card li{font-size:13px;color:var(--text)}
.service-card ul{display:grid;gap:5px;margin:13px 0 15px;padding-left:17px}
.service-card li::marker{color:var(--petrol)}
.service-card a{margin-top:auto;align-self:flex-start;padding-block:6px;color:var(--petrol);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.service-card a span{display:inline-block;margin-left:5px}
.solutions{background:#132b35}
.works{gap:20px}
.works article{box-shadow:0 8px 25px #12262b0b}
.mock{margin:8px 8px 0;height:clamp(175px,19vw,230px)}
.mock>div{padding:13px 15px;border:1px solid #ffffff65;border-top-width:6px;background:#07172230}
.studio>div{border-color:#44372f66;background:#f8ede05c}
.work-body{padding:20px}
@media(max-width:1000px){
 .hero-grid{min-height:520px;padding-block:65px;gap:27px}
 .hero h1 br{display:none}
}
@media(max-width:760px){
 .hero-grid{grid-template-columns:1fr;min-height:0;padding-block:56px 37px;gap:34px}
 .service-heading,.service-group{grid-template-columns:1fr;gap:16px}
 .service-heading{gap:0}
 .service-heading>p:last-child:not(.label){margin-top:12px}
 .service-group{padding:22px 0}
 .group-intro p{max-width:100%}
 .group-number{font-size:28px;margin-bottom:8px}
}
@media(max-width:460px){
 .hero h1{font-size:clamp(36px,9.5vw,45px)}
 .hero h1 em{font-size:1.09em}
 .service-card{padding:17px}
}

/* Light editorial entrance and brass brand artwork */
:root{--ivory:#f8f5ee;--rule:#d3cbbb;--brass:#735024;--muted-ink:#4a5553}
.top{color-scheme:light;background:#f8f5eef5;color:var(--ink);border-bottom:1px solid var(--rule)}
.header-inner{min-height:79px}
.desktop a:hover,.service-nav[open]>summary,.service-nav>summary:hover{color:var(--brass)}
.top :focus-visible{outline-color:var(--brass)}
.top .brand img{width:183px}
.top-cta,.hero .actions>.button:first-child{background:#15262c;color:#fcf8ef}
.top-cta:hover,.hero .actions>.button:first-child:hover{background:#27424a;color:#fcf8ef}
.top-cta span,.hero .actions>.button:first-child span{color:#e9c98d}
.mega{color:var(--paper);border-color:#4f656b}
.mega .mega-all,.mega a:hover{color:#f1ce8d}
.mega :focus-visible{outline-color:#f1ce8d}
.hamb{border-color:#b7ab96;color:#15262c}
.hero{color-scheme:light;background:radial-gradient(ellipse at 12% 27%,#fffdf8 0%,var(--ivory) 63%);color:var(--ink)}
.hero :focus-visible{outline-color:var(--brass)}
.hero-grid{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:clamp(36px,7vw,112px);padding-block:clamp(52px,6vw,96px) clamp(32px,4vw,64px)}
.hero-grid::after{display:none}
.hero-copy>.label{color:var(--brass);font-size:10px;letter-spacing:.19em}
.hero h1{font-size:clamp(44px,6.65vw,99px);letter-spacing:-.075em;line-height:1.01;margin-top:26px}
.hero h1 em{color:#765025;font-size:.99em;letter-spacing:-.065em}
.hero .lead{max-width:435px;color:var(--muted-ink);margin-top:25px}
.hero .actions{margin-top:28px;gap:10px}
.hero .button.ghost{color:var(--ink);border-color:#a39987}
.hero .button.ghost:hover{background:#efe7d7;border-color:#88765b}
.hero-art{background:#142328;box-shadow:0 24px 48px -19px #25271d69;isolation:isolate}
.hero-art img{display:block;width:100%;height:auto}
.hero-art-top,.hero-art-bottom{position:absolute;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#ead5ab;font-size:clamp(7px,.8vw,11px);font-weight:600;letter-spacing:.16em}
.hero-art-top{top:8%}.hero-art-top span:first-child{font-family:Georgia,serif;font-size:1.4em;letter-spacing:0}
.hero-art-bottom{bottom:8%}
.hero-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--rule)}
.hero-index a{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:13px;padding:16px 16px 16px 0;color:var(--ink);font-size:13px;font-weight:800;min-width:0}
.hero-index a+a{padding-left:17px;border-left:1px solid var(--rule)}
.hero-index a span{color:var(--brass);font-family:Georgia,serif}
.hero-index a span:last-child{font-family:"DejaVu Sans",system-ui,sans-serif}.hero-index a:hover{color:var(--brass);text-decoration:underline;text-underline-offset:4px}
.light{background:var(--ivory)}
#hizmetler{padding-top:clamp(55px,7vw,100px)}
.service-heading .label{color:var(--brass)}
.service-catalog,.service-group{border-color:var(--rule)}
.service-group{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
.group-number{color:var(--brass);font-size:43px}
.group-cards{gap:0;border:1px solid var(--rule);background:#fcfaf4}
.service-card{background:transparent;border:0;padding:clamp(18px,2.3vw,34px)}
.service-card+.service-card{border-left:1px solid var(--rule)}
.service-card:hover,.service-card:focus-within,.service-card:target{background:#f1ebdc}
.service-card .service-status{background:transparent;border:1px solid #b9a78a;color:#68471d;border-radius:20px;padding-inline:9px;letter-spacing:.055em}
.service-card h4{margin-top:4px}
.service-card ul{margin-block:16px}
.service-card li::marker{color:var(--brass)}
.service-card a{color:#654821}
.solutions{background:#17292f}
.mock{margin:0}
.works article{background:#fcfaf4;border-color:var(--rule)}
.works .tag{background:#efe4d0;color:#654821}
@media(max-width:1150px){.top .brand img{width:155px}}
@media(max-width:1000px){.header-inner{min-height:67px}.hero-grid{gap:30px}.hero h1 br{display:initial}}
@media(max-width:760px){.hero-grid,.service-group{grid-template-columns:1fr}.hero-grid{gap:31px;padding-block:48px 28px}.hero-art{width:min(100%,520px)}.hero-index a{font-size:11px;gap:7px;padding:12px 8px 12px 0}.hero-index a+a{padding-left:8px}.group-number{font-size:33px}}
@media(max-width:460px){.top .brand img{width:clamp(122px,36vw,145px)}.hero h1{font-size:clamp(41px,11vw,52px)}.hero-index{grid-template-columns:1fr}.hero-index a,.hero-index a+a{border-left:0;padding:10px 2px;font-size:12px}.hero-index a+a{border-top:1px solid var(--rule)}.service-card+.service-card{border-left:0;border-top:1px solid var(--rule)}}

/* Black and gold studio identity */
:root {
  --ink:#080808; --deep:#050505; --paper:#f2e9db; --gold:#e0ab61;
  --mute:#bdb2a2; --text:#c4b9a8; --rule:#4e3a26; --line:#4e3a26;
  --dark-line:#4e3a26; --brass:#e0ab61; --petrol:#e0ab61;
}
.top,.footer{color-scheme:dark;background:#080808;color:var(--paper);border-color:var(--rule)}
.top{background:#080808f5}
.brand{display:inline-flex;gap:9px;align-items:center}
.top .brand img,.footer .brand img{width:35px;height:auto;border-radius:2px}
.brand-word{font-size:13px;font-weight:800;letter-spacing:.065em;line-height:1.1;white-space:nowrap}
.brand-word small{display:block;margin-top:4px;color:var(--gold);font-size:8px;letter-spacing:.28em}
.top .brand:hover,.footer .brand:hover{color:var(--paper)}
.hamb{border-color:var(--rule);color:var(--paper)}
.mega,.drawer[open]{background:#110e0b;border-color:var(--rule)}
.mega .mega-all,.mega a:hover,.subnav p{color:var(--gold)}
.subnav{color:var(--text)}
.button,.top-cta,.hero .actions>.button:first-child,.pricing .button{background:#e0ab61;color:#171007;border-color:#e0ab61}
.button:hover,.top-cta:hover,.hero .actions>.button:first-child:hover,.pricing .button:hover{background:#f1c581;color:#171007;border-color:#f1c581}
.top-cta span,.hero .actions>.button:first-child span{color:inherit}
.button.ghost,.hero .button.ghost{color:var(--paper);border-color:#80613e;background:transparent}
.button.ghost:hover,.hero .button.ghost:hover{background:#21180e;border-color:var(--gold)}
.hero{color-scheme:dark;color:var(--paper);background:radial-gradient(ellipse at 71% 28%,#1b130c 0%,#080808 64%)}
.hero-grid{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(30px,6vw,95px);padding-block:clamp(50px,7vw,105px) clamp(34px,5vw,62px)}
.hero h1,.detail h1{font:400 clamp(52px,6.4vw,100px)/.99 Georgia,serif;letter-spacing:-.062em}
.hero h1 em{color:var(--gold);font-style:italic;font-size:.98em}
.hero .lead,.detail .lead{color:var(--text);max-width:510px}
.hero-copy>.label,.hero-index a span,.hero-index a:hover{color:var(--gold)}
.hero-art{background:#000;border:1px solid #66492b;padding:6px;box-shadow:0 18px 65px #0007;position:relative}
.hero-art::before{content:"";position:absolute;inset:6px;pointer-events:none;border:1px solid #3a2b1c}
.hero-art img{width:100%;height:auto}
.hero-index a{color:var(--paper)}
.light,.solutions,.about,.contact{color-scheme:dark;background:#0e0c0a;color:var(--paper)}
.solutions,.about{background:#15100c}
.section{border-bottom:1px solid #33261b}
.section h2,.detail-grid h2,.detail-more h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}
.section-head>p:last-child:not(.label),.light .section-head>p:last-child:not(.label),.light .label,.service-heading .label,.group-number,.steps span{color:var(--text)}
.light .label,.service-heading .label,.group-number,.steps span{color:var(--gold)}
.group-cards,.works article,.pricing{background:#15110d;border-color:var(--rule)}
.service-card:hover,.service-card:focus-within,.service-card:target{background:#21170f}
.service-card .service-status{color:#f0c88f;border-color:#87643d}
.service-card li::marker,.service-card a,.questions summary::after{color:var(--gold)}
.service-links{display:flex;flex-wrap:wrap;gap:7px 18px;align-items:flex-end;margin-top:auto}
.service-links a{margin-top:0}
.works .tag{background:#2e2114;color:#f3d29c}
.about-notes p,.solution-list p,.pricing p:last-child{color:var(--text)}
.form{color-scheme:dark;background:#15110d;color:var(--paper);border:1px solid var(--rule)}
.fields input,.fields select,.fields textarea{background:#080808;color:var(--paper);border-color:#785d41}
.fields input::placeholder,.fields textarea::placeholder{color:#b4a491;opacity:1}
.form-status:not(:empty){color:#edbb79}
.brief{margin-top:22px;padding-top:18px;border-top:1px solid var(--rule)}
.fields > label[hidden],.brief[hidden]{display:none}
.brief .button{justify-self:start;margin-top:0}
.offer-panel{min-width:0}
.offer-opening{
  position:relative;padding:clamp(24px,5vw,62px);
  border:1px solid #8c653b;background:radial-gradient(ellipse at 48% 24%,#2c1d10,#110d09 78%);
  box-shadow:0 22px 48px #0006;text-align:center;
}
.offer-opening::before{
  content:"";position:absolute;inset:6px;border:1px solid #4e3a26;pointer-events:none;
}
.offer-opening .label{justify-content:center}
.offer-opening h3{
  margin:17px 0 0;font:400 clamp(22px,3.2vw,36px)/1.15 Georgia,serif;
}
.offer-countdown{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
  margin:22px auto 13px;max-width:370px;
}
.offer-countdown[hidden]{display:none}
.offer-countdown span{
  padding:10px 2px 8px;border:1px solid #6e4b2d;
  background:linear-gradient(#281b10,#15100b);color:#e9ccaa;
  font-size:11px;font-weight:600;
}
.offer-countdown strong{
  display:block;margin-bottom:4px;color:#efba73;
  font-size:clamp(20px,5vw,36px);line-height:1.12;font-variant-numeric:tabular-nums;
}
.offer-opening time{
  display:block;margin:14px 0 0;color:#e9ccaa;
  font-size:clamp(15px,2vw,19px);font-weight:800;font-variant-numeric:tabular-nums;
}
.offer-opening p:last-child{margin:18px auto 0;max-width:360px;color:var(--text)}
.detail{background:#0e0c0a}
.detail-intro{background:radial-gradient(ellipse at 65% 15%,#24180e,#080808 70%);padding:32px 0 clamp(45px,7vw,90px);border-bottom:1px solid var(--rule)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--mute);font-size:13px;margin-bottom:clamp(36px,6vw,68px)}
.breadcrumb a,.detail-more a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.detail-intro h1{max-width:950px;margin-top:15px;font-size:clamp(46px,6vw,87px);text-wrap:balance}
.detail-intro .lead{max-width:720px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:46px;border:1px solid var(--rule)}
.detail-grid section{padding:clamp(22px,4vw,44px)}
.detail-grid section:nth-child(2n){border-left:1px solid var(--rule)}
.detail-grid section:nth-child(n+3){border-top:1px solid var(--rule)}
.detail-grid h2,.detail-more h2{font-size:clamp(28px,3vw,38px);margin-bottom:14px}
.detail-grid p,.detail-grid ul{color:var(--text)}
.detail-grid ul{margin:0;padding-left:20px}
.detail-grid li+li{margin-top:7px}
.detail-grid li::marker{color:var(--gold)}
.detail-more{padding-block:38px 65px}
.detail-more a{display:inline-block;margin:0 22px 8px 0}
@media(max-width:1000px){.hero-grid{gap:25px}}
@media(max-width:760px){
  .hero-grid,.detail-grid{grid-template-columns:1fr}
  .hero-grid{padding-block:49px 29px}
  .hero-art{max-width:520px}
  .detail-grid section:nth-child(2n){border-left:0}
  .detail-grid section+section{border-top:1px solid var(--rule)}
}
@media(max-width:460px){
  .top .brand img,.footer .brand img{width:28px}
  .brand{gap:5px}.brand-word{font-size:11px}.brand-word small{font-size:7px}
  .hero h1{font-size:clamp(42px,10vw,59px)}
  .hero h1 br{display:none}
  .detail-intro h1{font-size:clamp(36px,9.5vw,48px)}
}

/* Studio catalogue and signature */
.hero{
  background:radial-gradient(ellipse at 78% 37%,#25190f 0%,#100c09 43%,#080808 75%);
}
.hero-grid{gap:clamp(28px,5vw,80px)}
.hero h1{font-size:clamp(48px,6.35vw,96px)}
.hero h1 em{color:#efba73}
.hero .lead{max-width:460px}
.hero-art{
  margin:0;padding:clamp(13px,1.7vw,23px);border-color:#8c653b;
  background:#0b0907;box-shadow:0 30px 78px #000a;
}
.hero-art::before{
  inset:5px;border-color:#392b1e;
  background:linear-gradient(#d2a265,#d2a265) left top/21px 1px no-repeat,
    linear-gradient(#d2a265,#d2a265) left top/1px 21px no-repeat,
    linear-gradient(#d2a265,#d2a265) right bottom/21px 1px no-repeat,
    linear-gradient(#d2a265,#d2a265) right bottom/1px 21px no-repeat;
}
.signature-label{
  display:flex;justify-content:space-between;gap:12px;padding:3px 3px 10px;
  color:#dcb482;font-size:9px;letter-spacing:.17em;
}
.hero-art img{border:1px solid #332519}
.hero-art figcaption{
  position:relative;margin:10px 0 0;padding:12px 0 2px;
  border-top:1px solid #4b3623;color:#e9ccaa;text-align:center;
  font:italic 400 clamp(16px,1.9vw,25px)/1.25 Georgia,serif;
}
.signature-end:empty{display:none}
.signature-end{padding-block:32px 40px}
.signature-end .hero-art{margin-inline:auto}
.hero-index{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-index a:hover,.hero-index a:focus-visible{background:#21170e}
.mega{width:min(1040px,calc(100% - 56px))}
.mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mega-grid>div+div{border-left:1px solid var(--rule);padding-left:16px}
.mega-grid a{line-height:1.35}
.service-group{grid-template-columns:minmax(0,.46fr) minmax(0,1.54fr);gap:clamp(20px,3vw,42px);padding:28px 0}
.group-intro h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,2.6vw,39px)}
.group-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;background:transparent}
.group-cards[hidden],.group-toggle[hidden]{display:none}
.group-toggle{
  display:inline-flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:44px;margin-top:12px;padding:8px 12px;border:1px solid var(--rule);
  background:#15110d;color:var(--gold);font-size:13px;font-weight:800;
}
.group-toggle:hover{border-color:#936840}
.group-toggle-icon::before{content:"+"}
.group-toggle[aria-expanded="true"] .group-toggle-icon::before{content:"−"}
.service-group-expanded .group-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.group-cards .service-card{
  min-height:194px;padding:clamp(15px,1.75vw,25px);
  border:1px solid #4e3a26;background:linear-gradient(155deg,#1d160f,#100e0c 76%);
  box-shadow:inset 0 1px #efd6ab0c,0 8px 20px #0003;
}
.group-cards .service-card:is(:hover,:focus-within,:target){
  border-color:#936840;background:linear-gradient(155deg,#2a1e13,#15100c 76%);
  box-shadow:inset 0 1px #efd6ab20,0 10px 24px #0005;
}
.service-card h4{margin:0 0 10px;font-size:clamp(16px,1.5vw,20px)}
.service-card>p{margin-bottom:16px}
.service-links{gap:0 14px;padding-top:7px;border-top:1px solid #49331f}
.service-card a{font-size:12px;padding-block:7px}
.service-links a[data-service]{text-decoration:none;color:var(--mute)}
.service-links a[data-service]:hover{color:var(--gold);text-decoration:underline}
.detail-example{
  margin-top:20px;padding:clamp(24px,4vw,43px);
  border:1px solid var(--rule);background:linear-gradient(105deg,#1d150e,#110e0b 70%);
}
.detail-example h2{font:400 clamp(28px,3vw,40px)/1.1 Georgia,serif;letter-spacing:-.045em;margin:12px 0}
.detail-example p:last-child{color:var(--text);max-width:780px}
.featured-project{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:center;border:1px solid #795634;
  background:radial-gradient(ellipse at 72% 25%,#22180f,#110d09 74%);
  box-shadow:0 22px 50px #0006;
}
.project-art{
  display:grid;place-items:center;align-self:stretch;padding:clamp(16px,3vw,40px);
  border-inline-end:1px solid var(--rule);
  background:radial-gradient(ellipse at center,#21160c,#080808 76%);
}
.project-art img{display:block;width:min(100%,355px);height:auto}
.project-copy{padding:clamp(22px,5vw,70px);min-width:0}
.project-copy h3{
  margin:12px 0;font:400 clamp(42px,6vw,90px)/1 Georgia,serif;
  letter-spacing:.035em;color:var(--gold);
}
.project-copy p:not(.label){color:var(--text);max-width:410px;margin-bottom:23px}
.concept-label{
  color:var(--gold);margin:34px 0 13px;font-weight:800;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;
}
.works article{padding:7px;background:#15110d}
.work-image{height:clamp(198px,21vw,274px);overflow:hidden;border:1px solid #ffffff28;background:#24190f}
.work-image img{width:100%;height:100%;object-fit:cover}
.work-demo-link{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;
  color:var(--gold);font-size:14px;font-weight:800;
}
.work-demo-link:hover{text-decoration:underline;text-underline-offset:4px}
.mock{height:clamp(198px,21vw,274px);border:1px solid #ffffff28}
.mock>div{
  padding:17px;border:1px solid #ffffff56;border-top:13px solid #ffffff3d;
  border-radius:4px;box-shadow:0 18px 28px #0005;
}
.mock.studio>div{background:#f9f1e5b8;border-color:#63462b55}
.work-body{padding-inline:clamp(12px,1.5vw,22px)}
.detail-intro{background:radial-gradient(ellipse at 78% 12%,#2a1c11,#080808 67%)}
.detail-grid{background:linear-gradient(135deg,#1b140e,#100d0a 72%)}
@media(max-width:900px){
  .service-group{grid-template-columns:1fr;gap:16px}
  .group-intro p{max-width:620px}
}
@media(max-width:760px){
  .group-toggle{width:100%}
  .footer-grid .footer-summary{flex-basis:100%;order:3}
  .hero h1{font-size:clamp(43px,9.7vw,72px)}
  .featured-project{grid-template-columns:1fr}
  .project-art{border-inline-end:0;border-block-end:1px solid var(--rule)}
  .project-art img{width:min(100%,280px)}
  .hero-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-index a:nth-child(3){border-left:0;padding-left:0}
  .hero-index a:nth-child(n+3){border-top:1px solid var(--rule)}
}
@media(max-width:600px){
  .hero-grid{gap:22px;padding-block:30px 21px}
  .hero-copy>.label{letter-spacing:.13em}
  .hero h1{font-size:clamp(40px,10vw,56px);margin-top:15px}
  .hero .lead{font-size:15px;margin-top:14px}
  .hero .actions{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;margin-top:19px;
  }
  .hero .actions .button{min-height:47px;padding:8px;gap:6px;text-align:center}
  .hero .actions .button span{font-size:13px;flex:none}
  .hero-art{justify-self:center;width:min(100%,390px)}
  .hero-art img{width:min(100%,260px);margin-inline:auto}
  .hero-art figcaption{margin-top:8px;padding-top:9px}
  .hero-index{gap:8px;border:0;padding-bottom:22px}
  .hero-index a:nth-child(n){
    min-height:53px;gap:7px;padding:8px;
    border:1px solid var(--rule);background:#15110d;
    font-size:12px;line-height:1.3;
  }
  .hero-index a:nth-child(n):is(:hover,:focus-visible){background:#21170e;border-color:#936840}
  .drawer .subnav a{display:flex;align-items:center;min-height:44px}
  .drawer .drawer-bottom>a:first-child{display:flex;align-items:center;min-height:44px}
  .group-cards,.service-group-expanded .group-cards{grid-template-columns:1fr}
  .group-cards .service-card{min-height:0;padding:18px}
  .service-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
  .project-art img{width:min(100%,225px)}
  .project-copy .button,.form button[type="submit"]{width:100%}
}
@media(max-width:460px){
  .top .button.small{min-height:44px!important}
  .hero .actions .button{font-size:12px}
}