[hidden]{display:none!important}
:root{--cream:#f4f2ed;--paper:#ebe9e3;--ink:#242721;--soft:#6d7069;--line:#cecec5;--accent:#875544;--wine:#332421;--white:#faf9f5;--display:'DM Sans','Helvetica Neue',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--side:clamp(22px,5.2vw,100px);--ease:cubic-bezier(.18,.68,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{background:var(--cream);color:var(--ink);margin:0;font-family:var(--display);-webkit-font-smoothing:antialiased;overflow-x:clip}body.nav-open,body.lightbox-open{overflow:hidden}::selection{background:var(--accent);color:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}em{font-family:var(--serif);font-weight:400;font-style:italic}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #D8A9B8;outline-offset:4px}main{min-height:90vh}.section-pad{padding:clamp(76px,9.5vw,155px) var(--side)}
.progress-track{height:3px;position:fixed;top:0;inset-inline:0;z-index:130;pointer-events:none}.progress-track>div{height:100%;background:#a77d69;width:0;transition:width .1s linear}
#site-header{height:92px;position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px var(--side);z-index:100;color:var(--ink);background:rgba(244,242,237,.94);backdrop-filter:blur(19px);border-bottom:1px solid rgba(67,67,61,.12);transition:background .3s,color .3s,height .3s}#site-header.over-hero:not(.scrolled){background:linear-gradient(180deg,rgba(15,14,14,.5),rgba(15,14,14,0));color:white;border-color:transparent;backdrop-filter:none}#site-header.scrolled{height:78px}
.wordmark{display:flex;align-items:center;gap:13px;font-size:clamp(19px,1.9vw,27px);font-weight:700;letter-spacing:-.062em;white-space:nowrap;line-height:1}.wordmark-icon{width:34px;height:34px;display:flex;flex:none}.wordmark-icon svg{width:100%;height:100%}.wordmark-light{font-weight:450}.wordmark-dot{color:#D8A9B8}.header-right{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px)}.header-cta{font-size:11px;letter-spacing:.055em;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:600}.header-cta:hover{opacity:.58}.language-picker{display:flex;align-items:center;gap:7px;font-size:11px}.language-picker>span{opacity:.35}.lang-btn{padding:8px 3px;background:none;border:0;color:inherit;opacity:.45;font-size:11px;letter-spacing:.06em}.lang-btn.active{opacity:1;font-weight:700}.menu-toggle{width:48px;height:48px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;position:relative;z-index:102}.menu-toggle span{height:1px;background:currentColor;width:19px;transition:transform .3s,opacity .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.nav-panel{position:fixed;inset:0;z-index:95;background:#262923;color:#f1eee7;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .35s,visibility .35s,transform .35s;overflow-y:auto}.nav-panel.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.nav-panel-inner{max-width:1530px;margin:auto;min-height:100%;padding:clamp(124px,15vh,200px) var(--side) 45px;display:flex;flex-direction:column}.nav-index{font-size:11px;color:#aba9a0;letter-spacing:.18em}.nav-panel nav{margin-top:clamp(25px,4vw,70px);display:flex;flex-direction:column}.nav-panel nav a{font-size:clamp(44px,7.2vw,117px);letter-spacing:-.075em;line-height:1.06;border-bottom:1px solid #565950;padding:9px 0;display:flex;justify-content:space-between;align-items:baseline;transition:padding .25s,color .25s}.nav-panel nav a:hover{padding-left:15px;color:#cbb3a5}.nav-panel nav span{font-size:11px;letter-spacing:0;color:#aaa}.nav-panel-foot{margin-top:auto;padding-top:40px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.13em;color:#aba9a0}
.hero{height:100svh;min-height:640px;position:relative;overflow:hidden;background:#231918;color:white;isolation:isolate}.hero-media,.hero-poster,.hero-media video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-poster,.hero-media video{object-fit:cover;object-position:center}.hero-media video{opacity:0;transition:opacity 1.4s ease}.hero-media video.ready{opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(10,10,9,.59) 0%,rgba(10,10,9,.3) 55%,rgba(10,10,9,.12) 100%),linear-gradient(0deg,rgba(12,11,10,.65),transparent 38%,rgba(12,11,10,.2))}.hero-vertical{position:absolute;right:var(--side);top:31%;font-size:10px;letter-spacing:.23em;writing-mode:vertical-rl;opacity:.7;z-index:3}.hero-body{position:absolute;left:var(--side);bottom:clamp(111px,13vh,155px);z-index:3;width:calc(100% - 2*var(--side))}.hero-eyebrow{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.185em;font-weight:500}.hero-line{display:inline-block;width:38px;height:1px;background:rgba(255,255,255,.6)}.hero h1{font-size:clamp(72px,8.1vw,153px);line-height:.9;font-weight:500;letter-spacing:-.08em;margin:26px 0 42px;max-width:1450px}.hero h1 em{font-size:1.08em;letter-spacing:-.047em;font-style:italic}.hero-base{display:flex;align-items:flex-end;gap:50px;justify-content:space-between;max-width:1040px}.hero-base p{font-size:clamp(14px,1.25vw,18px);line-height:1.7;max-width:480px;margin:0;color:#e4ded6}.round-arrow-link{display:flex;align-items:center;gap:26px;font-size:12px;white-space:nowrap}.circle-arrow{border:1px solid rgba(255,255,255,.8);border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:27px;transition:background .3s,color .3s,transform .3s}.round-arrow-link:hover .circle-arrow{background:white;color:#20221e;transform:rotate(-45deg)}.hero-footer{position:absolute;z-index:3;bottom:35px;left:var(--side);right:var(--side);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.16em}.scroll-note{display:flex;align-items:center;gap:19px}.scroll-line{height:1px;width:35px;background:#eee}.video-toggle{border:0;background:none;color:#fff;font-size:12px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.video-toggle span{font-size:10px}
.section-index{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;font-weight:600;letter-spacing:.155em;text-transform:uppercase;color:#75786f}.editorial-heading{font-weight:500;font-size:clamp(65px,7.1vw,134px);line-height:.96;letter-spacing:-.075em;margin:0}.editorial-heading em{font-size:1.1em;color:var(--accent);letter-spacing:-.055em}.opening{padding-bottom:80px}.opening-grid{display:grid;grid-template-columns:1.34fr .66fr;gap:7vw;padding:clamp(64px,7vw,108px) 0 105px;align-items:end}.opening-side{padding-bottom:10px}.opening-side p{color:var(--soft);font-size:clamp(14px,1.18vw,17px);line-height:1.9;max-width:470px}.opening-side .intro-strong{font-size:clamp(22px,2vw,33px);color:var(--ink);line-height:1.42;letter-spacing:-.04em;margin-bottom:25px}.under-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px;font-weight:600;letter-spacing:.04em;transition:gap .25s}.under-link:hover{gap:50px}.under-link>span{font-size:19px}.numbers-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.numbers-strip>div{padding:32px 28px 15px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.numbers-strip>div:not(:first-child){padding-left:32px}.numbers-strip>div:last-child{border-right:0}.numbers-strip b{font-size:clamp(57px,7.8vw,130px);line-height:.9;font-weight:450;letter-spacing:-.08em}.numbers-strip span{font-size:12px;color:var(--soft)}
.built{background:var(--paper)}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;padding:66px 0 52px}.section-heading-row>p{max-width:390px;font-size:15px;line-height:1.8;color:var(--soft);margin:0 0 10px}.built-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,3vw,48px) 22px}.work-card{display:block;min-width:0}.built-grid>.work-card:nth-child(1){grid-column:span 8}.built-grid>.work-card:nth-child(2){grid-column:span 4;padding-top:12vw}.built-grid>.work-card:nth-child(3),.built-grid>.work-card:nth-child(4),.built-grid>.work-card:nth-child(5){grid-column:span 4}.built-grid>.work-card:nth-child(6),.built-grid>.work-card:nth-child(7){grid-column:span 6}.work-card-media{position:relative;overflow:hidden;background:#c7c7be;isolation:isolate}.built-grid>.work-card:nth-child(1) .work-card-media{aspect-ratio:1.44}.built-grid>.work-card:nth-child(2) .work-card-media{aspect-ratio:.86}.built-grid>.work-card:nth-child(n+3) .work-card-media{aspect-ratio:1.32}.work-card-media>img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .55s}.work-card:hover .work-card-media>img{transform:scale(1.045);filter:saturate(1.07)}.work-card-cursor{position:absolute;z-index:2;top:0;left:0;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7);width:118px;height:118px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cream);color:var(--ink);font-size:10px;font-weight:650;transition:opacity .18s,transform .2s;white-space:nowrap}.work-card:hover .work-card-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}.work-card-corner{position:absolute;right:19px;bottom:19px;color:#fff;font-size:28px;text-shadow:0 1px 7px #0008}.work-card-bottom{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 0 5px;gap:10px;border-bottom:1px solid var(--line);min-height:100px}.work-card-bottom h3{font-weight:500;letter-spacing:-.055em;font-size:clamp(22px,2.2vw,35px);margin:7px 0 6px}.work-card-bottom p{color:#757970;font-size:12px;letter-spacing:.025em;margin:0 0 10px}.work-card-index{font-size:9px;letter-spacing:.15em;font-weight:600;color:#82847e}.work-card-link{margin-top:16px;font-size:20px;transition:transform .3s}.work-card:hover .work-card-link{transform:translate(4px,-4px)}.section-outro{display:flex;justify-content:space-between;margin-top:66px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;letter-spacing:.14em;color:#757970}
.interlude{height:clamp(550px,72svh,930px);position:relative;overflow:hidden;background:#6a6057;color:white}.interlude-media,.interlude-media img{position:absolute;inset:0;height:100%;width:100%}.interlude-media img{object-fit:cover;object-position:center 55%;filter:brightness(.63)}.interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10110f99,transparent 85%)}.interlude-copy{position:absolute;left:var(--side);bottom:clamp(55px,9vh,130px);z-index:2;max-width:1200px}.interlude-copy>span,.interlude-copy small{font-size:11px;letter-spacing:.15em}.interlude-copy p{font-family:var(--serif);font-style:italic;font-size:clamp(68px,9vw,157px);letter-spacing:-.06em;line-height:.92;margin:27px 0 35px}
.selected{background:var(--cream)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 40px}.filter-btn{border:1px solid #c7c6be;border-radius:100px;padding:12px 18px;font-size:11px;color:#676b64;background:transparent;transition:background .25s,color .25s,border-color .25s}.filter-btn span{font-size:9px;margin-left:7px;opacity:.5}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}.selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 30px}.selected-grid .work-card:nth-child(4n+2){padding-top:75px}.selected-grid .work-card:nth-child(4n+3){padding-top:10px}.selected-grid .work-card-media{aspect-ratio:1.27}.selected-grid .work-card:nth-child(4n+2) .work-card-media{aspect-ratio:.96}.selected-grid .work-card:nth-child(4n+3) .work-card-media{aspect-ratio:1.49}.selected-grid .work-card[hidden]{display:none!important}.selected-grid .work-card-bottom{min-height:100px}
.feature{min-height:680px;height:85svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;background:#322323;color:#eee8e0;overflow:hidden}.feature-img{overflow:hidden}.feature-img img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.82)}.feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px clamp(35px,7vw,120px);position:relative;isolation:isolate}.feature-copy:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0%,#8b4d4c44,transparent 65%);z-index:-1}.feature-copy>span{font-size:10px;letter-spacing:.2em;color:#cbbdb5}.feature-copy h2{font-size:clamp(90px,10vw,175px);font-weight:450;line-height:.83;letter-spacing:-.09em;margin:45px 0 42px}.feature-copy h2 em{letter-spacing:-.02em}.feature-copy p{font-size:15px;line-height:1.75;max-width:390px;color:#c8c0b9}.feature-action{border-bottom:1px solid #c6bcb4;display:flex;justify-content:space-between;gap:55px;align-items:center;padding:17px 0;font-size:12px;min-width:265px;margin-top:27px}.feature-action span{font-size:24px}
.approach{background:var(--paper)}.approach-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:65px 0 70px}.approach-heading p{max-width:360px;color:var(--soft);font-size:15px;line-height:1.8}.process-list{border-top:1px solid #bfc0b7}.process-item{display:grid;grid-template-columns:55px 1fr .8fr 70px;align-items:center;column-gap:20px;border-bottom:1px solid #bfc0b7;padding:37px 0;transition:padding .25s}.process-item:hover{padding-left:12px}.process-item>span:first-child{color:var(--accent);font-family:var(--serif);font-style:italic;font-size:23px}.process-item h3{margin:0;font-size:clamp(28px,3.1vw,53px);font-weight:500;letter-spacing:-.07em}.process-item p{font-size:13px;line-height:1.7;color:var(--soft);margin:0;max-width:420px}.process-symbol{font-size:26px;text-align:right}
.about{background:var(--cream)}.about-grid{padding-top:80px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.about-accent{font-size:clamp(200px,29vw,520px);line-height:.9;letter-spacing:-.22em;font-weight:450;color:#e3e0d8;margin-left:-.11em;margin-top:80px;user-select:none}.about-accent span{font-size:.15em;vertical-align:top;letter-spacing:0;color:#c4c1b7}.about-text{padding-top:22px}.about-text .about-lead{font-size:clamp(22px,2.55vw,40px);line-height:1.42;letter-spacing:-.05em;color:var(--ink);max-width:600px}.about-text p{color:var(--soft);font-size:15px;line-height:1.9;max-width:540px;margin-bottom:35px}.expertise{display:flex;gap:9px;flex-wrap:wrap;margin:40px 0 30px}.expertise span{font-size:10px;border:1px solid #cecdc4;border-radius:50px;padding:10px 14px;letter-spacing:.03em}
.contact{background:#242721;color:#f5f3ed;padding-bottom:120px}.contact .section-index{border-color:#565950;color:#a8aba4}.contact-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:9vw;padding-top:75px}.contact-left h2{font-weight:450;font-size:clamp(74px,8.8vw,158px);letter-spacing:-.085em;line-height:.88;margin:0 0 44px}.contact-left h2 em{color:#c6a68e}.contact-left>p{font-size:17px;line-height:1.7;color:#b4b7af;max-width:390px}.contact-main-link{margin-top:20px;display:flex;gap:40px;justify-content:space-between;align-items:center;max-width:420px;border-bottom:1px solid #f1eee8;padding:13px 0;font-size:17px}.contact-main-link>span{font-size:29px}.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:90px;color:#a9ada5;font-size:11px;letter-spacing:.075em}.contact-direct a:hover{color:white}.contact-form{border-top:1px solid #6a6c66;padding-top:20px}.form-top{font-size:11px;letter-spacing:.13em;color:#bdc0b8;display:flex;justify-content:space-between;margin-bottom:40px}.contact-form>label{display:block;font-size:12px;color:#b6b9b1;letter-spacing:.04em;margin-bottom:28px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:12px;background:transparent;color:white;border:0;border-bottom:1px solid #666963;border-radius:0;padding:13px 2px 17px;outline-offset:-1px;font-size:15px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a8e84}.contact-form select{color:#c6c8c0;appearance:none}.contact-form select option{color:#222;background:#faf9f5}.form-submit{margin-top:12px;display:flex;justify-content:space-between;align-items:center;background:#f0eee8;color:#22251f;border:0;width:100%;padding:20px 24px;text-align:left;font-size:13px;font-weight:650;transition:background .2s}.form-submit:hover{background:#cbb19c}.form-submit span{font-size:24px}.contact-form small{display:block;color:#8e9389;font-size:11px;line-height:1.6;margin-top:17px}.footer{background:#1d201c;color:#b0b2a8;border-top:1px solid #383c36;display:flex;justify-content:space-between;gap:20px;padding:30px var(--side);font-size:10px;letter-spacing:.12em}.footer a:hover{color:#fff}
.case-hero{height:94svh;min-height:630px;position:relative;color:#fff;background:#191a16;overflow:hidden}.case-hero-img,.case-hero-img img,.case-hero-overlay{position:absolute;inset:0;width:100%;height:100%}.case-hero-img img{object-fit:cover;object-position:center}.case-hero-overlay{background:linear-gradient(0deg,#111b 0%,transparent 67%,#1115 100%)}.case-top-label{position:absolute;z-index:2;top:130px;left:var(--side);right:var(--side);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em}.case-top-label a{border-bottom:1px solid #fffa;padding-bottom:7px}.case-hero-title{position:absolute;left:var(--side);right:var(--side);bottom:12vh;z-index:2}.case-hero-title>span{font-size:11px;letter-spacing:.16em}.case-hero-title h1{font-weight:500;font-size:clamp(85px,12vw,215px);letter-spacing:-.09em;line-height:.94;margin:17px 0 20px}.case-title-dot{color:#D8A9B8}.case-hero-title p{font-size:14px;letter-spacing:.02em;color:#efebe4}.case-scroll{position:absolute;right:var(--side);bottom:33px;font-size:10px;letter-spacing:.2em;z-index:2}.case-intro{padding-bottom:115px}.case-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;padding-top:80px}.case-intro-grid>div{max-width:520px}.case-kicker{font-size:10px;letter-spacing:.18em;color:var(--accent)}.case-intro-grid p{font-size:clamp(21px,2vw,32px);line-height:1.48;letter-spacing:-.045em;margin:22px 0 26px}.case-project-type{display:block;border-top:1px solid var(--line);padding-top:13px;font-size:11px;letter-spacing:.04em;color:var(--soft)}.case-gallery-section{padding:0 var(--side) 95px;background:var(--cream)}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.case-gallery-item{border:0;padding:0;background:#dfded8;position:relative;overflow:hidden;aspect-ratio:1.2}.case-gallery-item:nth-child(3n+1){grid-column:1/-1;aspect-ratio:2.1}.case-gallery-item img{height:100%;width:100%;object-fit:cover;transition:transform .8s var(--ease)}.case-gallery-item:hover img{transform:scale(1.035)}.case-gallery-item>span{position:absolute;right:20px;bottom:15px;color:white;font-size:30px;text-shadow:0 1px 5px #0008}.case-gallery-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:30px;font-size:10px;letter-spacing:.14em;color:var(--soft)}.case-next{background:#272a24;color:#f4f2ed;padding:60px var(--side) 100px}.case-next-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#a9ada3}.case-next>a{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(60px,8.5vw,150px);letter-spacing:-.08em;font-weight:450;line-height:1.1;padding-top:68px}.case-next-arrow{font-size:clamp(40px,5vw,80px);transition:transform .3s}.case-next>a:hover .case-next-arrow{transform:translate(8px,-8px)}
.lightbox[hidden]{display:none!important}.lightbox{position:fixed;inset:0;z-index:300;background:rgba(12,13,12,.96);display:grid;place-items:center;color:white}.lightbox>img{object-fit:contain;width:calc(100% - 180px);height:calc(100% - 120px);max-width:1700px}.lightbox-close,.lightbox-arrow{position:absolute;background:#ffffff19;border:1px solid #ffffff5e;border-radius:50%;display:grid;place-items:center;color:white;width:46px;height:46px;font-size:23px}.lightbox-close{right:30px;top:30px;font-size:28px}.lightbox-arrow.prev{left:25px;top:50%}.lightbox-arrow.next{right:25px;top:50%}.lightbox-counter{bottom:20px;position:absolute;font-size:11px;letter-spacing:.15em}.thanks{min-height:85svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:160px var(--side) 110px}.thanks>span{font-size:11px;letter-spacing:.15em;color:var(--soft)}.thanks h1{font-size:clamp(90px,12vw,200px);letter-spacing:-.085em;font-weight:500;margin:35px 0 18px}.thanks p{font-size:19px;color:var(--soft);max-width:520px;line-height:1.7}.thanks .under-link{margin-top:35px}
.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}
@media (hover:none){.work-card-cursor{display:none}}
@media (max-width:1100px){.hero h1{font-size:clamp(67px,9vw,110px)}.opening-grid{grid-template-columns:1fr .8fr;gap:40px}.section-heading-row{gap:38px}.editorial-heading{font-size:clamp(62px,8vw,98px)}.contact-left h2{font-size:clamp(68px,9.5vw,118px)}.contact-grid{gap:6vw}.feature-copy h2{font-size:clamp(80px,10vw,130px)}}
@media (max-width:800px){:root{--side:24px}#site-header{height:76px}.header-cta{display:none}.wordmark{font-size:21px}.wordmark-icon{width:30px;height:30px}.header-right{gap:17px}.hero{min-height:670px}.hero-body{bottom:140px}.hero h1{font-size:clamp(66px,10.2vw,90px)}.hero-base{align-items:flex-start}.hero-vertical{display:none}.opening-grid,.section-heading-row,.approach-heading,.about-grid,.case-intro-grid{grid-template-columns:1fr;display:grid;gap:30px}.opening-grid{padding-bottom:70px}.opening-side{max-width:600px}.section-heading-row,.approach-heading{padding-top:45px}.section-heading-row>p,.approach-heading>p{max-width:570px}.built-grid{gap:33px 17px}.built-grid>.work-card:nth-child(1),.built-grid>.work-card:nth-child(2),.built-grid>.work-card:nth-child(n+3),.built-grid>.work-card:nth-child(6),.built-grid>.work-card:nth-child(7){grid-column:span 6;padding-top:0}.built-grid>.work-card .work-card-media{aspect-ratio:1.12}.selected-grid .work-card:nth-child(n){padding-top:0}.feature{min-height:570px;height:70svh}.feature-copy{padding:40px}.feature-copy h2{font-size:100px}.process-item{grid-template-columns:40px 1fr 1fr 30px}.about-grid{gap:15px}.about-accent{display:none}.contact-grid{grid-template-columns:1fr 1fr;gap:35px}.contact-left h2{font-size:clamp(63px,9vw,95px)}.contact-direct{margin-top:50px}.case-intro-grid{gap:45px}.case-hero-title h1{font-size:clamp(73px,11vw,115px)}}
@media (max-width:600px){:root{--side:19px}#site-header{height:70px;padding-left:18px;padding-right:18px}#site-header.scrolled{height:69px}.wordmark{font-size:19px;gap:7px}.wordmark-icon{width:27px;height:27px}.header-right{gap:10px}.language-picker{gap:3px}.lang-btn{font-size:10px}.menu-toggle{width:42px;height:42px}.nav-panel-inner{padding:115px 23px 35px}.nav-panel nav a{font-size:clamp(45px,10vw,69px);padding:16px 0}.nav-panel nav span{font-size:10px}.nav-panel-foot{flex-wrap:wrap;gap:20px}.section-pad{padding:77px var(--side)}.section-index{font-size:9px;line-height:1.5}.section-index span:last-child{max-width:50%;text-align:right}.hero{height:100svh;min-height:620px}.hero-media video{object-position:55% center}.hero-shade{background:linear-gradient(0deg,#0b0909b5,transparent 77%),linear-gradient(90deg,#0b090960,transparent)}.hero-body{bottom:130px}.hero-eyebrow{font-size:9px;letter-spacing:.14em;gap:9px}.hero-line{width:17px}.hero h1{font-size:clamp(55px,11.8vw,76px);line-height:.99;margin:19px 0 28px;letter-spacing:-.08em}.hero h1 em{font-size:1.02em}.hero-base{display:block}.hero-base p{font-size:13px;max-width:335px;line-height:1.6}.round-arrow-link{margin-top:30px;justify-content:space-between;font-size:11px;max-width:200px}.circle-arrow{height:49px;width:49px;font-size:22px}.hero-footer{bottom:26px}.scroll-note{font-size:9px;gap:9px}.scroll-line{width:20px}.hero-count{display:none}.video-toggle{font-size:11px}.video-toggle span{font-size:9px}.editorial-heading{font-size:clamp(54px,11.1vw,77px);line-height:1.0}.opening-grid{padding-top:58px;padding-bottom:60px}.opening-side .intro-strong{font-size:23px}.opening-side p{font-size:14px}.numbers-strip>div{padding:22px 9px 5px 0!important}.numbers-strip>div:not(:first-child){padding-left:12px!important}.numbers-strip b{font-size:clamp(52px,12vw,76px)}.numbers-strip span{font-size:10px;line-height:1.4}.section-heading-row,.approach-heading{gap:20px;padding:44px 0 35px}.section-heading-row>p,.approach-heading>p{font-size:13px}.built-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 12px}.built-grid>.work-card:nth-child(1){grid-column:1/-1}.built-grid>.work-card:nth-child(n+2){grid-column:span 1}.built-grid>.work-card:nth-child(2) .work-card-media,.built-grid>.work-card:nth-child(n+3) .work-card-media{aspect-ratio:.88}.built-grid>.work-card:nth-child(6),.built-grid>.work-card:nth-child(7){grid-column:span 1}.work-card-bottom{padding-top:12px;min-height:89px}.work-card-bottom h3{font-size:20px;line-height:1.1;letter-spacing:-.05em}.work-card-bottom p{font-size:10px;line-height:1.45}.work-card-index{font-size:8px}.work-card-link{font-size:16px;margin-top:10px}.work-card-corner{font-size:18px;right:10px;bottom:10px}.section-outro{font-size:9px;line-height:1.5;margin-top:44px}.section-outro span:last-child{text-align:right}.interlude{height:550px}.interlude-media img{object-position:58%}.interlude-copy{bottom:60px}.interlude-copy p{font-size:clamp(58px,13vw,93px)}.selected-grid{gap:31px 12px}.selected-grid .work-card:nth-child(n) .work-card-media{aspect-ratio:.83}.selected-grid .work-card-bottom h3{font-size:19px}.selected-grid .work-card-bottom{min-height:96px}.filters{margin:12px 0 25px;gap:6px}.filter-btn{font-size:10px;padding:10px 12px}.feature{grid-template-columns:1fr;grid-template-rows:62% 38%;height:840px;max-height:none}.feature-copy{padding:26px 30px}.feature-copy h2{position:absolute;left:24px;top:-102px;font-size:100px;color:white;text-shadow:0 3px 10px #0003;margin:0}.feature-copy>span{display:none}.feature-copy p{font-size:13px;margin-top:20px}.feature-action{margin-top:6px;font-size:12px;max-width:100%}.process-item{grid-template-columns:30px 1fr 23px;gap:9px;padding:24px 0;align-items:start}.process-item>span:first-child{font-size:21px}.process-item h3{font-size:29px}.process-item p{grid-column:2;grid-row:2;font-size:12px}.process-symbol{grid-column:3;grid-row:1}.about-grid{padding-top:60px}.about-text{padding-top:0}.about-text .about-lead{font-size:25px}.about-text p{font-size:14px}.expertise{gap:6px}.expertise span{font-size:9px;padding:9px 10px}.contact-grid{grid-template-columns:1fr;gap:65px;padding-top:52px}.contact-left h2{font-size:clamp(72px,13vw,110px)}.contact-left>p{font-size:14px}.contact-direct{margin-top:43px}.contact-form{max-width:none}.footer{flex-wrap:wrap;line-height:1.6;gap:14px;font-size:9px}.footer span:nth-child(2){order:3;width:100%}.case-hero{height:84svh;min-height:565px}.case-top-label{top:105px}.case-hero-title{bottom:93px}.case-hero-title h1{font-size:clamp(56px,11vw,88px);overflow-wrap:anywhere}.case-hero-title p{font-size:12px}.case-scroll{right:auto;left:var(--side);bottom:24px}.case-intro{padding-bottom:60px}.case-intro-grid{padding-top:45px}.case-intro-grid p{font-size:22px}.case-gallery-section{padding:0 10px 50px}.case-gallery{grid-template-columns:1fr;gap:12px}.case-gallery-item,.case-gallery-item:nth-child(3n+1){grid-column:auto;aspect-ratio:1.25}.case-gallery-foot{padding:15px 8px}.case-next{padding:45px var(--side) 75px}.case-next>a{font-size:clamp(50px,10vw,75px);padding-top:53px}.lightbox>img{width:calc(100% - 20px);height:calc(100% - 150px)}.lightbox-arrow.prev{left:7px;top:auto;bottom:36px}.lightbox-arrow.next{right:7px;top:auto;bottom:36px}.lightbox-close{top:15px;right:15px}.lightbox-counter{bottom:51px}.thanks h1{font-size:86px}}
@media(max-width:370px){.wordmark{font-size:16px}.wordmark-icon{width:25px}.hero h1{font-size:52px}.hero-eyebrow{font-size:8px}.selected-grid .work-card-bottom h3,.built-grid .work-card-bottom h3{font-size:17px}.filter-btn{padding:9px}.feature-copy h2{font-size:83px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*,*:after,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.work-card-cursor{display:none}}

body.nav-open #site-header{color:#f5f3ed!important;background:transparent!important;border-color:transparent!important;backdrop-filter:none!important}

/* SIGNATURE FINAL v1.1 — unified J/HORECA identity, clearer hero, restrained hovers */
:root { --accent:#986a55; --ink:#262923; --soft:#656960; --interactive:#986a55; }
/* Crisp editorial identity — no decorative pill or floating badges. */
.wordmark { gap:12px; letter-spacing:0; }
.wordmark-icon { width:39px;height:46px;flex:none; color:inherit; }
.wordmark-icon svg { display:block; width:100%; height:100%; }
.wordmark-identity { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;line-height:1; }
.wordmark-name { display:block;font-size:clamp(18px,1.75vw,25px);font-weight:680;letter-spacing:-.07em;white-space:nowrap; }
.wordmark-light { font-weight:450; }
.wordmark-dot { color:currentColor; }
.wordmark-descriptor { display:flex;align-items:center;gap:9px;font-size:9px;font-weight:650;letter-spacing:.225em;opacity:.85; }
.wordmark-descriptor i { display:block;width:24px;height:1px;background:currentColor;opacity:.55; }
/* Keep the source footage natural and bright: much lighter gradients, no opaque black wash. */
.hero-media video { filter:brightness(1.17) saturate(1.035); }
.hero-poster { filter:brightness(1.1) saturate(1.03); }
.hero-shade { background:
  linear-gradient(90deg,rgba(12,12,11,.33) 0%,rgba(12,12,11,.17) 43%,rgba(12,12,11,.025) 83%),
  linear-gradient(0deg,rgba(12,11,10,.38),transparent 39%,rgba(12,11,10,.1));
}
.hero-base p { color:#f7f3ed; }
/* No cursor-following bubble on imagery. Simple lift and fixed direction arrow. */
.work-card-cursor { display:none!important; }
.work-card-media > img { transition:transform .9s var(--ease); }
.work-card:hover .work-card-media>img { transform:scale(1.023); filter:none; }
.work-card-corner { display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-size:20px;text-shadow:none;transition:background .25s ease,color .25s ease,transform .25s ease; }
.work-card:hover .work-card-corner { background:rgba(255,255,255,.96);color:var(--ink);transform:translate(2px,-2px); }
.work-card-bottom h3 { color:var(--ink); }
/* Unified hover language: no abrupt color changes, no text shifts. */
.header-cta, .under-link, .round-arrow-link, .feature-action, .contact-link, .jt-service-link, .work-card-bottom { transition:opacity .25s ease; }
.header-cta:hover,.under-link:hover,.round-arrow-link:hover,.feature-action:hover,.contact-link:hover { opacity:.78; }
.under-link:hover { gap:35px; }
.nav-panel nav a { transition:opacity .22s ease; }
.nav-panel nav a:hover { padding-left:0;color:inherit;opacity:.7; }
.filter-btn:hover:not(.active) { background:transparent;color:var(--ink);border-color:var(--ink); }
.filter-btn.active,.filter-btn.active:hover { background:var(--ink);color:var(--white);border-color:var(--ink); }
/* Scrolled navigation stays clear, without heavy frosted-glass filter. */
#site-header.scrolled { background:rgba(244,242,237,.97);backdrop-filter:none; }
body.nav-open #site-header { color:#f5f3ed!important; background:transparent!important; }
@media(max-width:800px){ .wordmark-icon{width:34px;height:40px}.wordmark-name{font-size:20px}.wordmark-descriptor{font-size:8px;gap:7px}.wordmark-descriptor i{width:18px} }
@media(max-width:600px){
 .wordmark{gap:8px}.wordmark-icon{width:30px;height:35px}.wordmark-name{font-size:17px}.wordmark-descriptor{font-size:7px;letter-spacing:.19em;gap:5px}.wordmark-descriptor i{width:14px}
 .hero-shade{background:linear-gradient(0deg,rgba(11,10,9,.49),transparent 67%),linear-gradient(90deg,rgba(11,10,9,.25),transparent 84%)}
 .hero-media video{filter:brightness(1.19) saturate(1.035)}
 .work-card-corner{width:28px;height:28px;right:8px;bottom:8px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.work-card-media>img,.work-card-corner{transition:none!important}}

/* SIGNATURE v1.2 — completed work cinema / black-gallery slider.
   True horizontal snap, native swipe, active focus, filmstrip navigation.
   Avoid glass cursor overlays to keep photographs unobstructed. */
.built { background:#080a0b; color:#f5f3ec; padding-bottom:clamp(64px,8vw,120px); }
.built .section-index { border-top-color:rgba(255,255,255,.23); color:#a5a9a9; }
.built .section-heading-row { padding:clamp(56px,7vw,104px) 0 clamp(32px,4.8vw,72px); }
.built .editorial-heading { color:#f5f3ec; }
.built .editorial-heading em { color:#D8A9B8; }
.built .section-heading-row>p { color:#afb1ad; }
.built-slider-meta { display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:23px;border-top:1px solid rgba(255,255,255,.22);padding-top:19px; }
.built-slider-intro { display:flex;align-items:center;gap:14px;color:#e2ddd6;font-size:10px;font-weight:600;letter-spacing:.12em; }
.built-slider-spark { font-size:22px;line-height:1;color:#D8A9B8; }
.built-slider-instruction { color:#898d8d;margin-left:18px;font-size:9px; }
.built-slider-actions { display:flex;align-items:center;gap:10px; }
.built-slider-counter { display:flex;align-items:center;gap:12px;margin-right:18px;font-size:13px;color:#838888;letter-spacing:.06em;font-variant-numeric:tabular-nums; }
.built-slider-counter b { color:#faf8f3;font-weight:600;font-size:24px;line-height:1; }
.built-slider-separator { width:25px;height:1px;background:#747778; }
.built-slider-arrow { width:52px;height:52px;border:1px solid #767978;color:#f5f3ec;background:transparent;border-radius:50%;font-size:22px;display:grid;place-items:center;transition:background .22s,color .22s,border-color .22s; }
.built-slider-arrow:hover:not(:disabled) { background:#f5f3ec;color:#0d0e0e;border-color:#f5f3ec; }
.built-slider-arrow:disabled { opacity:.27;cursor:default; }
.built-carousel { width:100vw;position:relative;left:calc(50% - 50vw);overflow:hidden; }
.built-track { --slide-width:min(74vw,1110px);position:relative;display:flex;gap:clamp(15px,2vw,28px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100vw - var(--slide-width)) / 2);padding:0 calc((100vw - var(--slide-width)) / 2) 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline-offset:-5px; }
.built-track::-webkit-scrollbar{display:none}
.built-track>.built-slide { position:relative;flex:0 0 var(--slide-width);width:var(--slide-width);scroll-snap-align:center;scroll-snap-stop:always;opacity:.46;transition:opacity .42s ease; }
.built-track>.built-slide[data-active="true"] { opacity:1; }
.built-track .work-card-media { aspect-ratio:1.86!important;background:#222726; }
.built-track .work-card-media>img{height:100%;width:100%;object-fit:cover;filter:saturate(.88);transition:transform .85s var(--ease),filter .45s;}
.built-track .built-slide[data-active="true"] .work-card-media>img { filter:saturate(1.02); }
.built-track .built-slide:hover .work-card-media>img { transform:scale(1.025); }
.built-track .work-card-corner { right:24px;bottom:24px;width:48px;height:48px;font-size:24px; }
.built-slide-count { position:absolute;top:22px;left:23px;z-index:2;color:#fff;letter-spacing:.14em;font-size:11px;font-weight:600;text-shadow:0 1px 11px #0008; }
.built-track .work-card-bottom{border-color:#3e4141;min-height:109px;padding-top:22px;align-items:center;}
.built-track .work-card-bottom h3 { font-size:clamp(29px,3.2vw,56px);line-height:1.03;letter-spacing:-.062em;color:#f5f3ec;font-weight:500;margin:5px 0 7px; }
.built-track .work-card-bottom p { color:#a2a7a3;font-size:clamp(12px,1vw,15px); }
.built-track .work-card-index { color:#D8A9B8;font-size:10px;letter-spacing:.12em; }
.built-track .work-card-link {color:#f5f3ec;font-size:22px;}
.built-filmstrip-wrap { display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:22px;margin-top:25px; }
.built-filmstrip-label { color:#b0b2ad;font-size:10px;letter-spacing:.14em;line-height:1.5; }
.built-filmstrip { display:flex;justify-content:flex-end;gap:9px;min-width:0;overflow-x:auto;padding:4px 2px 9px;scrollbar-width:thin;scrollbar-color:#555 transparent; }
.built-thumb { position:relative;flex:0 0 clamp(66px,7.2vw,112px);height:clamp(53px,5.35vw,73px);border:1px solid transparent;padding:0;background:#242526;opacity:.54;transition:opacity .24s,border-color .24s,transform .24s;overflow:hidden; }
.built-thumb:hover { opacity:.92;transform:translateY(-2px); }
.built-thumb.is-active { opacity:1;border-color:#D8A9B8; }
.built-thumb img { width:100%;height:100%;object-fit:cover;filter:saturate(.83); }
.built-thumb.is-active img { filter:none; }
.built-thumb span { position:absolute;bottom:5px;left:7px;color:white;font-size:9px;text-shadow:0 0 5px #000;letter-spacing:.1em; }
.built-progress-track {height:2px;background:#444846;margin-top:22px;position:relative;overflow:hidden;}
.built-progress-track span {position:absolute;left:0;top:0;height:100%;width:calc(100% / 10);background:#D8A9B8;transition:transform .32s var(--ease);}
.built .section-outro { border-top:0;margin-top:22px;color:#9a9f9b; }
.built .section-outro span { color:inherit; }
@media(max-width:950px){
 .built-track {--slide-width:80vw;}
 .built-filmstrip-wrap {grid-template-columns:1fr;gap:10px;}
 .built-filmstrip {justify-content:flex-start;}
}
@media(max-width:600px){
 .built {padding:72px var(--side) 80px;}
 .built .section-heading-row {padding:42px 0 38px;}
 .built-slider-meta {margin-bottom:16px;gap:10px;padding-top:15px;}
 .built-slider-intro {font-size:9px;gap:7px;}
 .built-slider-spark {font-size:17px;}
 .built-slider-instruction {display:none;}
 .built-slider-actions {gap:7px;}
 .built-slider-counter {font-size:11px;gap:7px;margin-right:5px;}
 .built-slider-counter b {font-size:19px;}
 .built-slider-separator {width:13px;}
 .built-slider-arrow {width:36px;height:36px;font-size:17px;}
 .built-track {--slide-width:85vw;gap:13px;padding-bottom:5px;}
 .built-track .work-card-media {aspect-ratio:1.13!important;}
 .built-track .work-card-corner {width:35px;height:35px;right:15px;bottom:15px;font-size:20px;}
 .built-slide-count {top:13px;left:13px;font-size:10px;}
 .built-track .work-card-bottom {min-height:110px;padding-top:15px;}
 .built-track .work-card-bottom h3 {font-size:clamp(27px,7.3vw,38px);}
 .built-track .work-card-bottom p {font-size:12px;line-height:1.4;}
 .built-track .work-card-index {font-size:9px;}
 .built-filmstrip-wrap {margin-top:18px;}
 .built-filmstrip-label {font-size:9px;}
 .built-thumb {flex-basis:75px;height:56px;}
 .built-progress-track {margin-top:13px;}
 .built .section-outro {margin-top:17px;}
}
@media(prefers-reduced-motion:reduce){.built-track{scroll-behavior:auto!important}.built-thumb,.built-track>.built-slide,.built-progress-track span{transition:none!important}}

/* Navbar enters a matching dark theme while the black realized-work gallery is in view. */
#site-header.scrolled.on-dark{background:rgba(8,10,11,.97);color:#f5f3ec;border-bottom-color:rgba(255,255,255,.12);}


/* SIGNATURE v1.3 — NOIR / BORDEAUX
   Architecture-first dark palette: true near-black surfaces; deep wine secondary;
   pale text for readable contrast, no frosted-glass cursor effects. */
:root{
 --cream:#0c090d;--paper:#141015;--ink:#f5eff0;--soft:#b8aaaf;
 --line:#423139;--accent:#bd788b;--wine:#571a30;--white:#f8f3f3;
 --black:#0b090c;--black-soft:#121014;--black-panel:#1a131a;
 --bordeaux:#55182e;--bordeaux-hover:#692039;--rose-light:#d9a6b5;
}
body{background:var(--black);color:var(--ink)}
::selection{background:#67263d;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#e4a6ba}
.progress-track>div{background:var(--rose-light)}
#site-header,#site-header.scrolled,#site-header.scrolled.on-dark{background:#0c090dee;color:var(--ink);border-bottom:1px solid #ffffff19;backdrop-filter:none}
#site-header.over-hero:not(.scrolled){background:linear-gradient(180deg,#09070b9c,transparent);border-color:transparent}
.wordmark-dot{color:var(--rose-light)}
.nav-panel{background:#120b10;color:var(--ink)}
.nav-panel nav a{border-bottom-color:#4a2a35}
.nav-panel nav a:hover{color:#f0c8d3}
.nav-panel-foot,.nav-index{color:#beaeb4}
.menu-toggle:hover{border-color:var(--rose-light);color:var(--rose-light)}
.lang-btn:hover,.header-cta:hover{color:var(--rose-light);opacity:1}
.hero{background:#100c10}
.hero-shade{background:linear-gradient(90deg,rgba(13,8,12,.37),rgba(17,7,12,.15) 52%,transparent 90%),linear-gradient(0deg,rgba(12,7,10,.4),transparent 42%,rgba(12,7,10,.08))}
.hero-media video{filter:brightness(1.14) saturate(1.04)}
.hero-poster{filter:brightness(1.1)}
.hero h1 em{color:#f5d6dc}
.hero-base p{color:#f2e7e9}
.hero-line{background:#d1a4af}
.circle-arrow{border-color:#e2d0d5}
.round-arrow-link:hover .circle-arrow{background:var(--bordeaux);border-color:var(--bordeaux);color:#fff}
.section-index{border-color:var(--line);color:#a99aa2}
.editorial-heading{color:var(--ink)}
.editorial-heading em{color:var(--rose-light)}
.opening,.selected,.about,.case-intro,.case-gallery-section,.thanks{background:var(--black)}
.opening-side p,.section-heading-row>p,.approach-heading p,.about-text p{color:var(--soft)}
.opening-side .intro-strong,.about-text .about-lead{color:var(--ink)}
.numbers-strip,.numbers-strip>div{border-color:var(--line)}
.numbers-strip b{color:#f1e7ea}
.numbers-strip span{color:var(--soft)}
.built{background:#070609;color:var(--ink)}
.built .editorial-heading em{color:var(--rose-light)}
.built-slider-spark,.built-track .work-card-index{color:var(--rose-light)}
.built-slider-meta{border-color:#4c323d}
.built-slider-arrow{border-color:#815367;color:#fff}
.built-slider-arrow:hover:not(:disabled){background:var(--bordeaux-hover);border-color:var(--bordeaux-hover);color:#fff}
.built-thumb{background:#22131c}
.built-thumb.is-active{border-color:var(--rose-light)}
.built-progress-track span{background:var(--rose-light)}
.built-progress-track{background:#44323b}
.built-track .work-card-bottom{border-color:#422c36}
.built-track .work-card-bottom h3,.work-card-bottom h3{color:var(--ink)}
.built-track .work-card-bottom p,.work-card-bottom p{color:var(--soft)}
.built-track .work-card-media{background:#21171e}
.work-card-media{background:#221a20}
.work-card-corner{border-color:#fff9;background:#160a1175}
.work-card:hover .work-card-corner{background:var(--bordeaux);border-color:var(--bordeaux);color:#fff}
.work-card-bottom{border-color:var(--line)}
.work-card-link,.work-card-index{color:var(--rose-light)}
.section-outro{border-color:var(--line);color:var(--soft)}
.interlude{background:#130c13}
.interlude:after{background:linear-gradient(90deg,#0c050bbd,transparent 82%)}
.selected .section-index{border-color:var(--line)}
.filter-btn{border-color:#5d424c;color:#d7c8cc;background:transparent}
.filter-btn:hover:not(.active){background:#281922;border-color:#946273;color:#f8eff1}
.filter-btn.active,.filter-btn.active:hover{background:var(--bordeaux);border-color:var(--bordeaux);color:white}
.feature{background:var(--bordeaux);color:#f8eef1}
.feature-copy{background:linear-gradient(150deg,#50182c,#2a0c1b)}
.feature-copy:before{background:radial-gradient(ellipse at 100% 0%,#af597b40,transparent 62%)}
.feature-copy>span{color:#f0cbd6}
.feature-copy p{color:#e0cdd4}
.feature-action{border-color:#ba8d9a}
.approach{background:#131015;color:var(--ink)}
.process-list,.process-item{border-color:#4b323f}
.process-item p{color:var(--soft)}
.process-item>span:first-child{color:var(--rose-light)}
.process-item:hover{background:#24151e;padding-left:12px}
.about{background:#0d0b0f}
.about-accent{color:#281821}
.about-accent span{color:#89546a}
.expertise span{border-color:#704758;color:#e5d8dc}
.contact{background:radial-gradient(ellipse at 15% 25%,#58192e 0%,#2a101e 37%,#100b10 76%);color:var(--ink)}
.contact .section-index{border-color:#86576b;color:#d4bfc6}
.contact-left h2 em{color:#e6aebf}
.contact-left>p{color:#d6c4ca}
.contact-main-link{border-color:#e6b7c5;background:transparent;color:#fff}
.contact-main-link:hover{color:#f9cfdb;opacity:1}
.contact-direct{color:#ded0d4}
.contact-direct a:hover{color:#f8bacb}
.contact-form{border-color:#986879}
.form-top,.contact-form>label{color:#e4d2d8}
.contact-form input,.contact-form select,.contact-form textarea{border-bottom-color:#9d7787;color:#fff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c1adb5}
.contact-form select option{background:#24141d;color:white}
.form-submit{background:var(--bordeaux);color:#fff;border:1px solid #a65c75}
.form-submit:hover{background:var(--bordeaux-hover)}
.contact-form small{color:#c9b3ba}
.footer{background:#09080b;color:#c2b4bb;border-color:#3b242f}
.case-hero{background:#171015}
.case-hero-overlay{background:linear-gradient(0deg,#0e0710c9 0%,transparent 65%,#0906095c 100%)}
.case-intro,.case-gallery-section{color:var(--ink)}
.case-next{background:#411325;color:#f8eff2}
.case-next-top{color:#dfb6c5}
.case-project-type,.case-kicker,.case-gallery-foot{color:var(--soft)}
.case-gallery-item{background:#211820}
.thanks{color:var(--ink)}
.lightbox{background:rgba(7,5,8,.97)}
.lightbox-close,.lightbox-arrow{background:#44172b9c;border-color:#ad7e8e}
/* A more legible, action-oriented direct contact area */
.contact-direct{gap:0;margin-top:43px;width:min(100%,485px);border-top:1px solid #8e5e71}
.contact-direct>a,.contact-direct>span{min-height:52px;display:flex;align-items:center;padding:13px 0;border-bottom:1px solid #8e5e718c;line-height:1.4}
.contact-direct .direct-email{color:#ffe2ea;font-weight:600;overflow-wrap:anywhere}
/* A client-verified capacity metric activates only when figures are supplied. */
.project-capacity[hidden]{display:none!important}
.project-capacity{font-size:12px;letter-spacing:.025em;color:#f0b8cb;margin-top:6px;font-weight:550;line-height:1.5}
.case-capacity{border-top:1px solid #674755;padding-top:15px;margin-top:17px;color:#e7adc0}
/* Standalone B2B / fit-out partnership signature section */
.partners{position:relative;overflow:hidden;background:linear-gradient(115deg,#160b13 0%,#30101e 57%,#150a12 100%);color:#fff}
.partners::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,#ad42631b,transparent 55%);pointer-events:none}
.partners .section-index{position:relative;border-top-color:#986076;color:#e1bac8}
.partners-inner{position:relative;padding-top:clamp(60px,7vw,115px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(42px,9vw,175px);align-items:stretch}
.partners-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.18em;color:#ecc4d1}
.partners-kicker-dot{height:7px;width:7px;border-radius:100%;background:#ce879d;box-shadow:0 0 0 5px #ce879d25}
.partners h2{font-size:clamp(62px,8.2vw,146px);font-weight:450;letter-spacing:-.08em;line-height:.94;margin:35px 0 35px}
.partners h2 em{color:#e4a8ba}
.partners-lead{font-size:clamp(18px,1.7vw,25px);line-height:1.52;letter-spacing:-.018em;max-width:650px;margin:0 0 20px;color:#fbf0f3}
.partners-note{font-size:13px;line-height:1.8;color:#d7bdc7;max-width:640px;margin:0 0 31px}
.partners-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;font-size:13px;font-weight:600;padding:15px 0;border-bottom:1px solid #d39aae;color:#fff;min-width:260px;transition:color .2s ease}
.partners-link:hover{color:#e7acbd}
.partners-link span:last-child{font-size:23px}
.partners-aside{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #9e607949;background:linear-gradient(140deg,#5f1a35a1,#200d19aa);padding:clamp(25px,3.5vw,53px);min-height:580px}
.partners-monogram{font-size:clamp(94px,10vw,176px);line-height:1;letter-spacing:-.1em;font-weight:450;color:#f6e8ed}
.partners-monogram span{color:#c7879f;font-size:.42em;vertical-align:top;margin:0 .16em}
.partners-services{border-top:1px solid #b079906d}
.partners-services>div{display:grid;grid-template-columns:37px 1fr;gap:10px;padding:17px 0;border-bottom:1px solid #b079906d;align-items:center;font-size:11px;line-height:1.4;letter-spacing:.1em}
.partners-services small{font-size:10px;color:#d7a2b4}
.partners-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.08em;color:#cfb4bf;margin-top:35px}
@media(max-width:920px){.partners-inner{grid-template-columns:1fr;gap:40px}.partners-aside{min-height:0}.partners-monogram{margin-bottom:35px}.partners h2{font-size:clamp(65px,11vw,120px)}}
@media(max-width:600px){
 .partners{padding:75px var(--side)}
 .partners-inner{padding-top:42px}
 .partners h2{font-size:clamp(59px,13vw,85px);margin:24px 0 23px}
 .partners-lead{font-size:18px}.partners-note{font-size:13px}
 .partners-aside{padding:26px 20px}.partners-monogram{font-size:100px}
 .contact-direct{margin-top:35px}.contact-direct>a{font-size:11px}
 .hero-shade{background:linear-gradient(0deg,#1208118c,transparent 68%),linear-gradient(90deg,#12081145,transparent 85%)}
 #site-header.scrolled{background:#0c090df5}
}
@media(prefers-reduced-motion:reduce){.partners-link{transition:none}}

/* Contact handoff clarity on hosts without a server-side form endpoint. */
.form-delivery-note{font-size:12px;line-height:1.6;margin:14px 0 0;color:#f3c7d4;max-width:520px}
.form-delivery-note[hidden]{display:none}

.form-draft-link{display:inline-block;color:#ffe0ea;text-decoration:underline;text-underline-offset:5px;font-weight:650}
.form-draft-link:focus-visible{outline:2px solid #e6b8c5;outline-offset:4px}

/* v1.5 — typography for the longer commercial design philosophy statement */
.interlude-copy{max-width:min(1130px,calc(100% - 2 * var(--side)));right:var(--side)}
.interlude-copy p{font-size:clamp(59px,7.65vw,127px);max-width:1100px;line-height:.96;text-wrap:balance}
.interlude-copy small{display:block;max-width:750px;font-size:clamp(13px,1.12vw,16px);font-weight:400;letter-spacing:.018em;line-height:1.65;text-wrap:pretty}
.contact-direct a[href^="tel:"]{text-decoration:none;cursor:pointer}
@media(max-width:600px){
  .interlude{height:auto;min-height:580px;display:flex;align-items:flex-end}
  .interlude-copy{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:none;padding:120px var(--side) 70px}
  .interlude-copy p{font-size:clamp(47px,11.7vw,70px);line-height:1;letter-spacing:-.06em;margin:24px 0 28px}
  .interlude-copy small{font-size:13px;line-height:1.6;letter-spacing:0;max-width:420px}
}


/* v1.6 — polished brand, icons and social preview */
.wordmark-name{font-size:clamp(24px,2.1vw,34px);letter-spacing:-.08em}
.wordmark-light{display:none}
.wordmark-descriptor{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#d7cfd1}
.hero-eyebrow{letter-spacing:.18em}
.hero-count{letter-spacing:.16em;color:#dbcfd2}
.nav-panel-foot a,.under-link,.partners-link,.contact-main-link,.contact-direct a,.footer a,.round-arrow-link{display:inline-flex;align-items:center;gap:12px}
.link-icon,.circle-arrow,.contact-link-icon{display:inline-grid;place-items:center;flex:none}
.link-icon svg,.circle-arrow svg,.contact-link-icon svg{display:block;width:18px;height:18px}
.circle-arrow{width:52px;height:52px;border:1px solid #d8b5c0;border-radius:50%;color:#fff}
.round-arrow-link:hover .circle-arrow{transform:translateX(2px);background:var(--bordeaux);border-color:var(--bordeaux)}
.contact-main-link{justify-content:space-between;min-height:64px;padding:0 0 16px;border-bottom:1px solid #a57386;font-weight:600;max-width:485px}
.contact-main-link .contact-link-icon{width:22px;height:22px;color:#f2c4d1}
.contact-main-link .link-icon{margin-left:auto;color:#f2d0da}
.contact-direct>a,.contact-direct>span{gap:14px}
.contact-direct .contact-link-icon{width:18px;height:18px;color:#d9b9c4}
.contact-direct span>span:last-child,.contact-direct a>span:last-child{flex:1}
.contact-direct .direct-email{font-weight:600}
.contact-direct a{text-decoration:none}
.nav-panel-foot a::after,.footer a::after{content:none}
.footer a{gap:8px}
.partners-link .link-icon,.under-link .link-icon{color:currentColor}
.interlude.interlude-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:stretch;min-height:640px;height:auto;background:linear-gradient(135deg,#100b10 0%,#180d14 46%,#2d1421 100%);color:#f7f3ee;overflow:hidden}
.interlude.interlude-split:after{display:none}
.interlude-split .interlude-copy{position:relative;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;justify-content:center;max-width:none;padding:clamp(70px,8vw,118px) var(--side) clamp(70px,8vw,110px);z-index:2}
.interlude-split .interlude-copy>span{color:#d8c2c8}
.interlude-split .interlude-copy p{font-size:clamp(60px,6.8vw,108px);line-height:.94;margin:22px 0 24px;max-width:10.5ch}
.interlude-split .interlude-copy small{max-width:560px;color:#ede4e6;font-size:clamp(15px,1.2vw,18px);line-height:1.75;letter-spacing:.01em}
.interlude-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.interlude-facts span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f7f3ee}
.interlude-split .interlude-media{position:relative;inset:auto;min-height:100%;overflow:hidden;border-left:1px solid rgba(255,255,255,.08)}
.interlude-split .interlude-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,6,10,.08),rgba(11,6,10,.32));pointer-events:none}
.interlude-split .interlude-media img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:center 52%;filter:brightness(.84) contrast(1.03) saturate(.94);will-change:transform;transform:scale(1.08)}
@media (max-width:900px){.interlude.interlude-split{grid-template-columns:1fr;min-height:0}.interlude-split .interlude-media{order:-1;height:47svh;min-height:320px;border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}.interlude-split .interlude-copy{padding:44px var(--side) 60px}.interlude-split .interlude-copy p{font-size:clamp(48px,11.3vw,78px);max-width:11ch}.interlude-split .interlude-copy small{max-width:470px}}
@media (max-width:600px){.wordmark-name{font-size:22px}.wordmark-descriptor{font-size:9px;letter-spacing:.15em}.contact-main-link{min-height:58px;padding-bottom:14px}.contact-main-link,.contact-direct>a,.contact-direct>span{gap:12px}.contact-link-icon svg,.link-icon svg{width:17px;height:17px}.circle-arrow{width:48px;height:48px}.interlude-facts span{font-size:10px;padding:0 12px;min-height:34px}}


/* v1.7 — mobile arrow cleanup / elegant icon system */
:root{
  --icon-arrow-ne:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M9 7h8v8' stroke='%230f1110' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-arrow-ne-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M9 7h8v8' stroke='%23ffffff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-arrow-left-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6 9 12l6 6M10 12h8' stroke='%23ffffff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-arrow-right-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m9 6 6 6-6 6M6 12h8' stroke='%23ffffff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-play-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m9 7 8 5-8 5V7Z' fill='%23ffffff'/%3E%3C/svg%3E");
  --icon-pause-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 6h3v12H8zM13 6h3v12h-3z' fill='%23ffffff'/%3E%3C/svg%3E");
  --icon-spark-bordeaux:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3v18M3 12h18M5.5 5.5l13 13M18.5 5.5l-13 13' stroke='%23b78b96' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}
.work-card-link,.work-card-corner,.process-symbol,.case-gallery-item>span,.case-next-arrow,.lightbox-arrow{font-size:0!important;line-height:0!important}
.work-card-link::before,.work-card-corner::before,.process-symbol::before,.case-gallery-item>span::before,.case-next-arrow::before,.lightbox-arrow::before{
  content:'';display:block;background-repeat:no-repeat;background-position:center;background-size:contain;
}
/* selected/built card actions */
.work-card-corner{display:grid;place-items:center}
.work-card-corner::before{width:16px;height:16px;background-image:var(--icon-arrow-ne-light)}
.work-card-link{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(106,56,69,.22);border-radius:50%;color:var(--ink)}
.work-card-link::before{width:14px;height:14px;background-image:var(--icon-arrow-ne)}
.work-card:hover .work-card-link{transform:translate(2px,-2px);border-color:rgba(106,56,69,.34);background:rgba(129,56,81,.05)}
/* process and gallery */
.process-symbol::before{width:18px;height:18px;background-image:var(--icon-arrow-ne)}
.case-gallery-item>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(10,10,10,.12);backdrop-filter:blur(3px)}
.case-gallery-item>span::before{width:15px;height:15px;background-image:var(--icon-arrow-ne-light)}
.case-next-arrow::before{width:36px;height:36px;background-image:var(--icon-arrow-ne-light)}
/* lightbox */
.lightbox-arrow.prev::before{width:18px;height:18px;background-image:var(--icon-arrow-left-light)}
.lightbox-arrow.next::before{width:18px;height:18px;background-image:var(--icon-arrow-right-light)}
/* built slider decorative spark */
.built-slider-spark{display:grid;place-items:center;width:22px;height:22px;font-size:0!important;line-height:0}
.built-slider-spark::before{content:'';display:block;width:18px;height:18px;background:var(--icon-spark-bordeaux) center/contain no-repeat}
/* more elegant video toggle */
.video-toggle{gap:8px}
.video-toggle .video-icon{display:grid;place-items:center;width:14px;height:14px;flex:none}
.video-toggle .video-icon::before{content:'';display:block;width:14px;height:14px;background:center/contain no-repeat}
.video-toggle.playing .video-icon::before{background-image:var(--icon-pause-light)}
.video-toggle.paused .video-icon::before{background-image:var(--icon-play-light)}
/* mobile simplification: one action icon per card only */
@media (max-width: 600px){
  .work-card-link{display:none!important}
  .case-gallery-item>span{width:34px;height:34px;right:12px;bottom:12px}
  .case-gallery-item>span::before{width:14px;height:14px}
  .work-card-corner{width:30px!important;height:30px!important;right:8px!important;bottom:8px!important}
  .work-card-corner::before{width:14px;height:14px}
  .case-next-arrow::before{width:28px;height:28px}
}


/* SIGNATURE v1.8 — JEKA TARAN masthead, animated architectural portfolio figures */
.wordmark{min-width:0;gap:0;max-width:min(60vw,460px)}
.wordmark-icon{display:none!important}
.wordmark-identity{gap:6px;min-width:0;align-items:flex-start}
.wordmark-name{font-family:var(--display);font-size:clamp(22px,2.45vw,37px);font-weight:650;letter-spacing:-.075em;line-height:.96;white-space:nowrap}
.wordmark-descriptor{font-size:clamp(8px,.68vw,9.8px);letter-spacing:.125em;line-height:1.2;color:inherit!important;opacity:.78;text-transform:uppercase;white-space:nowrap}
.wordmark-dot{color:#d29bac}
.numbers-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}
.numbers-strip>div{min-width:0;padding:32px clamp(10px,2.2vw,34px) 22px 0;gap:17px}
.numbers-strip>div:not(:first-child){padding-left:clamp(12px,2.4vw,38px)}
.numbers-strip b.stat-number{display:block;font-size:clamp(90px,10vw,175px);line-height:.78;letter-spacing:-.085em;font-weight:500;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:#f4e9ed;transform-origin:bottom left}
.numbers-strip>div:nth-child(2) b.stat-number{color:#dba7b7}
.numbers-strip>div:nth-child(3) b.stat-number{color:#a9919b}
.numbers-strip>div>span{max-width:19ch;color:#c3b5ba;font-size:clamp(10px,.94vw,13px);line-height:1.5;letter-spacing:.025em}
@media(max-width:900px){.wordmark-name{font-size:26px}.wordmark-descriptor{font-size:8px}.numbers-strip b.stat-number{font-size:clamp(76px,11vw,126px)}}
@media(max-width:600px){
  .wordmark{max-width:60vw}
  .wordmark-name{font-size:clamp(19px,5.5vw,25px);letter-spacing:-.077em}
  .wordmark-descriptor{font-size:clamp(6.5px,1.72vw,8px);letter-spacing:.095em}
  .numbers-strip>div{padding-top:25px!important;padding-bottom:12px!important;gap:12px}
  .numbers-strip>div:not(:first-child){padding-left:clamp(8px,2.1vw,13px)!important}
  .numbers-strip b.stat-number{font-size:clamp(64px,17vw,92px);line-height:.87}
  .numbers-strip>div>span{font-size:clamp(9px,2.25vw,11px);line-height:1.4;overflow-wrap:break-word}
}
@media(max-width:380px){
  .wordmark-name{font-size:18px}
  .wordmark-descriptor{font-size:6.7px;letter-spacing:.065em}
  .numbers-strip b.stat-number{font-size:clamp(58px,16vw,70px)}
}

/* v1.8.3: one visible project-link icon only, on the image. */
.work-card-bottom .work-card-link { display:none !important; }
.work-card-bottom { justify-content:flex-start; }
.work-card-bottom > div { min-width:0; }
@media (max-width:600px) {
  .work-card .work-card-corner { pointer-events:none; }
}


/* SIGNATURE v1.8.4 — built projects shown ONLY in the homepage carousel */
#built .built-track>.built-slide{cursor:default;}
#built .built-track>.built-slide .work-card-media{cursor:default;}
#built .built-track>.built-slide .work-card-corner,
#built .built-track>.built-slide .work-card-link{display:none!important;}
#built .built-track>.built-slide:hover .work-card-media>img{transform:none;}
#built .built-track>.built-slide .work-card-media>img{user-select:none;-webkit-user-drag:none;}
#built .built-thumb,#built .built-slider-arrow{cursor:pointer;}
#built .built-track{touch-action:pan-x pan-y;}


/* v1.8.5 — icon refinement: symmetric circular arrows */
:root{
  --jt-icon-ne-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M9 7h8v8' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --jt-icon-left-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6 9 12l6 6M9 12h10' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --jt-icon-right-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m9 6 6 6-6 6M5 12h10' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* unify circular icon buttons */
.work-card-corner,
.case-gallery-item>span,
.circle-arrow,
.built-slider-arrow,
.lightbox-arrow{
  display:grid;
  place-items:center;
  border-radius:999px;
  box-sizing:border-box;
}

/* selected project corner icon */
.work-card-corner{
  width:42px!important;
  height:42px!important;
  right:14px!important;
  bottom:14px!important;
  border:1.25px solid rgba(255,255,255,.76)!important;
  background:rgba(64,18,33,.40)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:0 6px 18px rgba(8,8,10,.18);
}
.work-card-corner::before{
  width:16px!important;
  height:16px!important;
  background-image:var(--jt-icon-ne-white)!important;
  transform:none!important;
}
.work-card:hover .work-card-corner{
  background:rgba(85,20,42,.72)!important;
  border-color:rgba(255,255,255,.88)!important;
  color:#fff!important;
  transform:none!important;
}

/* hero CTA icon */
.circle-arrow{
  width:54px!important;
  height:54px!important;
  border:1.25px solid rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.04);
}
.circle-arrow svg{width:17px!important;height:17px!important}
.round-arrow-link:hover .circle-arrow{transform:none!important;background:rgba(120,37,66,.78)!important;color:#fff!important}

/* built slider nav */
.built-slider-arrow{
  position:relative;
  width:48px!important;
  height:48px!important;
  font-size:0!important;
  line-height:0!important;
  border:1.2px solid rgba(244,237,231,.30)!important;
  background:rgba(73,27,44,.54)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.built-slider-arrow::before{
  content:'';
  display:block;
  width:18px;
  height:18px;
  background:center/contain no-repeat;
}
#built-prev::before{background-image:var(--jt-icon-left-white)}
#built-next::before{background-image:var(--jt-icon-right-white)}
.built-slider-arrow:hover:not(:disabled){
  background:rgba(103,34,58,.88)!important;
  border-color:rgba(255,255,255,.44)!important;
  color:#fff!important;
}
.built-slider-arrow:disabled{
  opacity:.38!important;
  box-shadow:none;
}

/* gallery and lightbox nav */
.case-gallery-item>span{
  width:40px;
  height:40px;
  border:1.15px solid rgba(255,255,255,.78)!important;
  background:rgba(55,16,30,.44)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.case-gallery-item>span::before{width:15px!important;height:15px!important;background-image:var(--jt-icon-ne-white)!important}
.lightbox-arrow{
  width:50px!important;
  height:50px!important;
  font-size:0!important;
  line-height:0!important;
  border:1.15px solid rgba(255,255,255,.34)!important;
  background:rgba(68,23,43,.82)!important;
}
.lightbox-arrow.prev::before{background-image:var(--jt-icon-left-white)!important;width:18px!important;height:18px!important}
.lightbox-arrow.next::before{background-image:var(--jt-icon-right-white)!important;width:18px!important;height:18px!important}

/* cleaner decorative spark */
.built-slider-spark{
  width:20px!important;
  height:20px!important;
}
.built-slider-spark::before{width:16px!important;height:16px!important;opacity:.95}

@media (max-width:600px){
  .work-card-corner{
    width:38px!important;
    height:38px!important;
    right:10px!important;
    bottom:10px!important;
  }
  .work-card-corner::before{width:15px!important;height:15px!important}
  .circle-arrow{width:50px!important;height:50px!important}
  .built-slider-arrow{width:42px!important;height:42px!important}
  .built-slider-arrow::before{width:16px;height:16px}
  .case-gallery-item>span{width:36px;height:36px}
  .case-gallery-item>span::before{width:14px!important;height:14px!important}
  .lightbox-arrow{width:44px!important;height:44px!important}
}


/* ================= SIGNATURE MOTION EDITION v1.8.6 ===================== */
/* Hero choreography: no content is hidden if JavaScript doesn't execute. */
@keyframes jtHeroReveal {from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:no-preference) {
  .js .hero-eyebrow,.js .hero h1,.js .hero-base,.js .hero-footer {
    animation:jtHeroReveal .9s cubic-bezier(.18,.72,.23,1) both;
  }
  .js .hero-eyebrow {animation-delay:.08s}
  .js .hero h1 {animation-delay:.22s}
  .js .hero-base {animation-delay:.42s}
  .js .hero-footer {animation-delay:.64s}
  .js .selected-grid>.work-card.reveal { transition-delay:var(--reveal-delay,0ms) }
}
/* Restrained photographic hover - no cursor tracking or invented background effects. */
.selected-grid>.work-card .work-card-media::after {
 content:'';position:absolute;z-index:1;inset:0;pointer-events:none;
 background:linear-gradient(0deg,rgba(10,6,10,.16),transparent 30%);
 opacity:.38;transition:opacity .48s ease;
}
@media(hover:hover) and (pointer:fine){
 .selected-grid>.work-card:hover .work-card-media::after{opacity:.75}
 .selected-grid>.work-card:hover .work-card-media>img {transform:scale(1.04)}
}

.signature-bridge {
 background:#120c10;color:#f5f0ef;padding:clamp(42px,6vw,80px) var(--side);
 border-top:1px solid rgba(255,255,255,.1);
}
.signature-bridge-line{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(245,240,239,.24);padding-top:18px;font-size:10px;letter-spacing:.17em;color:#c7aeb9}
.signature-bridge-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);align-items:end;gap:32px;margin-top:clamp(40px,5.3vw,78px)}
.signature-bridge-body p{margin:0;max-width:850px;font-family:var(--serif);font-size:clamp(48px,6.9vw,114px);font-style:italic;line-height:.99;letter-spacing:-.05em;text-wrap:balance}
.signature-bridge-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(245,240,239,.58);padding:20px 0 15px;font-size:clamp(12px,1.1vw,16px);font-weight:550;transition:color .24s,border-color .24s}
.signature-bridge-link svg{width:22px;height:22px;flex:none}
.signature-bridge-link:hover{color:#e6c9d3;border-color:#e6c9d3}

.approach{background:#f2f0ea}
.process-presentation{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:stretch;gap:clamp(32px,5vw,90px)}
.process-list.process-interactive{min-width:0;display:flex;flex-direction:column;border-top:1px solid #bdb8b1}
.process-step{
  text-align:left;display:grid;grid-template-columns:41px minmax(0,1fr) 30px;column-gap:15px;
  row-gap:10px;align-items:center;border:0;border-bottom:1px solid #c9c3bd;
  background:transparent;color:#252020;padding:24px 8px 24px 0;
  border-radius:0;width:100%;appearance:none;transition:padding .25s,color .25s;
}
.process-step:hover,.process-step[aria-pressed="true"]{color:#7a314e;padding-left:9px}
.process-step-number{font-family:var(--serif);font-style:italic;font-size:24px;align-self:start;margin-top:5px;color:#98697a}
.process-step-heading{min-width:0}
.process-step-heading h3{margin:0;font-size:clamp(30px,3.2vw,51px);letter-spacing:-.067em;line-height:1.05;font-weight:500}
.process-step-description{grid-column:2;grid-row:2;max-width:410px;color:#77716f;font-size:13px;line-height:1.6}
.process-step-description p{margin:0;font:inherit}
.process-step-marker{grid-column:3;grid-row:1;display:grid;place-items:center;width:29px;height:29px;border:1px solid #d8c9ce;border-radius:50%;transition:background .23s,border-color .23s;color:#6a3648}
.process-step-marker svg{width:16px;height:16px}
.process-step[aria-pressed="true"] .process-step-marker{background:#683149;color:#fff;border-color:#683149}
.process-visual{position:relative;min-height:505px;background:#282125;overflow:hidden;align-self:stretch;isolation:isolate}
.process-visual-frame{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .5s ease,transform 1.1s cubic-bezier(.21,.69,.32,1);pointer-events:none}
.process-visual-frame.is-active{opacity:1;transform:scale(1);z-index:1}
.process-visual-frame>img{width:100%;height:100%;object-fit:cover}
.process-visual:after{content:'';pointer-events:none;position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(10,5,8,.7),transparent);z-index:2}
.process-caption{position:absolute;bottom:clamp(22px,3vw,35px);left:clamp(20px,3vw,35px);right:clamp(20px,3vw,35px);z-index:3;display:flex;flex-direction:column;gap:12px;color:#fff}
.process-caption-num{font-size:10px;letter-spacing:.2em;color:#ead6df}
.process-caption-label{font-size:clamp(18px,2.4vw,30px);font-weight:500;letter-spacing:-.04em}

/* Full-screen editorial filmstrip on authored project pages. */
.lightbox{grid-template-rows:1fr;background:rgba(12,8,12,.98)}
.lightbox>img{max-height:calc(100dvh - 230px);height:calc(100% - 210px);transition:opacity .22s ease,transform .32s ease}
.lightbox>img.is-switching{opacity:.08;transform:scale(.984)}
.lightbox-headline{position:absolute;z-index:3;top:clamp(25px,4vh,45px);left:clamp(18px,4vw,58px);right:120px;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.lightbox-headline-eyebrow{font-size:9px;color:#c9a5b2;letter-spacing:.17em}
.lightbox-headline-title{color:#f3ecee;font-size:clamp(20px,2.2vw,31px);letter-spacing:-.04em}
.lightbox-rail{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:min(82vw,730px);overflow-x:auto;padding:5px;scrollbar-width:thin;scrollbar-color:#a07c8a transparent;z-index:4}
.lightbox-rail-btn{position:relative;flex:0 0 auto;display:block;overflow:hidden;width:82px;height:53px;padding:0;border:1px solid rgba(255,255,255,.25);background:#20131d;opacity:.55;transition:opacity .2s,border-color .2s,transform .2s}
.lightbox-rail-btn img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.lightbox-rail-btn[aria-current="true"]{opacity:1;border-color:#f4e8ed;transform:translateY(-2px)}
.lightbox-rail-btn:hover{opacity:1}
.lightbox-counter{bottom:91px;color:#e2dce1}
.lightbox-arrow.prev,.lightbox-arrow.next{top:50%;transform:translateY(-50%)}
.lightbox-close{z-index:6}
@media(max-width:900px){
 .signature-bridge-body{grid-template-columns:1fr}
 .signature-bridge-body p{font-size:clamp(49px,9vw,80px)}
 .signature-bridge-link{max-width:360px}
 .process-presentation{grid-template-columns:1fr;gap:30px}
 .process-visual{height:440px;min-height:0}
 .process-step{grid-template-columns:42px minmax(0,1fr) 30px}
 .lightbox-rail{max-width:calc(100vw - 28px)}
}
@media(max-width:600px){
 .signature-bridge{padding:51px var(--side) 55px}
 .signature-bridge-line{font-size:9px;flex-direction:column;gap:7px}
 .signature-bridge-body{margin-top:31px;gap:19px}
 .signature-bridge-body p{font-size:clamp(47px,12vw,65px)}
 .signature-bridge-link{width:100%;min-height:51px}
 .process-step{padding:21px 0;grid-template-columns:30px minmax(0,1fr) 27px;column-gap:9px}
 .process-step[aria-pressed="true"],.process-step:hover{padding-left:0}
 .process-step-heading h3{font-size:clamp(26px,7.7vw,35px)}
 .process-step-description{font-size:12px}
 .process-step-number{font-size:20px}
 .process-visual{height:360px}
 .lightbox-headline{top:19px;left:20px;right:70px}
 .lightbox-headline-eyebrow{font-size:8px}
 .lightbox-headline-title{font-size:22px}
 .lightbox>img{width:calc(100% - 18px);height:calc(100% - 220px);max-height:calc(100dvh - 260px)}
 .lightbox-arrow.prev,.lightbox-arrow.next{top:auto;bottom:99px;transform:none}
 .lightbox-arrow.prev{left:18px}.lightbox-arrow.next{right:18px}
 .lightbox-counter{bottom:153px}
 .lightbox-rail{bottom:21px;max-width:calc(100vw - 24px);gap:5px}
 .lightbox-rail-btn{width:67px;height:47px}
}
@media(prefers-reduced-motion:reduce){
 .process-visual-frame,.lightbox>img,.lightbox-rail-btn,.signature-bridge-link{transition:none!important;animation:none!important}
 .js .hero-eyebrow,.js .hero h1,.js .hero-base,.js .hero-footer{animation:none!important}
}
/* Light-process contrast correction: preserve readability against editorial ivory. */
.approach{background:#f2f0ea;color:#242126}
.approach .editorial-heading{color:#211d20}
.approach .editorial-heading em{color:#915e71}
.approach .approach-heading>p{color:#666166}
.approach .section-index{color:#71646c;border-top-color:#c0b9b9}


/* Signature Cost Planning / editorial service proof */
.cost-planning{background:#e9e7e1;color:#241f21;padding-bottom:clamp(88px,9vw,148px)}
.cost-planning .section-index{color:#6a6364;border-top-color:#bfb5b6}
.cost-planning-heading{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(285px,.78fr);align-items:end;gap:clamp(30px,6vw,110px);padding:clamp(60px,7.5vw,110px) 0 62px}
.cost-planning-heading h2{font-size:clamp(65px,7.5vw,138px);line-height:.94;color:#211d20}
.cost-planning-heading h2 em{color:#895364}
.cost-planning-lead{max-width:480px;padding-bottom:8px}
.cost-kicker,.cost-case-flag{font-size:10px;letter-spacing:.2em;font-weight:650;color:#7e5362}
.cost-planning-lead p{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:#51494b;margin:24px 0 0}
.cost-planning-showcase{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(0,.57fr);gap:16px;align-items:stretch}
.cost-showcase-hero,.cost-doc{position:relative;overflow:hidden;background:#d5d0c9}
.cost-showcase-hero{min-height:440px}
.cost-showcase-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cost-img-index{position:absolute;inset:auto 24px 22px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;font-weight:650;letter-spacing:.1em;color:#fff;text-shadow:0 1px 8px #0007}
.cost-img-index i{font-style:normal;font-size:9px;font-weight:450}
.cost-showcase-docs{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:440px}
.cost-doc{min-height:0;background:#f9f8f4;box-shadow:inset 0 0 0 1px #d2ccc6}
.cost-doc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cost-doc>span{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,rgba(25,18,21,.76),transparent);color:#fff;min-height:46px;display:flex;align-items:end;padding:10px 16px;font-size:9px;letter-spacing:.1em}
.cost-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #bcb2b2;margin-top:44px}
.cost-workflow-item{padding:30px 28px 19px 0;min-height:175px}
.cost-workflow-item+.cost-workflow-item{padding-left:28px;border-left:1px solid #bcb2b2}
.cost-workflow-item>span{font-family:var(--serif);font-size:22px;color:#895364;font-style:italic}
.cost-workflow-item h3{font-size:clamp(23px,2.3vw,36px);letter-spacing:-.05em;font-weight:550;line-height:1.1;margin:15px 0 10px}
.cost-workflow-item p{font-size:13px;line-height:1.7;color:#656063;max-width:310px}
.cost-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.67fr);gap:55px;align-items:end;background:#181015;color:#faf7f5;margin-top:16px;padding:clamp(28px,4vw,60px)}
.cost-actions .cost-case-flag{color:#c59cae}
.cost-actions p{max-width:640px;font-size:14px;line-height:1.8;color:#cfc4c8;margin:18px 0 0}
.cost-actions-links{display:flex;flex-direction:column;gap:12px}
.cost-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #7e6670;padding:15px 0;font-size:13px;line-height:1.25;color:#f4eff0;font-weight:550;min-height:54px}
.cost-link svg{width:18px;height:18px;flex:none}
.cost-link.primary{color:#fff;border-color:#d3aabb}
.cost-link:hover{color:#dfbccc;border-color:#dfbccc}
@media (max-width:920px){
 .cost-planning-heading{grid-template-columns:1fr;padding-bottom:42px;gap:28px}
 .cost-planning-heading h2{font-size:clamp(58px,9vw,92px)}
 .cost-planning-lead{max-width:700px}
 .cost-planning-showcase{grid-template-columns:1fr 1fr;gap:12px}
 .cost-showcase-hero{min-height:420px}
 .cost-showcase-docs{min-height:420px;gap:12px}
 .cost-workflow-item{padding-right:17px}
 .cost-workflow-item+.cost-workflow-item{padding-left:17px}
 .cost-actions{gap:26px}
}
@media (max-width:600px){
 .cost-planning{padding-top:80px;padding-bottom:80px}
 .cost-planning-heading{padding-top:48px;padding-bottom:30px}
 .cost-planning-heading h2{font-size:clamp(51px,12vw,72px)}
 .cost-planning-lead p{font-size:15px;line-height:1.7;margin-top:15px}
 .cost-planning-showcase{display:grid;grid-template-columns:1fr;gap:10px}
 .cost-showcase-hero{min-height:0;aspect-ratio:1.28}
 .cost-showcase-docs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px;min-height:0;height:160px}
 .cost-doc{height:160px;min-height:0}
 .cost-doc>span{font-size:8px;padding:10px 8px;line-height:1.4}
 .cost-img-index{inset:auto 14px 15px 14px;font-size:10px}
 .cost-workflow{grid-template-columns:1fr;margin-top:28px}
 .cost-workflow-item{display:grid;grid-template-columns:34px 1fr;column-gap:12px;min-height:0;padding:21px 0!important;border-left:0!important;border-bottom:1px solid #c6bebe}
 .cost-workflow-item>span{grid-row:span 2;margin-top:1px}
 .cost-workflow-item h3{margin:0 0 6px;font-size:26px}
 .cost-workflow-item p{grid-column:2;margin:0;max-width:100%}
 .cost-actions{grid-template-columns:1fr;padding:26px 22px;margin-top:30px;gap:22px}
 .cost-actions-links{gap:0}
 .cost-link{min-height:54px;font-size:12px}
}


.cost-detail-page{background:#eeeae4;color:#292227}
.cost-detail-hero{height:min(83svh,780px);min-height:570px;position:relative;overflow:hidden;background:#21121a;color:#fff}
.cost-detail-hero-visual,.cost-detail-hero-visual img,.cost-detail-hero-shade{position:absolute;inset:0;height:100%;width:100%}
.cost-detail-hero-visual img{object-fit:cover;object-position:60% center}
.cost-detail-hero-shade{background:linear-gradient(90deg,rgba(19,9,15,.91),rgba(19,9,15,.65) 46%,rgba(19,9,15,.1))}
.cost-detail-hero-copy{position:absolute;left:var(--side);right:var(--side);bottom:clamp(50px,11vh,140px)}
.cost-detail-overline{font-size:11px;letter-spacing:.19em;color:#e2c2cf}
.cost-detail-hero h1{font-size:clamp(75px,9.5vw,175px);line-height:.89;letter-spacing:-.08em;font-weight:500;margin:30px 0 35px}
.cost-detail-hero h1 em{font-weight:400}
.cost-detail-hero p{font-size:clamp(15px,1.4vw,20px);line-height:1.7;max-width:590px;color:#e6dbdf}
.cost-detail-main .section-index{color:#7b6e70;border-top-color:#bab0b1}
.cost-detail-intro{padding:clamp(60px,7vw,110px) 0;display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}
.cost-detail-intro h2{color:#2a2525;font-size:clamp(64px,7.3vw,125px)}
.cost-detail-intro h2 em{color:#905669}
.cost-detail-intro>p{max-width:630px;font-size:clamp(16px,1.3vw,19px);line-height:1.8;color:#5c5357}
.cost-detail-panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.cost-detail-panels figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:0;background:#fcfaf7}
.cost-detail-panels img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}
.cost-detail-panels figcaption{padding:18px 18px 24px;min-height:125px}
.cost-detail-panels figcaption span{font-size:10px;letter-spacing:.11em;font-weight:650;color:#905669}
.cost-detail-panels figcaption p{font-size:13px;line-height:1.6;color:#62595d;margin:10px 0 0}
.cost-detail-notice{margin-top:48px;border-top:1px solid #c5bab9;border-bottom:1px solid #c5bab9;padding:28px 0;display:grid;grid-template-columns:260px 1fr;gap:30px}
.cost-detail-notice span{font-size:10px;letter-spacing:.14em;font-weight:650;color:#815366}
.cost-detail-notice p{font-size:14px;line-height:1.8;color:#51494d;margin:0;max-width:820px}
.cost-detail-bottom{display:flex;justify-content:space-between;gap:30px;background:#1d1119;padding:32px 34px;margin-top:42px}
.cost-detail-bottom .cost-link{width:100%;max-width:480px}
@media(max-width:820px){.cost-detail-intro{grid-template-columns:1fr;gap:24px}.cost-detail-notice{grid-template-columns:1fr}.cost-detail-panels{gap:10px}.cost-detail-bottom{flex-direction:column;gap:0}}
@media(max-width:600px){.cost-detail-hero{min-height:600px;height:84svh}.cost-detail-hero h1{font-size:clamp(64px,13.8vw,96px)}.cost-detail-hero-copy{bottom:60px}.cost-detail-hero-shade{background:linear-gradient(0deg,rgba(19,9,15,.94),rgba(19,9,15,.22))}.cost-detail-intro{padding:50px 0}.cost-detail-intro h2{font-size:clamp(60px,12vw,77px)}.cost-detail-panels{grid-template-columns:1fr;gap:18px}.cost-detail-panels img{aspect-ratio:1.55}.cost-detail-panels figcaption{min-height:0}.cost-detail-notice{margin-top:30px}.cost-detail-bottom{padding:22px 24px}.cost-detail-overline{font-size:10px}}

/* Signature v1.8.8 — a compact, editorial studio workflow rather than a price display */
.workflow-signature{background:#e9e7e1;color:#221d20;padding-top:clamp(70px,7.2vw,112px);padding-bottom:clamp(70px,7.2vw,112px)}
.workflow-signature .section-index{color:#6a6265;border-top-color:rgba(38,32,36,.24)}
.workflow-signature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(35px,6vw,110px);align-items:center;padding-top:clamp(38px,6vw,80px)}
.workflow-signature-copy{max-width:780px}
.workflow-signature-eyebrow{font-size:10px;font-weight:650;letter-spacing:.17em;color:#865d6c}
.workflow-signature h2{font-size:clamp(66px,7.35vw,132px);line-height:.94;margin:27px 0 30px;letter-spacing:-.075em}
.workflow-signature h2 em{color:#8a596c}
.workflow-signature-copy>p{max-width:600px;font-size:clamp(15px,1.22vw,18px);line-height:1.76;color:#62595f;margin:0}
.workflow-signature-steps{display:flex;flex-wrap:wrap;gap:11px 24px;margin:32px 0 28px;padding-top:18px;border-top:1px solid rgba(37,29,35,.24)}
.workflow-signature-steps>span{font-size:9px;font-weight:650;letter-spacing:.14em;color:#71656b}
.workflow-signature-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.workflow-signature-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 0;border-bottom:1px solid #36252c;font-weight:650;font-size:13px;line-height:1.3}
.workflow-signature-primary svg{display:block;width:17px;height:17px;flex:none}
.workflow-signature-secondary{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#75505f;font-weight:650;padding:14px 0}
.workflow-signature-secondary small{font-size:13px;line-height:1;color:#75505f}
.workflow-signature-visual{margin:0;position:relative;aspect-ratio:1.12;background:#2b1b22;min-width:0;overflow:hidden;isolation:isolate}
.workflow-signature-visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease}
.workflow-signature-visual:hover img{transform:scale(1.028)}
.workflow-signature-visual::after{content:'';inset:50% 0 0;position:absolute;background:linear-gradient(transparent,rgba(8,7,8,.66));z-index:1;pointer-events:none}
.workflow-signature-visual figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#faf9f6;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;font-weight:600;text-shadow:0 1px 7px #0007}
.workflow-detail-page .cost-detail-hero{height:min(77svh,720px);min-height:530px}
.workflow-detail-page .cost-detail-hero-shade{background:linear-gradient(90deg,rgba(19,9,15,.83),rgba(19,9,15,.55) 52%,rgba(19,9,15,.18))}
.workflow-detail-page .cost-detail-hero h1{font-size:clamp(68px,9vw,152px)}
.workflow-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.workflow-detail-card{min-width:0;background:#fbf9f6}
.workflow-detail-card-image,.workflow-detail-spec,.workflow-detail-flow{height:300px;min-height:0;overflow:hidden}
.workflow-detail-card-image img{width:100%;height:100%;object-fit:cover}
.workflow-detail-card-copy{padding:22px 22px 28px}
.workflow-detail-card-copy>span{font-size:9px;color:#90647a;letter-spacing:.16em;font-weight:650}
.workflow-detail-card-copy h3{font-size:clamp(23px,2.2vw,35px);font-weight:520;letter-spacing:-.05em;line-height:1.1;margin:15px 0 12px}
.workflow-detail-card-copy p{color:#63585d;font-size:13px;line-height:1.67;max-width:370px;margin:0}
.workflow-detail-spec{display:flex;flex-direction:column;background:#e2ded8;padding:25px 25px 18px;color:#3b3136}
.workflow-detail-spec-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;font-weight:700;color:#65565d}
.workflow-detail-spec-title{font-size:clamp(35px,3.5vw,59px);font-weight:500;letter-spacing:-.065em;line-height:.92;margin:30px 0 24px}
.workflow-detail-spec-title em{color:#925970}
.workflow-detail-spec-row{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #c2b5b8;padding:10px 0;font-size:8px;letter-spacing:.09em;font-weight:650}
.workflow-detail-spec-row span:last-child{color:#86636e}
.workflow-detail-flow{display:flex;flex-direction:column;justify-content:space-between;padding:26px;background:linear-gradient(145deg,#170e14,#3c1e2e 72%,#21121a);color:#f4edf0}
.workflow-detail-flow>span{font-size:9px;letter-spacing:.13em;color:#d1b2bf}
.workflow-detail-flow>div{font-size:11px;letter-spacing:.03em;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.workflow-detail-flow>div i{width:12px;height:1px;background:#dcbac9;display:block}
.workflow-detail-flow>strong{font-size:clamp(42px,3vw,60px);font-weight:400;line-height:.96;max-width:9ch;letter-spacing:-.06em}
.workflow-detail-flow>p{font-size:9px;letter-spacing:.06em;color:#bba7b0;margin:0}
.workflow-detail-page .cost-detail-notice{margin-top:36px}
.workflow-detail-page .cost-detail-notice p{max-width:960px}
@media(max-width:900px){
 .workflow-signature-grid{grid-template-columns:1fr 1fr;gap:30px}
 .workflow-signature h2{font-size:clamp(60px,8vw,90px)}
 .workflow-signature-visual{aspect-ratio:.92}
 .workflow-detail-grid{gap:10px}
 .workflow-detail-card-image,.workflow-detail-spec,.workflow-detail-flow{height:250px}
 .workflow-detail-spec{padding:18px}
 .workflow-detail-card-copy{padding:16px 14px 22px}
}
@media(max-width:700px){
 .workflow-signature-grid{grid-template-columns:1fr;gap:34px}
 .workflow-signature h2{font-size:clamp(53px,12vw,84px);margin:24px 0}
 .workflow-signature-visual{aspect-ratio:1.35}
 .workflow-signature-copy>p{max-width:570px}
 .workflow-detail-grid{grid-template-columns:1fr;gap:18px}
 .workflow-detail-card-image,.workflow-detail-spec,.workflow-detail-flow{height:280px}
 .workflow-detail-spec-title{font-size:56px}
 .workflow-detail-card-copy{padding:18px 21px 26px}
 .workflow-detail-page .cost-detail-hero{min-height:580px}
 .workflow-detail-page .cost-detail-hero-shade{background:linear-gradient(0deg,rgba(19,9,15,.90),rgba(19,9,15,.19))}
}
@media(max-width:430px){
 .workflow-signature{padding-top:76px;padding-bottom:76px}
 .workflow-signature h2{font-size:clamp(51px,12.2vw,64px)}
 .workflow-signature-steps{gap:10px 13px}
 .workflow-signature-steps>span{font-size:8px}
 .workflow-signature-visual{aspect-ratio:1.15}
 .workflow-signature-visual figcaption{font-size:8px;left:12px;right:12px}
 .workflow-signature-links{gap:10px 23px}
}
@media(prefers-reduced-motion:reduce){.workflow-signature-visual img{transition:none}}

.workflow-signature-secondary svg{width:16px;height:16px;display:block;flex:none}


/* v1.8.9 — concise remote collaboration tagline */
.hero-international{display:block;margin-top:12px;color:#e9dfe2;font-size:clamp(10px,.79vw,12px);line-height:1.55;letter-spacing:.075em;font-weight:550}
.contact-direct a.call-request-link{font-size:12px;letter-spacing:.035em;color:#f0dfe6}
.contact-direct a.call-request-link:hover{color:#fff}
@media(max-width:600px){.hero-international{margin-top:10px;max-width:315px;font-size:10px;letter-spacing:.025em;line-height:1.45}.contact-direct a.call-request-link{font-size:12px}}


/* JEKA TARAN × QuoteFlow — 2027 brand-system phase 1 */
:root{--jt-ink:#0C090D;--jt-panel:#141015;--jt-wine:#55182E;--jt-paper:#F5EFF0;--jt-platinum:#D8CFD2}
/* Images carry the editorial story: no redundant round badges over them. */
.selected-grid .work-card-corner{display:none!important}
/* Reduce heavy circular navigation into quiet outlined controls. */
#built .built-slider-arrow{
  border:1px solid rgba(245,239,240,.19)!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:none!important;
  border-radius:13px!important;
  width:46px!important;height:46px!important;
  transition:background .2s ease,border-color .2s ease!important;
}
#built .built-slider-arrow:hover:not(:disabled){background:rgba(245,239,240,.09)!important;border-color:rgba(245,239,240,.55)!important}
#built .built-slider-arrow:disabled{opacity:.25!important}
/* Make image gallery open affordance subtle; whole gallery image is a button. */
.case-gallery-item>span{display:none!important}
.case-next-arrow{opacity:.72}
.case-next>a:hover .case-next-arrow{transform:translate(4px,-4px)}
/* Shared editorial emphasis, with the actual QuoteFlow demo image. */
.workflow-signature{background:#141015!important}
.workflow-signature-visual{overflow:hidden}
.workflow-signature-visual img{filter:none!important;object-position:center}
.workflow-signature-steps{flex-wrap:wrap}
.workflow-signature-secondary,.workflow-signature-primary,.cost-link{transition:color .2s ease,background .2s ease,border-color .2s ease}
.workflow-signature-secondary:focus-visible,.workflow-signature-primary:focus-visible,.cost-link:focus-visible{outline:2px solid #D8A9B8;outline-offset:4px}
/* avoid huge arrow decoration in primary hero CTA */
.circle-arrow{background:transparent!important;border-color:rgba(245,239,240,.56)!important;box-shadow:none!important}
@media(max-width:600px){
 #built .built-slider-arrow{height:44px!important;width:44px!important}
 .workflow-signature-steps{gap:8px}
 .selected-grid .work-card-media{cursor:pointer}
}
@media(prefers-reduced-motion:reduce){#built .built-slider-arrow{transition:none!important}}

/* v1.9.4 / image framing for three new built works */
#built [data-project-slug="boom-boom-room"] .work-card-media>img{object-position:center 47%}
#built [data-project-slug="ogorod"] .work-card-media>img{object-position:center}
#built [data-project-slug="ogorod"] .work-card-media{background:#131e18}


/* SIGNATURE v1.9.7: proportional gallery size reduction. Original image aspect ratios retained. */
#built .built-track {
  --slide-width: min(68vw, 1020px);
  gap: clamp(14px, 1.8vw, 25px);
}
/* Keep original v1.9.5 frame aspect: the whole image and its height scale together. */
#built .built-track .work-card-media { aspect-ratio: 1.86 !important; }
/* Retain real color grading: do not apply a separate saturation filter in browser. */
#built .built-track .work-card-media > img,
#built .built-track .built-slide[data-active="true"] .work-card-media > img {
  filter: none !important;
}
/* Frame and caption share the same proportional width. No forced crop changes. */
#built .built-track .work-card-bottom {
  min-height: 102px;
  padding-top: 19px;
}
#built .built-track .work-card-bottom h3 {font-size: clamp(28px, 2.9vw, 50px);}
@media (max-width: 950px) {
  #built .built-track { --slide-width: 74vw; }
}
@media (max-width: 600px) {
  #built .built-track { --slide-width: 78vw; }
  #built .built-track .work-card-media { aspect-ratio: 1.13 !important; }
  #built .built-track .work-card-bottom { min-height: 106px; padding-top: 15px; }
  #built .built-track .work-card-bottom h3 {font-size: clamp(26px, 7vw, 36px);}
}


/* v2.0 — HOOQQA and Ogorod now use landscape photographs; portrait workaround removed. */
#built [data-project-slug="hooqqa"] .work-card-media>img{object-fit:cover;object-position:center 55%}
#built [data-project-slug="ogorod"] .work-card-media>img{object-fit:cover;object-position:center 45%}

/* v2.0 — modern-browser polish (progressive enhancement) */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:2px solid #d9b26f;outline-offset:3px}

/* v2.1 — slider arrows: borderless, hairline long arrows (replaces rounded-square buttons) */
#built .built-slider-arrow{
  width:56px!important;height:44px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  display:grid!important;place-items:center;padding:0;cursor:pointer;
  opacity:.72;transition:opacity .25s ease,transform .25s ease!important;
}
#built .built-slider-arrow::before{
  width:38px!important;height:14px!important;content:'';display:block;
  background:center/contain no-repeat!important;
}
#built #built-prev::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 14' fill='none'%3E%3Cpath d='M38 7H1.5M7 1 1 7l6 6' stroke='%23f5efe8' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
#built #built-next::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 14' fill='none'%3E%3Cpath d='M0 7h36.5M31 1l6 6-6 6' stroke='%23f5efe8' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
#built .built-slider-arrow:hover:not(:disabled){background:transparent!important;border:0!important;opacity:1}
#built #built-prev:hover:not(:disabled){transform:translateX(-4px)}
#built #built-next:hover:not(:disabled){transform:translateX(4px)}
#built .built-slider-arrow:disabled{opacity:.18!important;cursor:default}
#built .built-slider-arrow:focus-visible{outline:1px solid #d9b26f;outline-offset:2px}
@media(max-width:600px){#built .built-slider-arrow{width:48px!important;height:44px!important}#built .built-slider-arrow::before{width:32px!important}}

/* v2.2 — symmetric slider controls:  [←]  01 / 10  [→] */
.built-slider-meta{align-items:center}
#built .built-slider-actions{display:grid!important;grid-template-columns:56px 104px 56px;align-items:center;justify-items:center;gap:0!important}
#built .built-slider-counter{margin:0!important;display:flex!important;align-items:baseline;justify-content:center;gap:10px!important;font-size:15px!important;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#8a8d8d;line-height:1}
#built .built-slider-counter b{font-size:15px!important;font-weight:600;color:#faf8f3}
#built .built-slider-counter i{font-style:normal;font-weight:300;color:#5f6262}
#built .built-slider-separator{display:none!important}
#built .built-slider-instruction{display:none!important}
@media(hover:none) and (pointer:coarse){#built .built-slider-instruction{display:inline!important}}
@media(max-width:600px){#built .built-slider-actions{grid-template-columns:44px 80px 44px}#built .built-slider-counter,#built .built-slider-counter b{font-size:13px!important}}

/* v2.3 — built-project capacity line */
#built .project-capacity{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:8px;color:#f5efe8;font-size:13px;letter-spacing:.02em;line-height:1.4}
#built .project-capacity strong{font-weight:600;color:#f5efe8}
#built .project-capacity em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#D8A9B8}
#built .project-capacity em::before{content:"·";margin-right:10px;color:#6d5a63}
.built-capacity-note{max-width:760px;margin:22px auto 0;padding:0 20px;text-align:center;font-size:11px;line-height:1.6;letter-spacing:.03em;color:#8F8489}

/* v2.4 — exact optical alignment of the gallery controls: [←]  04 / 10  [→] */
#built .built-slider-actions{display:flex!important;align-items:center!important;justify-content:center;gap:6px!important;height:44px;grid-template-columns:none!important}
#built .built-slider-arrow{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:0 0 56px;width:56px!important;height:44px!important;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;position:relative;top:0!important}
#built .built-slider-arrow::before{margin:0!important;flex:0 0 auto}
#built .built-slider-counter{display:grid!important;grid-template-columns:1fr 18px 1fr;align-items:center;justify-items:center;width:96px;height:44px;margin:0!important;gap:0!important;font-size:15px!important;line-height:1!important;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums lining-nums}
#built .built-slider-counter b,#built .built-slider-counter>span{display:block;line-height:1!important;font-size:15px!important;font-weight:500!important;padding-top:1px}
#built .built-slider-counter b{justify-self:end;color:#faf8f3}
#built .built-slider-counter>span{justify-self:start;color:#8a8d8d}
#built .built-slider-counter i{display:block;line-height:1;font-size:15px;font-weight:300;color:#5f6262;padding-top:1px}
@media(max-width:600px){#built .built-slider-actions{gap:2px!important}#built .built-slider-arrow{flex-basis:44px;width:44px!important}#built .built-slider-counter{width:80px;grid-template-columns:1fr 14px 1fr}#built .built-slider-counter b,#built .built-slider-counter>span,#built .built-slider-counter i{font-size:13px!important}}

/* v2.7 — compact right-hand navigation panel */
.nav-panel{background:rgba(7,4,6,.58)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden!important;transform:none!important}
.nav-panel .nav-panel-inner{position:absolute;right:0;top:0;bottom:0;width:min(400px,100%);max-width:none;min-height:0;margin:0;padding:104px 36px 30px;background:#120b10;border-left:1px solid #3a2530;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(28px);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.nav-panel.open .nav-panel-inner{transform:none}
.nav-panel .nav-index{font-size:10px;letter-spacing:.22em;color:#8F8489}
.nav-panel nav{margin-top:22px!important}
.nav-panel nav a{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(28px,2.6vw,34px)!important;letter-spacing:-.01em!important;line-height:1.1;padding:15px 0!important;border-bottom:1px solid #2f1f27!important;color:#f1e9ec;display:flex;align-items:center;justify-content:space-between;opacity:.88;transition:opacity .25s,color .25s,padding-left .25s!important}
.nav-panel nav a::after{content:"→";font-family:"DM Sans",system-ui,sans-serif;font-size:15px;color:#D8A9B8;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s}
.nav-panel nav a:hover,.nav-panel nav a:focus-visible,.nav-panel nav a[aria-current="true"]{opacity:1;color:#fff;padding-left:6px!important}
.nav-panel nav a:hover::after,.nav-panel nav a:focus-visible::after,.nav-panel nav a[aria-current="true"]::after{opacity:1;transform:none}
.nav-panel nav a[aria-current="true"]{color:#D8A9B8}
.nav-panel-foot{margin-top:auto!important;padding-top:28px;display:flex!important;flex-direction:column;gap:14px;align-items:flex-start!important}
.nav-contact{display:flex;flex-direction:column;gap:8px}
.nav-contact a{font-size:14px;color:#d9ccd1;letter-spacing:.01em}
.nav-contact a:hover{color:#D8A9B8}
.nav-loc{font-size:10px;letter-spacing:.2em;color:#8F8489}
@media(max-width:600px){.nav-panel .nav-panel-inner{width:100%;padding:92px 24px 24px;border-left:0}.nav-panel nav a{font-size:28px!important;padding:13px 0!important}}
@media(prefers-reduced-motion:reduce){.nav-panel .nav-panel-inner{transition:none}}

/* v2.8 — three-sheet design package in Design workflow */
.workflow-sheets{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"a a" "b c";gap:clamp(14px,1.6vw,22px);min-width:0}
.workflow-sheets .ws{margin:0;min-width:0}
.ws-a{grid-area:a}.ws-b{grid-area:b}.ws-c{grid-area:c}
.ws-img{position:relative;overflow:hidden;background:#2b1b22;aspect-ratio:16/9;isolation:isolate}
.ws-b .ws-img,.ws-c .ws-img{aspect-ratio:1/1}
.ws-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;display:block}
.ws-img:hover img{transform:scale(1.03)}
.ws-paper{background:#f7f5ef;border:1px solid rgba(37,29,35,.14)}
.ws-paper img{object-fit:contain;padding:6%}
.ws-paper:hover img{transform:none}
.workflow-sheets figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(37,29,35,.22);font-size:9px;letter-spacing:.12em;font-weight:650;color:#6a6265;text-transform:uppercase}
.workflow-sheets figcaption span:first-child{color:#BD788B}
.workflow-sheets figcaption span:last-child{text-align:right;font-weight:500;letter-spacing:.08em}
@media(max-width:600px){.workflow-sheets{gap:12px}.workflow-sheets figcaption{flex-direction:column;gap:4px}.workflow-sheets figcaption span:last-child{text-align:left}}

/* v2.9 — header pinned explicitly (iOS Safari), step cards for Design workflow */
#site-header{top:0!important;left:0;right:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.workflow-signature-steps{display:none!important}
.wf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 28px;padding:0;list-style:none}
.wf-steps li{border-top:1px solid rgba(37,29,35,.28);padding-top:14px}
.wf-steps b{display:block;font-size:10px;letter-spacing:.14em;font-weight:650;color:#BD788B;margin-bottom:8px}
.wf-steps span{display:block;font-size:13px;line-height:1.55;color:#5c5358}
@media(max-width:700px){.wf-steps{grid-template-columns:1fr;gap:12px}.wf-steps li{display:grid;grid-template-columns:104px 1fr;gap:10px;align-items:baseline}.wf-steps b{margin:0}}

/* v3.0 — QuoteFlow dark app preview (sample data) */
.qf-stage{position:relative;min-width:0;padding:clamp(22px,3vw,40px) clamp(14px,2.4vw,34px) 18px;background:#0e090c;border-radius:6px;overflow:hidden;isolation:isolate}
.qf-glow{position:absolute;inset:-20% -10% auto auto;width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(199,138,163,.28),transparent 62%);z-index:-1;pointer-events:none}
.qf-window{background:#171015;border:1px solid #2f1f28;border-radius:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);color:#efe6ea;will-change:transform;transform:translateY(calc(var(--qf-p,0)*-14px))}
.qf-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #2a1b23;font-size:11px;color:#8F8489;letter-spacing:.04em}
.qf-dots{display:flex;gap:6px}.qf-dots i{width:8px;height:8px;border-radius:50%;background:#3a2832}
.qf-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf-bar em{font-style:normal;font-size:9px;letter-spacing:.14em;color:#D8A9B8;border:1px solid #4a2a38;padding:3px 8px;border-radius:99px}
.qf-tabs{display:flex;gap:4px;padding:10px 12px 0;border-bottom:1px solid #2a1b23}
.qf-tabs button{background:none;border:0;color:#8F8489;font:inherit;font-size:12px;font-weight:550;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.qf-tabs button:hover{color:#efe6ea}.qf-tabs button.is-on{color:#fff;border-bottom-color:#D8A9B8}
.qf-screens{position:relative;min-height:330px}
.qf-screen{display:none;padding:22px 20px 8px;animation:qfIn .45s ease both}.qf-screen.is-on{display:block}
@keyframes qfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.qf-top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px}
.qf-top small{display:block;font-size:9px;letter-spacing:.16em;color:#8F8489;margin-bottom:6px}
.qf-top strong{font-size:clamp(30px,3.4vw,44px);font-weight:500;letter-spacing:-.03em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.qf-meta{font-size:11px;color:#8F8489;text-align:right}
.qf-seg{display:flex;gap:3px;height:8px;margin-bottom:20px}.qf-seg i{border-radius:2px;background:#D8A9B8}
.qf-seg i:nth-child(2){opacity:.82}.qf-seg i:nth-child(3){opacity:.66}.qf-seg i:nth-child(4){opacity:.5}.qf-seg i:nth-child(5){opacity:.36}.qf-seg i:nth-child(6){opacity:.24}
.qf-bars,.qf-mats{list-style:none;margin:0;padding:0}
.qf-bars li{display:grid;grid-template-columns:1fr 38px;grid-template-rows:auto auto;column-gap:12px;row-gap:7px;padding:9px 0;border-top:1px solid #261822}
.qf-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#d9ccd1}.qf-row b{font-weight:550;color:#fff;font-variant-numeric:tabular-nums}
.qf-track{grid-column:1;height:4px;background:#261822;border-radius:3px;overflow:hidden}
.qf-track i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#BD788B,#D8A9B8);transform-origin:left;animation:qfBar .9s .15s cubic-bezier(.2,.7,.2,1) both}
@keyframes qfBar{from{transform:scaleX(0)}to{transform:none}}
.qf-bars em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:11px;color:#8F8489;text-align:right}
.qf-scroll{overflow-x:auto}.qf-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:420px}
.qf-table th{font-size:9px;letter-spacing:.14em;font-weight:600;color:#8F8489;text-align:right;padding:0 0 9px;text-transform:uppercase}.qf-table th:first-child,.qf-table td:first-child{text-align:left}
.qf-table td{padding:11px 0;border-top:1px solid #261822;text-align:right;color:#d9ccd1;font-variant-numeric:tabular-nums}.qf-table td:first-child{color:#fff;padding-right:10px}.qf-table td:last-child{color:#fff;font-weight:550}
.qf-mats li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #261822}
.qf-sw{width:34px;height:34px;border-radius:5px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.qf-mn{flex:1;font-size:13.5px;color:#fff}.qf-mn small{display:block;font-size:11px;color:#8F8489;margin-top:3px}
.qf-st{font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:99px;border:1px solid}
.qf-specified{color:#9fd3b0;border-color:#2f5a40}.qf-sourcing{color:#e7c27d;border-color:#5f4a22}.qf-pending{color:#b9a9b0;border-color:#4a3a42}
.qf-foot{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 12px 14px;border-top:1px solid #2a1b23}
.qf-foot button{width:48px;height:40px;background:none;border:0;color:#efe6ea;font-size:20px;cursor:pointer;opacity:.75;transition:opacity .2s,transform .2s}
.qf-foot button:hover{opacity:1}.qf-prev:hover{transform:translateX(-3px)}.qf-next:hover{transform:translateX(3px)}
.qf-count{min-width:70px;text-align:center;font-size:13px;letter-spacing:.08em;color:#8F8489;font-variant-numeric:tabular-nums}
.qf-chip{position:absolute;right:clamp(8px,1.4vw,18px);top:clamp(10px,1.6vw,22px);background:rgba(23,16,21,.92);border:1px solid #3a2530;border-radius:10px;padding:10px 14px;color:#fff;transform:translateY(calc(var(--qf-p,0)*26px));box-shadow:0 14px 30px -10px rgba(0,0,0,.6);pointer-events:none}
.qf-chip small{display:block;font-size:8px;letter-spacing:.16em;color:#D8A9B8;margin-bottom:3px}.qf-chip b{font-size:17px;font-weight:550;letter-spacing:-.02em}
.qf-note{margin:14px 4px 0;font-size:10.5px;line-height:1.55;color:#8F8489;text-align:center}
.workflow-sheets-row{grid-template-columns:1.5fr 1fr 1fr;grid-template-areas:"a b c";margin-top:12px}
.workflow-sheets-row .ws-a .ws-img,.workflow-sheets-row .ws-b .ws-img,.workflow-sheets-row .ws-c .ws-img{aspect-ratio:4/3}
.ws-label{display:flex;justify-content:space-between;gap:14px;margin-top:clamp(48px,6vw,84px);padding-top:16px;border-top:1px solid rgba(37,29,35,.24);font-size:9px;font-weight:650;letter-spacing:.15em;color:#6a6265}
@media(max-width:700px){.workflow-sheets-row{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "b c"}.qf-chip{display:none}.qf-tabs button{padding:10px 10px;font-size:11.5px}.qf-screens{min-height:360px}.qf-top strong{font-size:30px}.ws-label span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.qf-window,.qf-chip{transform:none!important}.qf-screen,.qf-track i{animation:none}}

/* v3.0 — navigation panel: DM Sans (brand sans) at a comfortable reading size */
.nav-panel nav a{font-family:"DM Sans","Helvetica Neue",Arial,sans-serif!important;font-weight:500;font-size:clamp(30px,3vw,40px)!important;letter-spacing:-.025em!important;line-height:1.1;padding:18px 0!important;opacity:1!important;color:#f4ecef}
.nav-panel nav a::after{font-size:20px}
.nav-panel .nav-panel-inner{width:min(460px,100%)}
.nav-panel .nav-index{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:20px;letter-spacing:0;color:#D8A9B8;text-transform:none}
.nav-contact a{font-size:15px!important;font-weight:450}
.nav-panel nav,.nav-panel-foot{padding-right:2px}
@media(max-width:600px){.nav-panel nav a{font-size:32px!important;padding:16px 0!important}.nav-panel .nav-panel-inner{padding:96px 24px 26px}}

/* v3.1 — menu: upright DM Sans, numbered, readable size.
   (Root cause of the tiny text: the label <span> inherited an old "nav span{font-size:11px;color:#aaa}" rule.) */
.nav-panel nav a span{font-size:inherit!important;color:inherit!important;letter-spacing:inherit!important;font-family:inherit!important;font-weight:inherit!important}
.nav-panel nav{counter-reset:menu;width:100%}
.nav-panel nav a{counter-increment:menu;display:flex!important;align-items:baseline!important;gap:0;font-family:"DM Sans","Helvetica Neue",Arial,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:clamp(32px,3.2vw,42px)!important;letter-spacing:-.035em!important;line-height:1.08!important;padding:20px 0!important;color:#f6eff2!important;opacity:1!important}
.nav-panel nav a::before{content:counter(menu,decimal-leading-zero);flex:0 0 46px;font-size:11px;font-weight:500;letter-spacing:.14em;color:#8F8489;font-variant-numeric:tabular-nums;transform:translateY(-.55em);transition:color .25s}
.nav-panel nav a::after{margin-left:auto;align-self:center}
.nav-panel nav a:hover,.nav-panel nav a:focus-visible,.nav-panel nav a[aria-current="true"]{padding-left:0!important;color:#fff!important}
.nav-panel nav a:hover::before,.nav-panel nav a:focus-visible::before,.nav-panel nav a[aria-current="true"]::before{color:#D8A9B8}
.nav-panel nav a[aria-current="true"]{color:#D8A9B8!important}
.nav-panel .nav-index{font-family:"DM Sans","Helvetica Neue",Arial,sans-serif!important;font-style:normal!important;font-size:11px!important;font-weight:550;letter-spacing:.22em!important;text-transform:uppercase!important;color:#D8A9B8!important}
.nav-panel .nav-panel-inner{box-sizing:border-box;overflow-x:hidden;padding-right:36px}
.nav-contact a{font-size:16px!important}
@media(max-width:600px){.nav-panel nav a{font-size:32px!important;padding:17px 0!important}.nav-panel nav a::before{flex-basis:40px}.nav-panel .nav-panel-inner{padding-right:24px}}

/* v3.2 — capacity line: one calm DM Sans line ("56 seats · project brief"), no serif/highlight */
#built .project-capacity{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;margin-top:14px;font-family:"DM Sans","Helvetica Neue",Arial,sans-serif;font-size:clamp(17px,1.5vw,20px);line-height:1.45;letter-spacing:0;color:#D8A9B8}
#built .project-capacity strong{font-weight:450;color:inherit}
#built .project-capacity em{font-family:inherit!important;font-style:normal!important;font-size:inherit!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#D8A9B8!important;background:none!important;padding:0!important;border:0!important;border-radius:0!important;opacity:.9}
#built .project-capacity em::before{content:"·";margin-right:10px;color:#D8A9B8;opacity:.9}
#built .project-capacity span{font-family:inherit!important;font-size:inherit!important;color:inherit!important;letter-spacing:inherit!important;background:none!important;padding:0!important}
@media(max-width:600px){#built .project-capacity{font-size:16px;margin-top:12px}}

/* v3.4 — ONE colour system.
   Wine #55182E (surfaces, buttons) · Accent rose #D8A9B8 (text/lines on dark) + #BD788B (fills)
   Neutrals: text #F5EFF0 · secondary #B8AAAF · muted #8F8489 · lines #423139 · background #141015 */
:root{--wine:#55182E;--wine-hover:#692039;--accent:#BD788B;--accent-text:#D8A9B8;--text:#F5EFF0;--text-2:#B8AAAF;--muted:#8F8489;--line:#423139}
::selection{background:#55182E!important;color:#F5EFF0!important}
:focus-visible{outline:2px solid #D8A9B8!important;outline-offset:4px}

/* Design workflow sits on a dark section: restore readable contrast (text colours were still tuned for a light page) */
.workflow-signature .section-index{color:var(--muted)!important;border-top-color:var(--line)!important}
.workflow-signature-eyebrow{color:var(--accent-text)!important}
.workflow-signature h2{color:var(--text)!important}
.workflow-signature h2 em{color:var(--accent-text)!important}
.workflow-signature-copy>p{color:var(--text-2)!important}
.wf-steps li{border-top-color:var(--line)!important}
.wf-steps b{color:var(--accent-text)!important}
.wf-steps span{color:var(--text-2)!important}
.workflow-signature-primary{color:var(--text)!important;border-bottom:1px solid var(--accent)!important;padding-right:6px}
.workflow-signature-primary:hover,.workflow-signature-primary:focus-visible{color:var(--accent-text)!important;border-bottom-color:var(--accent-text)!important}
.workflow-signature-primary svg{transition:transform .25s}.workflow-signature-primary:hover svg{transform:translate(3px,-3px)}
.workflow-signature-secondary,.workflow-signature-secondary small{color:var(--text-2)!important}
.workflow-signature-secondary:hover,.workflow-signature-secondary:focus-visible,.workflow-signature-secondary:hover small{color:var(--accent-text)!important}
.ws-label{color:var(--muted)!important;border-top-color:var(--line)!important}
.workflow-sheets figcaption{color:var(--muted)!important;border-top-color:var(--line)!important}
.workflow-sheets figcaption span:first-child{color:var(--accent-text)!important}
.ws-paper{border-color:var(--line)}
.qf-note{color:var(--muted)}

/* Buttons & links: hover / selected state = accent */
.nav-panel nav a:hover,.nav-panel nav a:focus-visible,.nav-panel nav a[aria-current="true"]{color:var(--accent-text)!important}
.nav-panel .nav-index{-webkit-text-fill-color:currentColor!important;background:none!important}
.built-thumb.is-active{border-color:var(--accent-text)!important}