/* DECT — ATELIER / LIGHT EDITION. Complete visual direction, October 2026. */
:root{--navy:#24231f;--navy2:#e9e5dc;--cream:#f7f5ef;--white:#fcfbf8;--gold:#a98650;--muted:#6f6c65;--ink:#24231f;--line:#dcd5ca;--sand:#e9e3d8}
html{scroll-padding-top:95px}body{background:#f7f5ef!important;color:var(--ink)!important}body::after{opacity:.025!important;z-index:2}::selection{background:#d9bb89;color:#28231b}
.header{background:#f7f5efed!important;border-bottom:1px solid #dfd9cf!important;box-shadow:none!important}.header-inner{min-height:85px!important}.brand-image{background-image:url('logo.png')!important;filter:none; width:130px!important;height:42px!important}.header-actions{gap:12px}.language-switch{background:transparent!important;border:1px solid #dad3c9!important}.language-switch a{color:#706b62!important}.language-switch a[aria-current]{color:#fff!important;background:#2f2b25!important}.language-switch a:hover{background:#e7dfd2!important;color:#24231f!important}
.header-inner>.dock-shell .dock,.dock{background:#fcfbf6f5!important;border:1px solid #d6cec1!important;box-shadow:0 9px 28px #3b342014!important;border-radius:999px!important;padding:7px!important;gap:3px!important}.dock a{background:transparent!important;border:0!important;border-radius:999px!important;color:#4c4943!important;width:47px!important;height:47px!important}.dock a:hover,.dock a:focus-visible,.dock a[aria-current=page]{background:#27241f!important;color:#fff!important}.dock-tip{background:#28251f!important;border:0!important;color:#fff!important}
.hero{background:#f7f5ef!important;color:#25221d!important;min-height:0!important;overflow:hidden;border-bottom:1px solid #dbd5c8}.hero:before,.hero:after,.hero-halo{display:none!important}.hero-top{border-bottom:1px solid #d9d2c6;padding-bottom:17px}.hero-top .eyebrow,.hero-edition,.hero-prelude{color:#806d51!important;letter-spacing:.16em!important}.hero-stage{padding:65px 0 72px!important}.hero-split{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;gap:clamp(32px,5vw,95px)!important;align-items:center}.hero-copy h1{font-family:Manrope,sans-serif;font-weight:600!important;font-size:clamp(3.5rem,6.4vw,7.7rem)!important;color:#24231f!important;letter-spacing:-.085em!important;line-height:1.045!important;margin:22px 0 28px!important;animation:none!important}.hero h1 em{color:#a5804a!important}.hero-lead{color:#666158!important;font-size:clamp(1.04rem,1.35vw,1.24rem)!important;line-height:1.75}.hero-rule{color:#877d70!important;margin:45px 0 0!important}.rule-line{background:#d4cabd!important}.hero-showcase{height:560px!important;perspective:none!important}.showcase-label{color:#816c4e!important;border-bottom:1px solid #dcd6cb;padding-bottom:12px;font-size:.65rem}.showcase-browser{border:7px solid #fff!important;border-radius:11px;box-shadow:0 28px 70px #4a433328!important}.showcase-main{top:65px!important;left:0!important;width:91%!important;height:365px!important;transform:rotate(-3deg)!important}.showcase-secondary{right:-1%!important;bottom:18px!important;width:63%!important;height:248px!important;transform:rotate(5deg)!important}.showcase-main:hover{transform:rotate(-1deg) translateY(-8px)!important}.showcase-secondary:hover{transform:rotate(2deg) translateY(-8px)!important}.showcase-corner{color:#81786e!important}.browser-top{background:#fbfaf7!important}.browser-tink{background:linear-gradient(140deg,#333a35bb,#aaa58b33),radial-gradient(circle at 75% 35%,#aeac94,#404941 70%)!important}.browser-rawan{background:linear-gradient(130deg,#36322f,#aa8d6e)!important}
.button{background:#27241f!important;color:#fff!important;border:1px solid #27241f!important;border-radius:999px!important;min-height:56px;box-shadow:none!important;padding:15px 24px!important;transition:transform .25s,background .25s!important}.button:hover{background:#a07d4d!important;border-color:#a07d4d!important;color:#fff!important}.text-link,.more-link{color:#292620!important;border-color:#8c7c65!important}.text-link:hover,.more-link:hover{color:#987647!important}.ticker{display:none!important}
.dark-section,.cream-section,.statement,.page-hero,.merged-process{background:#f7f5ef!important;color:#25231f!important}.dark-section{background:#eeebe4!important}.cream-section{background:#f7f5ef!important}.statement{background:#ebe5d9!important;max-width:none!important;width:100%!important;padding-inline:max(40px,calc((100vw - 1340px)/2))!important}.section-space{padding-block:110px!important}.eyebrow,.kicker,.cream-section .eyebrow{color:#946d3d!important}.section-heading{align-items:end}.section-heading h2,.statement h2,.page-hero h1,.contact-band h2{color:#28241f!important;font-weight:600!important;letter-spacing:-.075em!important}.section-heading>p,.cream-section .section-heading>p,.statement-bottom p,.credibility>p,.work-note,.page-hero>p:last-child{color:#706a61!important}.section-heading h2{font-size:clamp(2.8rem,5.3vw,5.6rem)!important}.project-grid{gap:28px!important}.project-card{color:#292722!important}.project-art{border-radius:9px!important;height:350px!important;background:#ded6c9!important;padding:23px!important;filter:none!important}.work-grid .project-art{height:420px!important}.project-art:before,.project-art:after{display:none!important}.project-window{inset:58px 20px 38px!important;border:5px solid #fffcf5!important;border-radius:7px;background:#716353!important;box-shadow:0 15px 35px #3a302b24!important}.project-window-content{background:linear-gradient(130deg,#fff2,#211b16aa)!important}.project-art .art-index,.project-art .art-stamp{color:#fefbf4!important;text-shadow:0 2px 10px #27231f77}.project-rawan-design .project-art{background:#806d5d!important}.project-vibaloo .project-art{background:#9c8a76!important}.project-tink-home .project-art{background:#747f71!important}.project-shiftdb .project-art{background:#757e79!important}.project-tony-fast-food .project-art{background:#b29577!important}.project-meta{border-color:#c9c0b3!important}.project-meta h3,.project-meta .kicker{color:#28241f!important}.project-meta .kicker{color:#85735d!important}.project-arrow{border-color:#b9b0a2!important;border-radius:999px!important}.live-mark{color:#fff!important}
.service-list{border-color:#cac2b5!important}.service-row{border-color:#d2cabe!important;grid-template-columns:70px minmax(220px,1fr) minmax(200px,.8fr) 45px!important;padding-block:39px!important}.service-row h3{color:#27241f!important;font-weight:600}.service-row p{color:#736b60!important}.service-row:hover{background:#e9e1d4!important}.service-no{color:#a5804a!important}.service-arrow{width:38px;height:38px;border:1px solid #c4b8a6;border-radius:50%;display:grid;place-items:center}
.statement{grid-template-columns:1fr 2.4fr!important;gap:45px}.statement h2{font-size:clamp(2.8rem,5.4vw,6rem)!important}.credibility{border-color:#c9beae!important}.credibility h3{color:#29251e!important}.contact-band{background:#c9b59a!important;color:#2b251d!important}.contact-band .eyebrow{color:#60503b!important}.button.light{background:#2a261f!important;color:#fff!important;border-color:#2a261f!important}
.footer{background:#25221e!important;color:#f6f3ec!important}.footer-top{border-color:#6c6458!important}.footer-cta{color:#fff!important}.footer-bottom{color:#beb5aa!important}.footer-brand{color:#f8f4ed!important}.footer-top p{color:#c3b7a6!important}
.page-hero{border-bottom:1px solid #dfd7cd!important;padding-top:105px!important;padding-bottom:102px!important;min-height:0!important}.page-hero:after{display:none!important}.page-hero h1{font-size:clamp(3.9rem,7.5vw,8.2rem)!important;animation:none!important;margin:25px 0!important}.page-hero>p:last-child{color:#645f58!important}.page-hero:before{content:'DECT  /  STUDIO';display:block;position:absolute;right:4%;top:25%;font-size:clamp(2rem,7vw,7rem);font-weight:800;letter-spacing:-.09em;color:#e9e3d9;pointer-events:none}.about-layout p:not(.eyebrow),.step p{color:#686156!important}.huge-label{color:#867761;opacity:.18!important}.step{border-color:#d2c9ba!important}.step h2{color:#2a2722!important}.merged-process{background:#eae5dc!important;max-width:none!important;width:100%!important;padding-inline:max(40px,calc((100vw - 1000px)/2))!important}.contact-channel{border-color:#c6baab!important}.contact-channel strong,.contact-links h2{color:#2a2721!important}.contact-form{background:#fffdf9!important;border:1px solid #e2d9ce!important;border-radius:12px!important;box-shadow:0 24px 80px #4034280d!important}.contact-form h2{color:#29241f!important}.contact-form input,.contact-form textarea{border-color:#c5b8a6!important}.contact-form label{color:#453d34!important}.contact-channel:hover{background:#e8e0d4!important}
/* Fresh structural elements */
.studio-strip{background:#f7f5ef;border-bottom:1px solid #d7cfc4}.studio-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0}.studio-strip p{margin:0!important;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:#514a41!important}.studio-strip span{color:#9b805a}.studio-intro{background:#f7f5ef;padding:100px 0 45px}.studio-intro-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;align-items:start}.studio-intro h2{font-weight:600;font-size:clamp(2.5rem,4.1vw,4.9rem);line-height:1.16;letter-spacing:-.07em;margin:0;color:#27231f}.studio-intro h2 em{font-style:normal;color:#a5804a}.studio-intro .eyebrow{padding-top:12px}
/* Mobile: no old navy surfaces or floating overflow */
@media(max-width:1100px){.header-inner>.dock-shell{bottom:14px!important}.dock{background:#fffdf9f5!important}}
@media(max-width:980px){.hero-split{grid-template-columns:1fr!important}.hero-showcase{width:min(100%,630px)!important;margin:20px auto!important;height:490px!important}.studio-intro-inner{grid-template-columns:1fr;gap:18px}.service-row{grid-template-columns:45px 1fr 35px!important}.service-row p{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1}}
@media(max-width:600px){.header-inner{min-height:67px!important;padding-block:8px!important}.brand-image{width:108px!important;height:32px!important}.hero-stage{padding:42px 0 35px!important}.hero-copy h1{font-size:clamp(3rem,12vw,5.4rem)!important;line-height:1.06!important}.hero-showcase{height:335px!important;margin-top:10px!important}.showcase-main{top:38px!important;height:220px!important}.showcase-secondary{height:155px!important;bottom:18px!important}.section-space{padding-block:72px!important}.section-heading h2{font-size:clamp(2.7rem,12vw,4.5rem)!important}.statement{padding-inline:20px!important;grid-template-columns:1fr!important}.statement h2,.statement-bottom{grid-column:1!important}.studio-intro{padding:65px 0 5px}.studio-strip-inner{flex-wrap:wrap;gap:8px;padding:23px 0}.studio-strip p{font-size:.68rem!important}.project-art,.work-grid .project-art{height:330px!important}.service-row{grid-template-columns:32px 1fr 32px!important}.page-hero{padding-block:72px!important}.page-hero h1{font-size:clamp(3.5rem,12vw,5.2rem)!important}.page-hero:before{display:none!important}.merged-process{padding-inline:20px!important}.footer{padding-bottom:90px!important}.dock a{width:clamp(39px,10.5vw,47px)!important;height:43px!important}}
@media(prefers-reduced-motion:reduce){.showcase-browser,.project-window{transition:none!important}}

.footer-top{align-items:start;gap:45px;flex-wrap:wrap}.footer-links{display:flex;flex-direction:column;gap:13px}.footer-links a{font-size:.78rem;color:#d0c4b4;text-decoration:none}.footer-links a:hover{color:#fff}

.brand-image{background-image:url('logo-transparent.png')!important;background-position:left center!important}
.hero,.hero *, .page-hero,.page-hero *, .button,.button *, .project-card,.project-card *{cursor:auto!important}
.button,.project-card,.text-link,.more-link,.showcase-browser{cursor:pointer!important}
.cursor-glow,.cursor-dot{display:none!important}

/* October portfolio + brand refinements */
:root{--dect-blue:#3273a6;--dect-blue-soft:#e5f1f8}
.project-card .project-art{background:#dfdcd6!important;padding:0!important;overflow:hidden!important;position:relative!important;border:1px solid #ded8ce}
.project-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .65s cubic-bezier(.2,.75,.3,1);filter:none!important}
.project-card:hover .project-screenshot{transform:scale(1.045)}
.preview-indicator{position:absolute;right:14px;bottom:14px;background:#fcfbf4ee;color:#2d2a25;padding:10px 14px;border-radius:50px;font-size:.63rem;font-weight:800;letter-spacing:.08em;box-shadow:0 5px 20px #0002}
.project-card:focus-visible{outline:3px solid var(--dect-blue);outline-offset:4px}
.browser-art{padding:0!important;overflow:hidden!important;background:#e7e6e4!important}
.browser-art img{height:100%;width:100%;object-fit:cover;object-position:top center;display:block}
.hero-showcase .showcase-browser{overflow:hidden}
.hero .hero-prelude,.hero .showcase-label,.section-heading .eyebrow,.page-hero .eyebrow{color:var(--dect-blue)!important}
.project-arrow:hover,.service-arrow:hover{border-color:var(--dect-blue)!important;color:var(--dect-blue)!important}
.dock-shell{display:flex!important;align-items:center!important;gap:0!important;overflow:visible!important}
.dock-shell .dock{flex-shrink:0}
.dock-support{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--dect-blue);color:#fff!important;border:2px solid #f7f5ef;border-radius:999px;min-height:49px;padding:0 18px;margin-inline-start:-8px;transform:translateY(-9px);position:relative;z-index:2;box-shadow:0 8px 20px #3273a63b;text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}
.dock-support svg{width:18px;height:18px;flex-shrink:0}
.dock-support:hover,.dock-support:focus-visible{background:#205984;transform:translateY(-12px);box-shadow:0 12px 25px #3273a65b}
@media(max-width:1100px){.dock-shell .dock-support{min-height:43px}}
@media(max-width:850px){.dock-shell{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 12px)}.dock-support{min-height:43px;padding:0 12px;transform:translateY(-7px)}.dock-support-text{font-size:0;width:0;overflow:hidden}.dock-support svg{width:19px;height:19px}.dock-support:hover{transform:translateY(-9px)}}
@media(max-width:390px){.dock a{width:37px!important;height:40px!important}.dock-support{padding-inline:9px}}