/* JI STRATEGY FIELD — original generative art direction, separate from the official logo */
:root{--page-gutter:clamp(22px,6vw,110px);--paper:#ecebe7}html{scroll-padding-top:105px}body{background:#050505;overflow-x:clip}main{position:relative;isolation:isolate}.section{position:relative}p{color:#b8b8b8}h1,h2{font-weight:400}h2{line-height:1.04;font-size:clamp(38px,5vw,78px)}.strategy-field{position:absolute;inset:0 0 auto;height:1150px;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 20% 25%,#ffffff12,transparent 46%),linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px);background-size:auto,92px 92px,92px 92px;mask-image:linear-gradient(#000 70%,transparent)}#strategy-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.field-orbit{position:absolute;width:780px;aspect-ratio:1;border:1px solid #ffffff15;border-radius:50%;top:210px;left:-390px;transform:rotateX(55deg) rotate(-25deg)}.orbit-two{width:1000px;left:-500px;top:100px}.hero-coordinate{position:absolute;left:var(--page-gutter);top:145px;color:#c3c3c3;font:9px/2 var(--body);letter-spacing:.2em}.hero-coordinate>span{display:block;font-size:7px;color:#777}.hero{height:min(100svh,1080px);min-height:780px;padding:220px var(--page-gutter) 100px;background:transparent}.hero-content{max-width:850px}.hero h1{font-size:clamp(70px,8.5vw,132px);line-height:.97}.hero h1 em{display:block;margin-left:10%;line-height:1.14}.hero-description{max-width:365px;margin-top:22px}.hero-visual{width:57%;right:-3%;opacity:.9}.hero-visual>img{object-position:50% 22%;animation:none;filter:saturate(.65)}.photo-vignette{background:linear-gradient(90deg,#050505 0%,#050505b0 15%,transparent 60%),linear-gradient(0deg,#050505,transparent 45%)}.hero-actions{gap:28px;flex-direction:row;align-items:center}.hero .action{min-width:240px}.action>span[data-cms]{display:inline;width:auto;height:auto;border:0;border-radius:0;font-size:inherit;transform:none;background:none}.action-arrow{flex-shrink:0}.hero-signature{flex-direction:row;gap:24px;margin-top:34px}.brand-strip{background:linear-gradient(90deg,#161616,#080808);color:#d1d1d1;gap:6%;min-height:70px}.section-top{padding-bottom:17px;border-bottom:1px solid #ffffff20}.eyebrow{letter-spacing:.17em}.section{padding-block:110px}.approach{overflow:hidden}.strategy-map{height:170px;position:relative;margin:-15px 0 50px;opacity:.7}.strategy-map svg{height:100%;width:100%;overflow:visible;fill:#d5d5d5}.strategy-map path{fill:none;stroke:#aaa;stroke-width:1}.strategy-map .map-guide{stroke:#ffffff15;stroke-dasharray:3 12}.strategy-map span{position:absolute;bottom:0;font-size:8px;letter-spacing:.2em;color:#888}.strategy-map span:nth-of-type(2){left:43%}.strategy-map span:nth-of-type(3){right:0}.services-section{background:radial-gradient(ellipse at 90% 20%,#3a3a3a3b,transparent 55%),repeating-linear-gradient(125deg,transparent 0 119px,#ffffff03 120px 121px),#0d0d0d}.service-grid{border:0;gap:0}.service-card{border:0;border-top:1px solid #ffffff30;padding:30px 36px 35px 0;background:none;min-height:370px}.service-card:nth-child(even){padding-left:38px;border-left:1px solid #ffffff20}.service-card h3{font-size:clamp(28px,3vw,42px);max-width:420px;margin:25px 0 18px}.service-number{font-size:10px;border:1px solid #777;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#ddd}.service-card.selected{background:linear-gradient(100deg,#ffffff0b,transparent);box-shadow:none}.service-card.selected .service-number{background:#ddd;color:#111}.add-service{border-radius:99px;min-width:210px;padding-inline:18px}.selection-summary{margin-top:10px}.results{overflow:hidden;background:radial-gradient(ellipse at 95% 65%,#30303055,transparent 45%)}.results:after{content:'';position:absolute;right:-330px;top:120px;width:780px;height:780px;border:1px solid #ffffff12;border-radius:50%;z-index:-1}.proof-grid{grid-template-columns:1.3fr .7fr;gap:10%;align-items:center}.phone-proof{max-width:300px;transform:rotate(5deg);background:#151515;border-color:#777;padding:7px;box-shadow:20px 40px 100px #000}.proof-stats strong{font-family:var(--body);font-size:clamp(28px,3.4vw,52px);letter-spacing:-.065em}.proof-date-toggle{margin-top:13px}.proof-date-toggle summary{font-size:10px;color:#aaa;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px}.proof-date-toggle .fine-print{padding:0 0 15px}.projects-section{background:linear-gradient(145deg,#131313,#080808 65%)}.project-grid{grid-template-columns:1fr 1fr;gap:70px 40px}.project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;column-gap:50px;align-items:start}.project-card:first-child .project-image{grid-row:1/6;height:570px}.project-card:first-child>.eyebrow{align-self:end;margin-top:80px}.project-card:first-child>h3{font-size:clamp(30px,4vw,58px)}.project-image{height:450px;padding:24px;background:radial-gradient(ellipse at 50% 40%,#323232,#181818 70%);border:1px solid #ffffff10}.project-image .open-arrow{border-radius:50%;height:44px;width:44px;background:#080808b0}.project-card h3{font-size:32px}.project-card>.underlink{justify-self:start;width:max-content}.project-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.project-card:nth-child(4) .project-image,.project-card:nth-child(5) .project-image{background:#171717}.filter-bar{gap:12px;margin-block:42px 35px}.filter-bar button{border-radius:99px;min-height:44px;padding-inline:18px}.process-section{background:radial-gradient(ellipse at 100% 0%,#c6c4be77,transparent 55%),linear-gradient(90deg,#11111107 1px,transparent 1px),var(--paper);background-size:auto,96px 96px,auto}.process-section .section-top{border-color:#1113}.process-grid{position:relative;gap:28px}.process-grid article{border-top:1px solid #1113;position:relative;padding-top:32px}.process-grid article:before{content:'';position:absolute;left:0;top:-5px;width:9px;height:9px;background:#222;border-radius:50%}.process-grid article>span{font-family:var(--editorial);font-size:32px;color:#888}.process-grid h3{font-size:32px}.process-grid p{font-size:13px}.process-grid article.is-current:before{box-shadow:0 0 0 7px #1112}.about-section{gap:9%;grid-template-columns:.9fr 1.1fr}.about-portrait{border:1px solid #ffffff25;padding:12px}.about-portrait img{height:690px;filter:saturate(.75)}.about-portrait>span{bottom:24px;left:24px}.formation-story{display:flex;gap:20px;margin-top:35px;padding-top:25px;border-top:1px solid #ffffff26;align-items:center}.formation-story>img{width:100px;height:135px;object-fit:cover;filter:saturate(.75)}.formation-story p{font-size:13px;max-width:230px}.formation-story .eyebrow{font-size:7px;display:block;margin-bottom:10px}.plans-section{max-width:none;background:linear-gradient(135deg,#21212188,transparent 55%),repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 100px),#0c0c0c}.plan-card{background:linear-gradient(150deg,#ffffff06,transparent 60%);border-color:#ffffff28;border-radius:2px}.plan-card.featured{background:linear-gradient(145deg,#303030,#121212);border-color:#b0b0b0}.plan-price strong{font-size:clamp(23px,2vw,32px)}.plan-badge{background:#d4d4d4;color:#111;letter-spacing:.12em}.plan-cta{border-radius:0;border-bottom:1px solid #777;background:none;padding-inline:0}.booking-section{background:radial-gradient(ellipse at 90% 50%,#44444435,transparent 60%),#090909}.public-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-slots button{display:flex;gap:16px;text-align:left;align-items:center;padding:15px;border-radius:6px;min-height:84px;border:1px solid #555;background:#ffffff04}.slot-day{font-size:29px;line-height:1;letter-spacing:-.04em}.slot-meta{display:flex;flex-direction:column;font-size:11px;color:#b6b6b6}.slot-meta strong{color:inherit;font-weight:500}.public-slots button[aria-pressed=true]{color:#111;background:var(--paper)}.public-slots button[aria-pressed=true] .slot-meta{color:#222}.contact-section{background:radial-gradient(ellipse at 12% 100%,#60606038,transparent 55%),linear-gradient(115deg,transparent 42%,#ffffff09 42.05%,transparent 42.2%),#080808}.contact-section:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff10;border-radius:50%;right:10%;top:0;pointer-events:none}.contact-grid{position:relative}#contact-form{padding:28px;background:#ffffff04;border:1px solid #ffffff20}.contact-links a{color:#ddd}.floating-contact{border-radius:99px;background:#141414ed;border-color:#8a8a8a}.floating-contact .social-icon{width:20px;height:20px}.footer-controls{display:flex;gap:24px;flex-wrap:wrap}.vector-arrow{width:18px;height:18px;flex-shrink:0}.action .vector-arrow{width:20px;height:20px}header{position:fixed;height:86px;padding-inline:var(--page-gutter);transition:background .3s,border-color .3s,transform .3s;border-color:#ffffff20}header.scrolled{background:#080808f5;border-color:#ffffff30}.brand img{height:58px;width:58px}.desktop-nav{gap:22px}.desktop-nav a[aria-current]{color:#fff;border-bottom:1px solid #fff}#menu{background:radial-gradient(ellipse at 100% 20%,#323232,transparent 65%),#090909}#menu a{animation:menu-enter .45s both;animation-delay:calc(var(--i,0)*35ms);font-size:clamp(25px,4.5vw,50px);letter-spacing:-.04em}#menu a:focus-visible{outline-offset:0}@keyframes menu-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.motion-enabled .editorial-reveal{animation:editorial-in .9s both}.motion-enabled .editorial-reveal em{animation:editorial-in 1.2s both}@keyframes editorial-in{from{clip-path:inset(0 0 100% 0);transform:translateY(15px);opacity:.2}to{clip-path:inset(0);transform:none;opacity:1}}.motion-enabled .photo-enter{animation:photo-in 1.2s both}@keyframes photo-in{from{clip-path:inset(0 12% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal,.motion-off .polish-reveal{opacity:1!important;transform:none!important}.image-fallback{padding:30px;color:#aaa;text-align:center;font-size:12px}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:35px}.case-gallery button{background:#202020;min-height:150px;padding:12px}.case-gallery img{max-height:400px;margin:auto;object-fit:contain}.case-page{max-width:1300px;padding-top:80px}.case-page h1{font-size:clamp(42px,7vw,100px);max-width:900px;margin:35px 0}.case-cover{max-height:75svh;width:100%;object-fit:contain;background:#171717}.case-narrative{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px}.case-narrative h2{font-size:25px;letter-spacing:-.03em;margin-bottom:15px}.case-narrative p{white-space:pre-line;font-size:14px}.case-page>.action{margin-top:50px}.case-page .case-gallery{margin-bottom:35px}
@media(min-width:761px){.service-card:hover .service-number{transform:rotate(-12deg);transition:transform .3s}.project-card:not(:first-child):nth-child(odd){padding-top:90px}}
@media(max-width:1100px){.desktop-nav{gap:13px}.desktop-nav a{font-size:10px}.header-cta{display:none}.hero h1{font-size:clamp(65px,9.5vw,105px)}.project-card:first-child .project-image{height:450px}.project-image{height:370px}.project-card:first-child{column-gap:30px}.plan-card{padding:24px}}
@media(max-width:760px){html{scroll-padding-top:85px}header{height:74px}.brand img{width:50px;height:50px}.hero{min-height:0;height:auto;padding:330px 6% 55px;display:block}.hero-coordinate{top:100px;font-size:8px;z-index:1;max-width:150px}.hero-coordinate>span{font-size:6px;margin-top:9px;max-width:120px}.hero-visual{width:84%;height:490px;right:-12%;top:35px;opacity:1}.hero-visual>img{object-position:50% 17%;opacity:.95}.photo-vignette{background:linear-gradient(0deg,#050505,transparent 72%),linear-gradient(90deg,#050505 1%,transparent 40%),linear-gradient(180deg,#05050588,transparent 20%)}.hero-content{z-index:2}.hero .eyebrow{font-size:7px;margin-bottom:17px;color:#ddd}.hero h1{font-size:clamp(48px,13.4vw,74px);line-height:1.02}.hero h1 em{margin-left:8%;font-size:1.02em;line-height:1.18}.hero-description{font-size:13px;max-width:310px;margin-top:18px}.hero-actions{flex-direction:column;align-items:start;gap:6px;margin-top:19px}.hero .action{min-width:235px;min-height:52px}.hero-signature{margin-top:24px;gap:4px;flex-direction:column;font-size:7px}.scroll-cue{display:none}.strategy-field{height:900px;background-size:auto,64px 64px,64px 64px}#strategy-canvas{opacity:.35}.brand-strip{font-size:6px;min-height:57px;gap:12px}.section{padding-block:70px}.section-top{margin-bottom:32px}.section-top .eyebrow{font-size:7px}.strategy-map{height:105px;margin:0 0 35px}.strategy-map span{font-size:6px}h2{font-size:clamp(35px,9.4vw,51px)}.service-grid{margin-top:32px}.service-card,.service-card:nth-child(even){padding:25px 0 30px;border-left:0;min-height:0}.service-card h3{font-size:31px;margin:18px 0}.service-card>p{font-size:13px}.service-number{width:30px;height:30px}.add-service{font-size:11px}.proof-grid{grid-template-columns:1fr;gap:38px}.phone-proof{max-width:238px;transform:rotate(4deg)}.proof-stats{gap:12px}.proof-stats strong{font-size:clamp(28px,8vw,38px)}.projects-section{padding-inline:6%}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:first-child{display:block;grid-column:auto}.project-card:first-child .project-image,.project-image{height:360px;padding:16px}.project-card:first-child>.eyebrow{margin-top:22px}.project-card:first-child>h3,.project-card h3{font-size:29px}.project-card>p:not(.eyebrow){font-size:13px}.filter-bar{gap:7px;margin-top:30px}.filter-bar button{padding-inline:12px;font-size:9px}.process-grid{grid-template-columns:1fr;gap:0;margin-top:35px}.process-grid article{padding:24px 0 25px 54px;min-height:130px;border-top:0;border-left:1px solid #1114;margin-left:10px}.process-grid article:before{left:-5px;top:28px}.process-grid article>span{position:absolute;top:20px;left:15px;font-size:22px}.process-grid h3{font-size:28px;margin:0 0 12px}.process-grid p{font-size:13px}.about-section{grid-template-columns:1fr;gap:35px}.about-portrait{max-width:none;padding:8px}.about-portrait img{height:470px;object-position:50% 38%}.formation-story{gap:18px}.formation-story>img{width:85px;height:120px}.formation-story p{font-size:12px}.plan-card{padding:28px}.plan-price strong{font-size:27px}.public-slots{gap:10px}.public-slots button{gap:10px;padding:12px;min-height:78px}.slot-day{font-size:27px}.slot-meta{font-size:10px}.contact-section:before{right:-100px;width:320px;height:320px}#contact-form{padding:22px 16px}.footer-controls{gap:15px}.footer-controls .underlink{margin-left:0}.floating-contact{font-size:8px;gap:8px;min-height:46px}.case-gallery{grid-template-columns:1fr}.case-narrative{grid-template-columns:1fr;gap:30px}.case-page{padding-top:35px}.case-page h1{font-size:45px}.case-page .case-cover{max-height:65svh}}
@media(max-width:360px){.hero{padding-top:295px}.hero-visual{height:450px;right:-15%}.hero h1{font-size:44px}.hero-coordinate{max-width:100px}.hero-actions{margin-top:18px}.project-card:first-child .project-image,.project-image{height:300px}.public-slots{grid-template-columns:1fr}.brand-strip{font-size:5px}.about-portrait img{height:420px}}
@media(prefers-reduced-motion:reduce){#strategy-canvas{display:none}.hero-visual img{animation:none}.editorial-reveal,.photo-enter{animation:none!important}.motion-enabled *{scroll-behavior:auto!important}}
.cinematic-photo{animation:none!important}.strategy-map svg>path:first-child{stroke-dasharray:1400;stroke-dashoffset:0}.motion-enabled .approach.visible .strategy-map svg>path:first-child{animation:draw-map 2s ease both}@keyframes draw-map{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}