:root{--paper:#f3f0ed;--white:#fffdfa;--ink:#26252a;--muted:#66636a;--line:#d9d2cc;--night:#25242b;--accent:#885749;--accent-soft:#eee2db;--yellow:#f0d8c9;--stone:#e6e1dc;--taupe:#777279;--max:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",system-ui,sans-serif;letter-spacing:-.058em;line-height:1.08}em{font-style:normal;color:var(--accent)}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:absolute;z-index:1000;top:-100px;left:14px;background:var(--yellow);color:var(--ink);padding:12px}.skip-link:focus{top:12px}
.site-header{height:88px;position:sticky;top:0;z-index:30;background:rgba(246,245,242,.92);border-bottom:1px solid rgba(20,26,32,.09);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{font:800 31px/1 "Manrope",sans-serif;letter-spacing:-.105em}.brand-mark span:not(.brand-dot){margin-left:-.04em}.brand-mark .brand-dot,.footer-brand span{color:var(--accent)}.brand-name{font:800 9px/1.3 "Manrope",sans-serif;letter-spacing:.15em;border-left:1px solid #b8bdbe;padding-left:13px}.main-nav{display:flex;align-items:center;gap:clamp(17px,2.2vw,35px)}.main-nav>a{font-size:13px;font-weight:700;color:#47515a;transition:color .2s}.main-nav>a:hover,.main-nav>a[aria-current=page]{color:var(--accent)}.main-nav .nav-contact{background:var(--ink);color:#fff;border-radius:100px;padding:13px 20px;white-space:nowrap}.main-nav .nav-contact:hover{background:var(--accent);color:#fff}.nav-contact span{margin-left:10px}.menu-toggle{display:none}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:800 11px/1.5 "Manrope",sans-serif;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.eyebrow .spark{width:8px;height:8px;background:var(--accent);border-radius:2px;transform:rotate(45deg)}.light-eyebrow{color:#efcfc0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 23px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,border-color .2s;white-space:normal}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#71483d}.btn-outline{border-color:#9c9fa1;color:var(--ink)}.btn-outline:hover{border-color:var(--accent)}.btn-light{background:var(--yellow);color:#111a23}.btn-light:hover{background:#e5fa67}.text-link{display:inline-flex;align-items:center;gap:24px;padding-bottom:7px;border-bottom:1px solid currentColor;font-weight:800;font-size:14px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
.hero{position:relative;min-height:740px;padding:75px 0 55px;background:radial-gradient(circle at 80% 15%,rgba(95,89,236,.075),transparent 34%),var(--paper)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:38px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(48px,5.3vw,79px);line-height:1.055;margin:26px 0 26px;letter-spacing:-.072em}.underline-ink{position:relative;white-space:nowrap}.underline-ink::after{content:"";position:absolute;height:6px;bottom:0;left:0;right:0;background:var(--yellow);z-index:-1}.hero-lead{max-width:570px;font-size:17px;line-height:1.78;color:#4a545d;margin:0 0 30px}.hero-lead strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.hero-small{margin-top:35px;font-size:12px;color:#687179;display:flex;align-items:center;gap:10px}.status-dot{height:8px;width:8px;background:#53a67b;border-radius:100%;box-shadow:0 0 0 4px #dcefe4}
.hero-visual{position:relative;min-width:0;padding:18px 21px 26px 35px}.portrait-frame{position:relative;min-height:535px;aspect-ratio:.83;background:linear-gradient(150deg,#dedee8,#c5c6d5);overflow:hidden;border-radius:240px 240px 16px 16px;box-shadow:18px 24px 0 #e8e7e4}.portrait-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(17,26,35,.54));z-index:1;pointer-events:none}.portrait-frame img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 24%;filter:saturate(.82)}.portrait-caption{position:absolute;z-index:2;bottom:30px;left:30px;right:30px;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;font:700 13px/1.5 "Manrope",sans-serif;letter-spacing:.11em}.portrait-caption strong{font-size:22px;letter-spacing:-.05em}.caption-star{font-size:56px;font-weight:400;color:var(--yellow);line-height:1}.orbit-badge{position:absolute;z-index:3;right:-12px;top:29%;background:#fff;box-shadow:0 15px 60px rgba(25,30,45,.13);border-radius:100px;padding:15px 17px;display:flex;align-items:center;gap:9px;transform:rotate(-8deg);font:800 10px "Manrope",sans-serif;letter-spacing:.07em}.orbit-divider{width:4px;height:4px;border-radius:50%;background:var(--accent)}.hero-scroll{display:none}
.competency-strip{background:var(--ink);color:#f8f8f4}.competency-strip .container{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:18px}.competency-strip span{font:800 clamp(9px,1vw,12px) "Manrope",sans-serif;letter-spacing:.12em}.competency-strip i{height:5px;width:5px;flex:0 0 5px;border-radius:100%;background:var(--yellow)}
.section{padding:120px 0}.section-head{margin-bottom:56px}.section-head h2{font-size:clamp(38px,4.5vw,59px);margin:19px 0 0}.section-head>p{max-width:620px;font-size:18px;line-height:1.72;color:var(--muted);margin-top:22px}.split-head{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.split-head>p{margin:0 0 5px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.process-step{min-height:276px;padding:27px 24px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.process-step:last-child{border-right:0}.process-step.featured{background:var(--accent-soft)}.step-num{font:800 11px "Manrope",sans-serif;color:#77808c}.step-icon{font:400 40px "Manrope",sans-serif;color:var(--accent);margin:19px 0 20px}.process-step h3{font-size:23px;margin:0 0 8px}.process-step p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.section-dark{background:var(--night);color:#fff}.section-dark em{color:#efcfc0}.section-dark .section-head>p{color:#bac3cb}.collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collab-card{position:relative;min-height:470px;border:1px solid #45505c;border-radius:8px;padding:35px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.collab-card::after{content:"";width:380px;height:380px;position:absolute;right:-215px;top:-145px;border:1px solid rgba(255,255,255,.15);border-radius:100%}.collab-card.bright{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.collab-number{font:800 11px "Manrope",sans-serif;letter-spacing:.16em;opacity:.65}.collab-symbol{margin:46px 0 7px;font-size:48px;line-height:1}.collab-card h3{font-size:clamp(30px,3.5vw,47px);margin:0 0 15px}.collab-card p{font-size:15px;line-height:1.75;max-width:440px;color:#c6ced4}.collab-card.bright p{color:#424e46}.collab-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;width:100%;border-top:1px solid currentColor;padding-top:23px;font-weight:800;font-size:14px}
.inline-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.inline-head .text-link{margin-bottom:8px;flex-shrink:0}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(2,320px);gap:20px}.work-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:9px;padding:25px 28px;transition:transform .25s,border-color .25s}.work-card:hover{transform:translateY(-5px);border-color:var(--accent)}.work-card-main{grid-row:span 2;background:#dfe1f0}.work-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font:800 10px "Manrope",sans-serif;letter-spacing:.13em;z-index:1}.work-meta span:last-child{font-size:21px}.work-graphic{position:absolute;top:30px;right:30px;left:30px;height:140px;display:grid;place-items:center;overflow:hidden}.work-card-main .work-graphic{height:300px;top:92px}.field-graphic .graphic-ring{position:absolute;border:1px solid #848aab;border-radius:50%;width:250px;height:250px}.field-graphic .graphic-ring.b{width:380px;height:380px}.field-graphic span{position:relative;text-align:center;font:800 28px/1.35 "Manrope";letter-spacing:-.04em}.doc-graphic{background:#f4f3ff;border-radius:100px;width:160px;height:140px;left:auto;right:36px;top:29px}.doc-page{width:61px;height:88px;background:#fff;border:1px solid #b49487;border-radius:5px;padding:13px;transform:rotate(-10deg);box-shadow:10px 9px 0 #ddd2cd}.doc-page i{display:block;height:4px;margin-bottom:8px;background:#d6d4ef}.doc-page i:nth-child(2){width:70%}.doc-page b{font:800 14px "Manrope";color:var(--accent)}.doc-page.second{position:absolute;z-index:-1;transform:translate(25px,4px) rotate(12deg)}.code-graphic{background:#e9e3de;border-radius:100px;width:170px;height:140px;left:auto;right:30px;top:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:23px 37px;gap:9px}.code-graphic span{font:700 12px monospace;color:#885749}.code-graphic .code-line{width:80px;height:4px;background:#c9ada0;border-radius:3px}.code-graphic .code-line.short{width:50px}.work-copy{position:relative;margin-top:auto;z-index:1}.work-category{font:800 10px "Manrope",sans-serif;letter-spacing:.15em;color:var(--accent)}.work-copy h3{font-size:clamp(22px,2.5vw,32px);margin:10px 0}.work-copy p{font-size:13px;line-height:1.65;color:#59636a;max-width:510px;margin:0}.work-card-main .work-copy h3{font-size:clamp(30px,3.5vw,43px)}
.story-section{background:#e9e9e5}.story-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:9%;align-items:center}.story-accent{background:var(--accent);height:490px;position:relative;color:#fff;padding:32px;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;font:800 12px "Manrope",sans-serif;letter-spacing:.15em}.story-accent::before,.story-accent::after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.2);border-radius:50%}.story-accent::after{inset:25%;}.story-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 clamp(70px,10vw,135px) "Manrope";letter-spacing:-.1em;color:var(--yellow)}.story-circle span{font-size:.45em}.story-copy h2{font-size:clamp(38px,4.5vw,60px);margin:18px 0 22px}.story-copy p{font-size:17px;line-height:1.82;color:#525d64}.story-list{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.story-list span{border:1px solid #b8bfbe;border-radius:4px;padding:10px 13px;font-size:11px;font-weight:700}
.venture-section{background:#fff}.venture-grid{display:grid;grid-template-columns:1fr .8fr;gap:9%;align-items:center}.venture-grid h2{font-size:clamp(38px,4.4vw,60px);margin:19px 0}.venture-grid p{font-size:17px;line-height:1.82;color:var(--muted);margin-bottom:30px}.venture-panel{padding:35px;min-height:420px;background:var(--night);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.venture-panel>span{font:800 11px "Manrope",sans-serif;letter-spacing:.16em;color:#bac2cf}.venture-equation{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.venture-equation span{font:800 clamp(19px,2.7vw,31px) "Manrope",sans-serif;letter-spacing:-.04em}.venture-equation b{color:#b8b4ff}.venture-result{border-top:1px solid #58616d;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--yellow)}.venture-result strong{font:800 20px/1.2 "Manrope",sans-serif;letter-spacing:-.03em}.insights-teaser{background:var(--paper)}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.insight-card{background:#fff;border:1px solid var(--line);padding:33px;display:flex;flex-direction:column;min-height:280px;transition:border-color .2s}.insight-card:hover{border-color:var(--accent)}.insight-card>span{font:800 11px "Manrope",sans-serif;color:var(--accent);letter-spacing:.12em}.insight-card h3{font-size:clamp(25px,3vw,37px);margin:20px 0 30px}.insight-card>div{margin-top:auto;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px}
.site-footer{padding:105px 0 23px;background:#131b27;color:#fff}.footer-top{display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:end;padding-bottom:90px}.footer-top h2{font-size:clamp(40px,5.3vw,70px);margin:20px 0}.footer-top h2 em{color:var(--yellow)}.footer-top p{max-width:560px;line-height:1.78;color:#b5bdc8;margin-bottom:30px}.footer-aside{display:flex;flex-direction:column;gap:18px;word-break:break-word}.footer-aside>span{font:800 11px "Manrope",sans-serif;letter-spacing:.16em;color:#929cac}.footer-aside a{font-size:16px;font-weight:700}.footer-aside a:hover{color:var(--yellow)}.footer-bottom{padding-top:26px;border-top:1px solid #39434e;display:flex;justify-content:space-between;align-items:center;color:#a6b0bc;font-size:12px}.footer-bottom p{margin:0}.footer-brand{font:800 29px "Manrope";letter-spacing:-.1em;color:#fff}
.page-hero{padding:120px 0 85px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero::after{content:"✳";font-size:320px;position:absolute;color:rgba(95,89,236,.065);right:5%;top:40px;line-height:1;pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(51px,7vw,93px);max-width:1000px;margin:22px 0 28px}.page-hero p{max-width:675px;font-size:19px;line-height:1.75;color:var(--muted)}.page-hero-bottom{margin-top:55px;display:flex;justify-content:space-between;font:800 11px "Manrope";letter-spacing:.14em}.page-hero-bottom span:last-child{font-size:22px}.page-hero-dark{background:var(--night);color:white}.page-hero-dark em{color:var(--yellow)}.page-hero-dark p{color:#bfc6ce}.page-hero-dark::after{color:rgba(219,240,92,.1)}
.case-section{background:#fff}.case-study{padding:0 0 65px;margin-bottom:65px;border-bottom:1px solid var(--line);scroll-margin-top:115px}.case-study:last-of-type{margin-bottom:20px}.case-index{display:flex;justify-content:space-between;gap:20px;color:var(--accent);font:800 11px "Manrope";letter-spacing:.13em;margin-bottom:26px}.case-body{display:grid;grid-template-columns:1fr .75fr;gap:12%}.case-body h2{font-size:clamp(34px,4vw,53px);margin:0 0 18px}.case-intro{font-size:17px;line-height:1.75;color:var(--muted)}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.case-tags span{font:700 11px "Manrope";border:1px solid var(--line);border-radius:40px;padding:10px 13px}.case-detail>span{display:block;font:800 11px "Manrope";letter-spacing:.12em;color:var(--accent);margin:7px 0}.case-detail p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:25px}.disclaimer{max-width:770px;color:#65717a;font-size:13px;line-height:1.7}.disclaimer a{color:var(--accent);text-decoration:underline}
.venture-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.venture-steps article{padding:25px;border-top:2px solid var(--accent);background:#fff;min-height:225px}.venture-steps span{font:800 12px "Manrope";color:var(--accent)}.venture-steps h3{font-size:26px;margin:35px 0 10px}.venture-steps p{font-size:14px;line-height:1.7;color:var(--muted)}.startup-block{display:grid;grid-template-columns:.65fr 1fr;gap:40px;align-items:center;padding:40px;background:#263241;margin-top:50px}.startup-star{font-size:190px;line-height:1;color:var(--yellow);text-align:center}.startup-block small{color:#efcfc0;font-weight:800;letter-spacing:.13em}.startup-block h3{font-size:clamp(30px,3.7vw,50px);margin:13px 0}.startup-block p{max-width:570px;font-size:16px;line-height:1.76;color:#bec5ca}.startup-block .btn{margin-top:15px}
.about-feature{background:#fff}.about-grid{display:grid;grid-template-columns:.78fr 1fr;gap:9%;align-items:center}.about-portrait{height:530px;background:#dedee7;overflow:hidden;border-radius:240px 240px 12px 12px}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.about-text h2{font-size:clamp(37px,4.2vw,57px);margin:18px 0}.about-text p{font-size:16px;line-height:1.86;color:var(--muted)}.about-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.journey-section{background:var(--paper)}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line)}.timeline-item>span{font:800 12px "Manrope";letter-spacing:.11em;color:var(--accent)}.timeline-item h3{font-size:25px;letter-spacing:-.035em;margin:0 0 8px}.timeline-item p{font-size:15px;line-height:1.8;color:var(--muted);max-width:670px;margin:0}.timeline-item a{color:var(--accent);text-decoration:underline}
.article-list{display:grid;gap:24px}.article-feature{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--line);background:#fff;min-height:340px}.article-marker{background:#e8e0d9;padding:26px;display:flex;flex-direction:column;justify-content:space-between;font:800 13px "Manrope";letter-spacing:.1em}.article-marker span{font-size:55px;letter-spacing:-.07em}.article-marker.violet{background:#e8ded8}.article-body{padding:40px 46px}.article-body h2{font-size:clamp(30px,3.7vw,48px);margin:17px 0}.article-body p{max-width:700px;color:var(--muted);font-size:16px;line-height:1.8}.article-body .text-link{margin-top:15px}.insights-note{display:flex;gap:22px;align-items:center;margin-top:40px}.insights-note span{font-size:54px;color:var(--accent)}.insights-note p{max-width:760px;line-height:1.75;color:var(--muted)}.insights-note a{color:var(--accent);font-weight:700}
@media(max-width:1080px){.main-nav{gap:16px}.brand-name{display:none}.hero h1{font-size:clamp(46px,6vw,70px)}.portrait-frame{min-height:460px}.hero-visual{padding:15px}.section{padding:90px 0}.process-step{padding:21px 17px}.case-body{gap:6%}}
@media(max-width:820px){.container{width:min(calc(100% - 40px),var(--max))}.site-header{height:73px}.brand-name{display:block}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:46px;height:44px;background:transparent;border:1px solid var(--line);border-radius:5px;cursor:pointer;z-index:32}.menu-toggle span{height:2px;width:22px;background:var(--ink);transition:transform .2s}.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)}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 20px rgba(12,20,30,.08)}.main-nav.is-open{display:flex}.main-nav>a{font-size:16px;padding:16px 10px;border-bottom:1px solid var(--line)}.main-nav .nav-contact{margin-top:18px;text-align:center;align-self:stretch;padding:15px}.hero{padding:45px 0 60px}.hero-grid{grid-template-columns:1fr .78fr;gap:18px}.hero h1{font-size:clamp(43px,6vw,63px)}.hero-lead{font-size:15px}.portrait-frame{min-height:420px}.hero-actions{gap:18px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:500px 370px}.work-card-main{grid-column:span 2;grid-row:span 1}.work-card-main .work-graphic{height:270px}.story-grid,.venture-grid{gap:5%}.story-accent{height:380px}.story-copy p,.venture-grid p{font-size:15px}.venture-panel{min-height:360px;padding:23px}.section-head h2,.story-copy h2,.venture-grid h2{font-size:42px}.page-hero{padding:85px 0}.venture-steps{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 240px;gap:30px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.brand-name{font-size:8px}.hero{padding:38px 0 43px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(45px,10vw,65px);margin:20px 0}.hero-lead{font-size:15px}.hero-visual{width:min(430px,100%);margin:12px auto 0;padding:5px 18px 15px}.portrait-frame{min-height:0;aspect-ratio:.94;border-radius:210px 210px 14px 14px}.orbit-badge{right:2px;padding:12px;font-size:9px}.hero-small{margin-top:24px}.competency-strip .container{padding:19px 0;flex-wrap:wrap;justify-content:center;gap:13px 9px}.competency-strip span{font-size:9px}.competency-strip i:nth-of-type(2){display:none}.section{padding:74px 0}.section-head{margin-bottom:35px}.section-head h2,.story-copy h2,.venture-grid h2{font-size:clamp(34px,8.2vw,43px)}.split-head{grid-template-columns:1fr;gap:15px}.split-head>p{font-size:15px;line-height:1.8}.process-step{min-height:230px;padding:19px 16px}.process-step h3{font-size:19px}.process-step p{font-size:12px}.step-icon{font-size:29px;margin:13px 0}.collab-grid,.insights-grid{grid-template-columns:1fr}.collab-card{min-height:400px;padding:27px}.collab-symbol{margin:37px 0 8px}.collab-card h3{font-size:36px}.inline-head{align-items:flex-start;flex-direction:column}.work-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,410px)}.work-card-main{grid-column:span 1}.work-card-main .work-graphic{height:185px;top:75px}.work-card .work-graphic{opacity:.9}.work-card-main .work-copy h3{font-size:32px}.work-card .work-copy h3{font-size:26px}.work-card .work-graphic:not(.field-graphic){top:40px}.story-grid,.venture-grid,.about-grid{grid-template-columns:1fr;gap:34px}.story-accent{height:300px;max-width:420px}.story-circle{font-size:100px}.venture-grid h2{font-size:39px}.venture-panel{min-height:350px}.insight-card{min-height:235px}.insight-card h3{font-size:26px}.site-footer{padding:75px 0 20px}.footer-top{grid-template-columns:1fr;gap:44px;padding-bottom:65px}.footer-top h2{font-size:42px}.footer-bottom{gap:17px;flex-wrap:wrap}.page-hero{padding:70px 0 55px}.page-hero h1{font-size:clamp(43px,10vw,70px)}.page-hero p{font-size:16px}.page-hero::after{font-size:210px;right:-55px;top:60px}.case-index{flex-direction:column;gap:7px}.case-body{grid-template-columns:1fr;gap:18px}.case-body h2{font-size:35px}.venture-steps{gap:10px}.venture-steps article{padding:18px;min-height:215px}.venture-steps h3{font-size:21px}.startup-block{grid-template-columns:1fr;padding:26px}.startup-star{font-size:105px;text-align:left}.about-portrait{height:390px;max-width:370px}.about-text h2{font-size:38px}.timeline-item{grid-template-columns:1fr;gap:14px}.timeline-item h3{font-size:21px}.article-feature{grid-template-columns:1fr}.article-marker{min-height:120px;flex-direction:row;align-items:center}.article-marker span{font-size:50px}.article-body{padding:29px 23px}.article-body h2{font-size:31px}.insights-note{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ===============================================================
   PORTRAIT-LED EDITORIAL IDENTITY · OCT 2026
   Palette extracted from the actual portrait: graphite, warm stone,
   muted skin/copper, soft gray. Understated photography-first UI.
   =============================================================== */
:root {
  --shadow-editorial:0 14px 48px rgba(38,37,42,.075);
  --shadow-float:0 24px 65px rgba(38,37,42,.11);
}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3{letter-spacing:-.048em}
h1 em,h2 em,h3 em{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.028em;color:var(--accent)}
.section-dark h1 em,.section-dark h2 em,.section-dark h3 em{color:#e8cabb}
.page-hero-dark h1 em{color:#efcfc0}
.site-header{height:86px;background:rgba(243,240,237,.97);border-bottom:1px solid rgba(38,37,42,.105);box-shadow:0 3px 25px rgba(38,37,42,.025)}
.brand-mark{font-size:30px;font-weight:800;letter-spacing:-.095em}
.brand-mark .brand-dot,.footer-brand span{color:var(--accent)}
.brand-name{color:#66636a;border-left-color:#c4bcb7;letter-spacing:.14em}
.main-nav>a{color:#5d5960;font-weight:600;letter-spacing:.01em}
.main-nav>a:hover,.main-nav>a[aria-current=page]{color:var(--accent)}
.main-nav .nav-contact{background:var(--ink);color:#fffdfa;border-radius:3px;font-weight:700;padding:14px 19px}
.main-nav .nav-contact:hover{background:#57443f;color:#fffdfa}
.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:10px}
.light-eyebrow{color:#e9c8b7}
.eyebrow .spark{background:var(--accent);width:6px;height:6px;border-radius:50%;transform:none}
.btn{border-radius:3px;font-weight:700;letter-spacing:.005em;padding:18px 22px;box-shadow:none}
.btn-primary{background:var(--ink);color:var(--white)}
.btn-primary:hover{background:#454148}
.btn-outline{border-color:#99918d;background:transparent}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.btn-light{background:#edddd3;color:var(--ink)}
.btn-light:hover{background:#fff3e9}
.text-link{font-weight:700;border-bottom-color:#aa8275;text-underline-offset:4px}
.hero{min-height:735px;padding:65px 0 70px;background:
  radial-gradient(ellipse 42% 70% at 75% 44%,rgba(126,112,112,.115) 0%,rgba(126,112,112,0) 100%),var(--paper)}
.hero-grid{grid-template-columns:1.12fr .88fr;gap:6.4%;align-items:center}
.hero h1{font-size:clamp(54px,5.55vw,82px);font-weight:700;letter-spacing:-.064em;line-height:1.085;margin:26px 0 31px}
.hero h1 em{font-size:1.11em}
.hero-lead{font-size:17px;line-height:1.8;color:#66616a;max-width:560px}
.hero-lead strong{color:var(--ink)}
.hero-small{font-size:12px;color:#777178;letter-spacing:.005em}
.status-dot{background:#a27865;box-shadow:0 0 0 4px #e9dcd5}
.underline-ink::after{height:5px;background:#d8b8aa;bottom:-1px}
.hero-visual{padding:5px 0 5px 12px}
.portrait-frame{min-height:565px;aspect-ratio:.83;border-radius:5px;background:#75747a;box-shadow:var(--shadow-editorial)}
.portrait-frame::before{background:linear-gradient(180deg,rgba(21,20,25,0) 72%,rgba(21,20,25,.56) 100%)}
.portrait-frame img{object-fit:cover;object-position:center 26%;filter:none}
.portrait-caption{left:27px;right:27px;bottom:24px;font-size:10px;letter-spacing:.14em;line-height:1.65}
.portrait-caption strong{font-size:15px;font-weight:700;letter-spacing:.03em}
.caption-star{display:none}
.orbit-badge{display:none}
.competency-strip{background:#e7e1db;color:#514c50;border-top:1px solid #d6cdc6;border-bottom:1px solid #d6cdc6}
.competency-strip .container{min-height:75px}
.competency-strip span{font-size:10px;letter-spacing:.13em}
.competency-strip i{width:4px;height:4px;flex-basis:4px;background:#986a58}
.section-head h2{font-weight:700;letter-spacing:-.055em;line-height:1.10}
.section-head>p,.split-head>p{color:#625e64}
.section-intro{background:#faf8f5}
.process-grid{background:transparent;border-color:#ded7d0;gap:0}
.process-step{background:#fffdfa;border-right-color:#e3dcd7}
.process-step.featured{background:#eee4dd}
.step-num{color:#826354}
.step-icon{color:#976c5b;font-weight:400}
.process-step p{color:#69656a}
.section-dark{background:#2b2930;color:#fffdfa}
.section-dark .section-head>p{color:#d1cbd1}
.collab-card{border-color:#555057;border-radius:4px;background:#302f36}
.collab-card::after{border-color:rgba(232,202,187,.12)}
.collab-card.bright{background:#e5d8ce;border-color:#e5d8ce;color:#26252a}
.collab-card.bright p{color:#524e50}
.collab-card p{color:#d4cfd3}
.collab-number{letter-spacing:.17em}
.collab-symbol{color:#e7c8b7}
.collab-card.bright .collab-symbol{color:#8b5948}
.collab-link{border-top-color:rgba(255,255,255,.4)}
.collab-card.bright .collab-link{border-top-color:#ad9e96}
.section-projects{background:var(--paper)}
.work-grid{gap:22px}
.work-card{background:#fffdfa;border-color:#ddd6d1;border-radius:5px}
.work-card-main{background:#e4dcd6}
.work-card:hover{box-shadow:var(--shadow-editorial);transform:translateY(-3px);border-color:#ab9388}
.work-meta{color:#524d51}
.work-category{color:#855749}
.work-copy p{color:#645e63}
.field-graphic .graphic-ring{border-color:#b8a7a0}
.doc-graphic{background:#ede5df}
.code-graphic{background:#e9e3de}
.story-section{background:#e9e4df}
.story-accent{background:#514549;border-radius:4px}
.story-accent::before,.story-accent::after{border-color:rgba(240,216,201,.25)}
.story-circle{color:#f0d8c9}
.story-copy p,.venture-grid p{color:#676169}
.story-list span{border-color:#bab0ab}
.venture-section{background:#faf8f5}
.venture-panel{background:#323037;border-radius:4px}
.venture-equation b,.venture-result{color:#f0d8c9}
.venture-panel>span{color:#c7b5ad}
.insights-teaser{background:#ece7e2}
.insight-card{background:#fffdfa;border-color:#ded8d3;border-radius:3px}
.insight-card:hover{border-color:#a98779}
.insight-card>span{color:#885749}
.site-footer{background:#222126;color:#fffdfa}
.footer-top h2 em{color:#f0d8c9}
.footer-top p{color:#cbc3c0}
.footer-aside>span{color:#b4a6a2}
.footer-aside a:hover{color:#f0d8c9}
.footer-bottom{border-top-color:#4e484d;color:#b5aeae}
.page-hero{background:#f3f0ed;border-bottom-color:#d8d1cb}
.page-hero::after{color:rgba(136,87,73,.05)}
.page-hero-dark{background:#2b2930}
.page-hero-dark::after{color:rgba(240,216,201,.085)}
.page-hero-dark p{color:#cbc1c0}
.case-section,.about-feature{background:#faf8f5}
.case-index,.case-detail>span,.timeline-item>span{color:#885749}
.case-tags span{border-color:#d8cdc6}
.venture-steps article{border-top-color:#936956;background:#fffdfa}
.startup-block{background:#39353b;border-radius:4px}
.startup-star{color:#efcfc0}
.startup-block small{color:#ebc6b4}
.startup-block p{color:#d6cccb}
.about-portrait{background:#78767d;border-radius:5px;box-shadow:var(--shadow-editorial)}
.about-portrait img{object-position:center 26%;filter:none}
.journey-section{background:#eae5e0}
.article-feature{border-color:#ded8d3;background:#fffdfa}
.article-marker{background:#d9c9c1}
.article-marker.violet{background:#dfd3ce}
.insights-note span{color:#885749}
@media(max-width:1080px){
 .portrait-frame{min-height:460px}
 .hero{min-height:660px}
 .hero h1{font-size:clamp(45px,5.3vw,70px)}
}
@media(max-width:820px){
 .site-header{height:73px}
 .main-nav{background:#f3f0ed;border-bottom-color:#d8d1cb}
 .hero-grid{grid-template-columns:1fr .8fr;gap:20px}
 .hero h1{font-size:clamp(44px,5.8vw,62px)}
 .portrait-frame{min-height:410px}
}
@media(max-width:620px){
 .hero{padding:38px 0 55px;min-height:auto}
 .hero-grid{grid-template-columns:1fr}
 .hero h1{font-size:clamp(45px,10vw,65px);margin:22px 0 25px}
 .hero-visual{padding:8px 0 0;max-width:430px;width:100%;margin:12px auto 0}
 .portrait-frame{min-height:0;aspect-ratio:.92;border-radius:4px}
 .portrait-caption{bottom:20px;left:20px;right:20px}
 .competency-strip .container{min-height:auto}
 .process-step{min-height:230px}
 .work-grid{gap:15px}
 .story-accent{border-radius:4px}
 .about-portrait{height:400px;border-radius:4px}
 .collab-card{min-height:410px}
 .page-hero{padding:65px 0 55px}
 .footer-top h2{font-size:clamp(42px,10vw,56px)}
}

/* OFFICIAL BRAND ASSETS · high-resolution portrait and bronze monogram */
.brand{gap:12px}
.brand-logo-frame{width:58px;height:54px;display:block;flex:0 0 58px;background:#080808;overflow:hidden;border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.10)}
.brand-logo-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:none}
.brand-name{font-size:9px;line-height:1.45}
.portrait-frame{background:#636269;isolation:isolate}
.portrait-frame img{object-fit:cover;object-position:50% 28%;image-rendering:auto;filter:none}
.about-portrait{background:#636269}
.about-portrait img{object-fit:cover;object-position:50% 26%;image-rendering:auto;filter:none}
.footer-brand{display:flex;align-items:center;gap:15px;letter-spacing:normal}
.footer-brand img{width:66px;height:61px;object-fit:cover;border:1px solid #494045;border-radius:2px;flex:0 0 66px;background:#070707}
.footer-monogram-caption{font:800 10px/1.5 'Manrope',sans-serif;letter-spacing:.11em;color:#e9d6c9}
@media(max-width:820px){.brand-logo-frame{width:48px;height:46px;flex-basis:48px}.brand-name{display:block;font-size:8px}}
@media(max-width:620px){.brand-logo-frame{width:46px;height:44px;flex-basis:46px}.brand{gap:9px}.brand-name{padding-left:10px}.portrait-frame img{object-position:50% 26%}.footer-brand img{width:56px;height:52px;flex-basis:56px}}

/* Unified visual system: floating nav, continuous hero and clean cutout */
:root{--radius-panel:34px;--hero-shadow:0 16px 48px rgba(38,37,42,.07)}
.site-header{position:sticky;top:0;z-index:35;height:100px;padding-top:12px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header .header-inner{width:min(calc(100% - 46px),1260px);max-width:1260px;height:73px;padding:0 24px;border:1px solid rgba(116,105,102,.16);border-radius:999px;background:rgba(255,253,250,.95);box-shadow:0 11px 35px rgba(40,37,40,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{gap:13px;min-width:0}.brand-mark-image{width:54px;height:50px;object-fit:contain;flex:0 0 54px;display:block}
.brand-name{font-size:9px;letter-spacing:.12em;border-left:1px solid #ccc4be;padding-left:13px}
.main-nav{gap:clamp(15px,2.1vw,30px)}.main-nav>a{font-weight:650;font-size:13px}
.main-nav .nav-contact{border-radius:999px;padding:14px 23px;background:var(--ink)}
.btn{border-radius:999px;padding:17px 25px}
.btn-primary{background:#29282d}.btn-primary:hover,.main-nav .nav-contact:hover{background:#885749}
.btn-light{background:#eed3c4}.btn-outline{border-radius:999px}
.hero{padding:8px 20px 65px;min-height:0;background:var(--paper)}
.hero .hero-grid{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;width:min(100%,1650px);max-width:1650px;min-height:674px;padding:70px clamp(35px,5.6vw,103px);background:radial-gradient(ellipse 58% 76% at 81% 47%,rgba(241,240,236,.94),transparent 73%),linear-gradient(112deg,#e4e5e6 0%,#d9dadd 61%,#d5d5d9 100%);border:1px solid #e0e0df;border-radius:var(--radius-panel);box-shadow:var(--hero-shadow)}
.hero .hero-copy{width:59%;max-width:745px;position:relative;z-index:3;transform:translateY(-10px)}
.hero h1{font-size:clamp(48px,5.1vw,74px);margin:22px 0 28px;line-height:1.075}
.hero-lead{max-width:575px;line-height:1.79;font-size:16px;color:#56555d}
.hero-small{color:#706b72;margin-top:30px}
.hero .hero-visual{position:absolute;inset:0 1.5% 0 auto;width:47%;height:100%;min-width:0;margin:0;padding:0;pointer-events:none;z-index:1;display:block}
.hero .hero-cutout{position:absolute;top:70px;bottom:auto;left:50%;height:calc(100% + 200px);width:auto;max-width:none;transform:translateX(-50%);object-fit:contain;object-position:center top;filter:none;image-rendering:auto}
.hero-scroll{display:none}
.competency-strip{background:transparent;border:0;color:#6b6468}.competency-strip .container{min-height:65px;border-bottom:1px solid #ded7d2}.competency-strip i{background:var(--accent)}
.process-grid{overflow:hidden;border-radius:22px}.process-step{border-radius:0}.collab-grid{gap:22px}
.collab-card,.collab-card.bright{border-radius:24px;min-height:450px}
.work-card,.work-card-main{border-radius:22px}.insight-card{border-radius:20px}
.story-accent,.venture-panel,.article-feature,.startup-block{border-radius:23px}
.article-feature,.startup-block{overflow:hidden}.venture-steps article{border-radius:15px}
.about-feature .about-grid{width:min(calc(100% - 44px),1330px);max-width:1330px;display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:5%;overflow:hidden;border-radius:30px;background:#e8e5e2;min-height:590px;padding:0 6% 0 0;box-shadow:0 15px 38px rgba(38,37,42,.045)}
.about-feature .about-portrait{position:relative;width:100%;height:590px;background:#7d7b80;border-radius:0;overflow:hidden;box-shadow:none}
.about-feature .about-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 73%,#e8e5e2 100%);pointer-events:none}
.about-feature .about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:none}
.about-text{padding:52px 0}.footer-brand img{object-fit:contain;mix-blend-mode:normal;border-radius:0;background:transparent}
.site-footer{border-radius:34px 34px 0 0}
@media(max-width:1120px){
.site-header .header-inner{width:calc(100% - 28px)}
.hero .hero-grid{min-height:615px;padding:54px 4.6%}
.hero h1{font-size:clamp(44px,5.15vw,64px)}
.hero .hero-copy{width:60%;transform:translateY(-7px)}.hero .hero-visual{width:44%;right:-1%}.hero .hero-cutout{top:62px;height:calc(100% + 150px)}.hero-lead{font-size:15px}
}
@media(max-width:820px){
.site-header{height:89px;padding-top:9px}.site-header .header-inner{height:65px;padding:0 17px}
.brand-mark-image{width:44px;height:43px;flex-basis:44px}
.main-nav{top:79px;left:14px;right:14px;border-radius:20px;padding:15px 20px}.main-nav>a{padding:13px 10px}
.hero{padding:8px 12px 55px}.hero .hero-grid{min-height:610px;border-radius:26px;padding:45px 4.7%}
.hero h1{font-size:clamp(42px,5.1vw,57px)}.hero .hero-copy{width:63%}.hero .hero-visual{width:42%;right:-2.6%}
.hero .hero-cutout{top:82px;bottom:auto;height:calc(100% + 105px)}
.about-feature .about-grid{grid-template-columns:1fr 1.1fr;gap:3%;padding-right:4%;min-height:500px}.about-feature .about-portrait{height:500px}.about-text{padding:30px 0}
}
@media(max-width:620px){
.site-header{height:85px;padding-top:8px}.site-header .header-inner{width:calc(100% - 22px);height:63px;padding:0 14px}
.brand-mark-image{width:42px;height:41px;flex-basis:42px}.brand-name{font-size:8px;letter-spacing:.08em;padding-left:9px}
.menu-toggle{border-radius:100%}.main-nav{top:75px;left:12px;right:12px}
.hero{padding:1px 10px 50px}
.hero .hero-grid{display:flex;flex-direction:column;align-items:stretch;justify-content:initial;border-radius:26px;min-height:0;padding:36px 25px 0;background:radial-gradient(ellipse 90% 48% at 55% 89%,rgba(246,243,240,.88),transparent 84%),linear-gradient(140deg,#e5e5e6,#d7d7db)}
.hero .hero-copy{width:100%;max-width:none;transform:none}
.hero h1{font-size:clamp(35px,8.9vw,52px);line-height:1.08;margin:17px 0 20px;letter-spacing:-.05em}
.hero-lead{font-size:14px;line-height:1.7;margin-bottom:20px}.hero-actions{gap:18px}
.hero-actions .btn{padding:14px 18px;font-size:12px}.hero-actions .text-link{font-size:12px;gap:11px}
.hero-small{font-size:10px;margin-top:12px}
.hero .hero-visual{position:relative;inset:auto;width:100%;height:clamp(285px,79vw,350px);flex:0 0 auto;margin-top:-14px}
.hero .hero-cutout{top:0;bottom:auto;height:clamp(610px,177vw,710px);left:50%;max-width:none;object-position:center top}
.competency-strip .container{padding:13px 0 20px}.section{padding-top:70px;padding-bottom:70px}
.collab-card{border-radius:22px}.work-card{border-radius:21px}
.about-feature .about-grid{grid-template-columns:1fr;gap:0;padding:0;min-height:0;width:calc(100% - 24px);border-radius:26px}
.about-feature .about-portrait{height:350px;width:100%}
.about-feature .about-portrait:after{background:linear-gradient(180deg,transparent 74%,#e8e5e2 100%)}
.about-text{padding:28px 23px 38px}.site-footer{border-radius:25px 25px 0 0}
}
@media(max-width:390px){
.hero .hero-grid{padding:31px 18px 0}.hero h1{font-size:35px}
.hero .hero-visual{height:290px;flex:0 0 290px;margin-top:-12px}.hero .hero-cutout{top:0;height:clamp(610px,177vw,690px);bottom:auto}.brand-name{font-size:7px}
}

/* Technical services: purposeful, commercial positioning */
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:365px;padding:32px 29px;background:#fffdfa;border:1px solid #ded8d3;border-radius:22px;transition:transform .22s ease,box-shadow .22s ease}
.service-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(38,37,42,.07)}
.service-card:nth-child(2){background:#ece4de}
.service-card-venture{background:#302e34;color:#fffdfa;border-color:#302e34}
.service-index{font:800 10px/1.5 "Manrope",sans-serif;letter-spacing:.13em;color:#896257}
.service-card-venture .service-index{color:#e7c1ae}
.service-symbol{font:500 43px/1 "Manrope",sans-serif;color:#926451;margin:32px 0 18px}
.service-card-venture .service-symbol{color:#efd6c9}
.service-card h3{font-size:clamp(24px,2.2vw,31px);letter-spacing:-.052em;line-height:1.13;margin:0 0 15px}
.service-card p{font-size:14px;line-height:1.72;color:#686269;margin:0 0 24px}
.service-card-venture p{color:#ded9de}
.service-card a{width:100%;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #d9d0c9;font-size:13px;font-weight:800}
.service-card-venture a{border-top-color:#645d63}
.service-card a span{font-size:20px;transition:transform .2s}
.service-card a:hover span{transform:translate(3px,-3px)}
@media(max-width:950px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card-venture{grid-column:1/-1;min-height:280px}.service-symbol{margin:26px 0 15px}}
@media(max-width:620px){.services-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:290px;padding:26px 23px}.service-card-venture{grid-column:auto;min-height:290px}.service-symbol{margin:24px 0 14px}.service-card h3{font-size:29px}}

/* Commercial homepage: core services + workflow + swipe carousel */
.pillar-section{background:#faf8f5}
.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pillar-card{padding:27px 23px 25px;min-height:415px;display:flex;flex-direction:column;background:#fffdfa;border:1px solid #ded7d0;border-radius:23px;transition:transform .2s,box-shadow .2s}
.pillar-card:nth-child(2){background:#eee8e2}
.pillar-card:nth-child(4){background:#322f36;color:#fffdfa;border-color:#322f36}
.pillar-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(38,37,42,.09)}
.pillar-top{min-height:116px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.pillar-top>span:first-child{font:800 10px/1.5 "Manrope",sans-serif;letter-spacing:.1em;color:#8b6254;max-width:120px}
.pillar-card:nth-child(4) .pillar-top>span:first-child{color:#e5bfad}
.pillar-icon{display:grid;place-items:center;width:68px;height:68px;flex:0 0 68px;color:#946653;border:1px solid #dacdc5;border-radius:19px;background:rgba(255,255,255,.25)}
.pillar-icon svg{width:38px;height:38px}
.pillar-card:nth-child(4) .pillar-icon{color:#efd4c7;border-color:#635964}
.pillar-card h3{font-size:clamp(23px,2vw,29px);line-height:1.15;margin:3px 0 15px}
.pillar-card p{font-size:13px;line-height:1.8;color:#645d63;margin:0 0 27px}
.pillar-card:nth-child(4) p{color:#ded5db}
.pillar-card a{margin-top:auto;padding-top:17px;border-top:1px solid #d6cdc7;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:800}
.pillar-card:nth-child(4) a{border-top-color:#5d555c}
.pillar-card a span{font-size:20px}
.method-section{background:#29272f;color:#fffdfa}
.method-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:7%;align-items:end;margin-bottom:54px}
.method-heading h2{font-size:clamp(38px,4.5vw,61px);margin:18px 0 0}
.method-heading h2 em{color:#e5c4b4}
.method-heading p{font-size:16px;line-height:1.8;color:#d2c8ce;margin:0 0 4px}
.method-list{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #625960}
.method-list article{display:flex;flex-direction:column;min-height:260px;padding:27px 21px 30px 0;border-right:1px solid #534b53}
.method-list article:not(:first-child){padding-left:21px}
.method-list article:last-child{border:0}
.method-list article>div{margin-top:auto}
.method-list article>span{font:600 57px/1 "Cormorant Garamond",serif;color:#dcb6a4}
.method-list h3{font-size:24px;margin:0 0 9px}
.method-list p{font-size:13px;line-height:1.75;color:#ccc3ca;margin:0}
.method-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:28px;color:#d5ccd2;font-size:13px}
.method-foot strong{color:white}
.method-foot a{font-weight:800;border-bottom:1px solid #cba89a;padding-bottom:5px;white-space:nowrap}
.special-section{background:#eee8e3;overflow:hidden}
.special-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.special-heading h2{font-size:clamp(39px,4.45vw,59px);margin:15px 0}
.special-heading p{font-size:16px;line-height:1.75;color:#6b6468;max-width:610px;margin:0}
.special-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.special-counter{font:800 12px "Manrope",sans-serif;white-space:nowrap;letter-spacing:.11em;color:#82797a;margin-right:12px}
.special-counter output{font-size:19px;color:#302b30;font-variant-numeric:tabular-nums}
.special-arrow{width:47px;height:47px;border:1px solid #c2b5ae;border-radius:50%;background:transparent;color:#342f35;display:grid;place-items:center;font-size:23px;cursor:pointer;transition:background .2s,color .2s}
.special-arrow:hover:not(:disabled){background:#302d33;color:#fff}
.special-arrow:disabled{opacity:.32;cursor:default}
.special-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3.2);gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px 1px 15px}
.special-track::-webkit-scrollbar{display:none}
.special-card{scroll-snap-align:start;display:flex;flex-direction:column;min-height:440px;border-radius:23px;overflow:hidden;background:#fffdfa;border:1px solid #ded6d0;transition:transform .2s,box-shadow .2s}
.special-card:hover{transform:translateY(-3px);box-shadow:0 14px 33px rgba(32,28,34,.09)}
.special-art{position:relative;isolation:isolate;height:205px;overflow:hidden;display:grid;place-items:center}
.art-sand{background:linear-gradient(140deg,#d7c5b9,#eee5dc);color:#74564b}
.art-stone{background:linear-gradient(135deg,#c9c5c9,#e9e4e6);color:#55464f}
.art-dark{background:linear-gradient(130deg,#343238,#6a636d);color:#efddd3}
.art-pearl{background:linear-gradient(135deg,#e5e2dd,#c9b9ae);color:#77594e}
.art-copper{background:linear-gradient(135deg,#b08d7d,#e2c7b7);color:#513a40}
.art-mist{background:linear-gradient(145deg,#d0ced0,#b9b6ba);color:#564f58}
.art-clay{background:linear-gradient(125deg,#d8ccc4,#bba89d);color:#634c43}
.art-graphite{background:linear-gradient(135deg,#3b353b,#6e5b63);color:#f3dad0}
.special-art-orbit{position:absolute;top:11px;right:-32px;width:185px;height:185px;border:1px solid currentColor;border-radius:50%;opacity:.21}
.special-art-orbit:after{content:"";position:absolute;inset:26px;border:1px solid currentColor;border-radius:50%}
.special-art-number{position:absolute;top:21px;left:23px;font:800 10px "Manrope";letter-spacing:.12em;opacity:.8}
.special-icon{position:relative;z-index:1;width:96px;height:96px;border:1px solid currentColor;border-radius:25px;display:grid;place-items:center;background:rgba(255,255,255,.12)}
.special-art-label{position:absolute;bottom:14px;left:22px;font:800 32px "Manrope";letter-spacing:-.05em;opacity:.12}
.special-art-arrow{position:absolute;bottom:21px;right:23px;font-size:20px}
.special-content{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.special-tag{font:800 10px "Manrope";color:#8d6254;letter-spacing:.12em}
.special-content h3{font-size:23px;letter-spacing:-.04em;margin:12px 0}
.special-content p{font-size:13px;line-height:1.75;color:#676167;margin:0 0 22px}
.special-more{display:flex;justify-content:space-between;width:100%;margin-top:auto;border-top:1px solid #e2dad5;padding-top:15px;font-size:12px;font-weight:800}
.special-bottom{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:23px}
.special-bottom>span{font-size:11px;color:#746d70;white-space:nowrap}
.special-progress{background:#d3c7bf;height:3px;border-radius:5px;overflow:hidden;flex:1;max-width:460px}
.special-progress>span{display:block;background:#8e6251;width:12.5%;height:100%;border-radius:5px;transition:width .18s}
@media(max-width:1100px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-card{min-height:330px}.pillar-top{min-height:90px}.special-track{grid-auto-columns:calc((100% - 20px)/2.25)}}
@media(max-width:820px){.method-heading{grid-template-columns:1fr;gap:17px}.method-list{grid-template-columns:repeat(2,1fr)}.method-list article:nth-child(2){border-right:0}.method-list article:nth-child(-n+2){border-bottom:1px solid #534b53}.method-list article:nth-child(3){padding-left:0}.method-list article{min-height:218px}}
@media(max-width:620px){.pillar-grid{grid-template-columns:1fr;gap:13px}.pillar-card{min-height:288px;padding:24px}.pillar-top{min-height:73px}.pillar-icon{width:60px;height:60px;flex-basis:60px}.pillar-icon svg{width:33px;height:33px}.pillar-card h3{font-size:28px}.pillar-card p{line-height:1.72}.method-heading{margin-bottom:32px}.method-heading h2{font-size:clamp(36px,8.2vw,44px)}.method-heading p{font-size:14px}.method-list article{min-height:200px;padding:19px 15px 22px 0}.method-list article:not(:first-child){padding-left:16px}.method-list article:nth-child(3){padding-left:0}.method-list article>span{font-size:47px}.method-list h3{font-size:19px}.method-list p{font-size:12px;line-height:1.55}.method-foot{flex-wrap:wrap;gap:9px}.method-foot a{margin-top:7px}.special-heading{flex-direction:column;align-items:stretch;gap:19px;margin-bottom:24px}.special-heading h2{font-size:clamp(34px,8vw,44px)}.special-heading p{font-size:14px}.special-controls{justify-content:flex-end}.special-counter{margin-right:auto}.special-track{grid-auto-columns:87%;gap:13px}.special-card{min-height:412px;border-radius:20px}.special-art{height:187px}.special-content{padding:21px}.special-bottom>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.special-track{scroll-behavior:auto}.special-progress>span{transition:none}}


/* Continuous visual gallery: scroll-free animated lane, low-clutter cards. */
.special-track{scroll-snap-type:none;scroll-behavior:auto}
.special-card{scroll-snap-align:none;cursor:pointer}
.special-content{justify-content:flex-start}
.special-content p{margin-bottom:0}
.special-art{transition:filter .25s ease}
.special-card:hover .special-art,.special-card:focus-visible .special-art{filter:brightness(1.035)}
.special-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.special-card.carousel-duplicate:focus{outline:none}
@media(prefers-reduced-motion:reduce){
 .special-track{scroll-behavior:auto}
 .special-card,.special-art{transition:none}
}

/* Bespoke method: editorial sticky lead, scroll-controlled highlighting */
.method-section{background:#29272f;color:#fffdfa}
.bespoke-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,6vw,100px);align-items:start}
.bespoke-sticky{position:sticky;top:120px;padding:20px 0 45px}
.bespoke-sticky h2{font-size:clamp(41px,4.3vw,60px);line-height:1.09;margin:23px 0;max-width:520px}
.bespoke-sticky h2 em{color:#e7c4b2}
.bespoke-sticky p{font-size:16px;line-height:1.8;color:#d5cad1;max-width:490px}
.bespoke-aside{font:700 11px "Manrope",sans-serif;letter-spacing:.065em;color:#dfbbab;margin-top:55px}
.bespoke-stack{display:flex;flex-direction:column;gap:22px}
.bespoke-phase{min-height:255px;padding:33px 35px;background:#38353d;border:1px solid #615760;border-radius:25px;opacity:.63;transform:scale(.982);transition:background .4s,border-color .4s,color .4s,opacity .4s,transform .4s,box-shadow .4s}
.bespoke-phase.is-active{opacity:1;background:#eee4db;border-color:#eee4db;color:#29272d;transform:scale(1);box-shadow:0 22px 48px rgba(11,9,13,.2)}
.bespoke-index{display:flex;align-items:baseline;gap:18px;font:600 54px/1 "Cormorant Garamond",Georgia,serif;color:#e6bdab}
.bespoke-phase.is-active .bespoke-index{color:#906552}
.bespoke-index small{font:800 10px/1.6 "Manrope",sans-serif;letter-spacing:.14em;color:#d0bfc5}
.bespoke-phase.is-active .bespoke-index small{color:#886d61}
.bespoke-phase h3{font-size:clamp(24px,2.5vw,34px);margin:26px 0 11px}
.bespoke-phase p{font-size:14px;line-height:1.75;color:#ddd3da;margin:0 0 20px}
.bespoke-phase.is-active p{color:#625c61}
.bespoke-tags{display:flex;gap:8px;flex-wrap:wrap}
.bespoke-tags span{font:700 10px "Manrope",sans-serif;padding:8px 11px;color:#dccbd0;border:1px solid #776a71;border-radius:999px}
.bespoke-phase.is-active .bespoke-tags span{color:#85665a;border-color:#cbb8ac}
.bespoke-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:5px;border:1px solid #9f8377;border-radius:21px;padding:22px 25px;font-size:14px;font-weight:800;color:#edd0c0}
.bespoke-contact:hover{background:#dfc6b8;color:#29272f}
.pillar-summary{margin-top:auto;border-top:1px solid #d9cec7;padding-top:18px;font:800 10px/1.5 "Manrope",sans-serif;letter-spacing:.1em;color:#896558}
.pillar-card:nth-child(4) .pillar-summary{border-top-color:#5d555c;color:#e7c8b5}
/* Continuous, passive, CSS-only graphic strip, including on mouse hover */
.graphic-marquee{overflow:hidden}
.graphic-marquee .special-heading{margin-bottom:37px}
.marquee-window{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent);mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}
.marquee-rail{display:flex;align-items:stretch;width:max-content;will-change:transform;animation:saf-services-marquee 53s linear infinite}
.marquee-unit{display:flex;gap:18px;padding-right:18px;flex:0 0 auto}
.graphic-marquee .special-card{width:clamp(250px,24vw,310px);flex:0 0 clamp(250px,24vw,310px);min-height:370px;transform:none!important;box-shadow:none!important;pointer-events:none;cursor:default}
.graphic-marquee .special-art{height:229px;filter:none!important}
.graphic-marquee .special-content{padding:22px 24px 25px}
.graphic-marquee .special-content h3{margin:12px 0 0;font-size:22px}
.graphic-marquee .special-content p{display:none}
@keyframes saf-services-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:950px){.bespoke-layout{gap:25px}.bespoke-sticky{top:100px}.bespoke-phase{padding:28px 24px}}
@media(max-width:700px){.bespoke-layout{display:flex;flex-direction:column;gap:22px}.bespoke-sticky{position:static;padding:0 0 12px}.bespoke-sticky h2{font-size:clamp(38px,9vw,49px)}.bespoke-sticky p{font-size:14px}.bespoke-aside{margin-top:19px}.bespoke-stack{width:100%;gap:14px}.bespoke-phase{min-height:0;padding:27px 23px}.bespoke-index{font-size:45px}.bespoke-index small{font-size:9px}.bespoke-phase h3{font-size:27px;margin:20px 0 10px}.bespoke-phase p{font-size:13px}.marquee-unit{gap:13px;padding-right:13px}.graphic-marquee .special-card{width:248px;flex-basis:248px;min-height:338px}.graphic-marquee .special-art{height:202px}.graphic-marquee .special-content{padding:20px}.graphic-marquee .special-content h3{font-size:20px}.marquee-rail{animation-duration:46s}.marquee-window{mask-image:linear-gradient(90deg,transparent,black 2%,black 98%,transparent)}}
@media(prefers-reduced-motion:reduce){.bespoke-phase{transition:none;transform:none;opacity:1}.bespoke-phase.is-active{transform:none}.marquee-rail{animation:none;will-change:auto}.marquee-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin}}