/* Variant 2 art direction. Existing content, project data and carousel behavior stay intact. */
:root{--v2-night:#050b18;--v2-blue:#4375ff;--v2-ice:#dfe8ff}
.site-shell{background:var(--v2-night)}
.site-header{height:72px;min-height:72px;padding-inline:clamp(24px,4vw,74px);background:#050b18f2}
.brand-wordmark{width:clamp(150px,11vw,200px)}
.nav{font-size:12px;gap:clamp(26px,3vw,48px)}
.header-cta{background:transparent;box-shadow:none;border-color:#4674cc;color:#fff;padding:12px 18px}
.hero{min-height:580px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:0;padding:34px clamp(24px,4vw,74px) 0;background:radial-gradient(ellipse 44% 68% at 77% 45%,#164fc390,transparent 75%),linear-gradient(100deg,#040918 5%,#071631 65%,#081c4a)}
.hero:before{z-index:0;background:linear-gradient(90deg,#050b18 0%,#050b18e8 31%,transparent 59%),radial-gradient(circle at 87% 40%,#1456ff55,transparent 36%)}
.hero-copy{align-self:center;padding:26px 0 36px;min-width:0}
.hero-eyebrow{font-size:9px;letter-spacing:.14em}
.hero h1{position:relative;z-index:2;font-size:clamp(60px,5.7vw,103px);line-height:.93;letter-spacing:-.08em;max-width:850px;white-space:normal;margin:26px 0 14px}
.hero h1 em{color:#5f89ff}
.hero-dek{max-width:550px;font-size:clamp(15px,1.08vw,18px);line-height:1.45;color:#d9e5ff}
.hero-actions{margin-top:23px;gap:29px}
.hero-actions .button-primary{min-height:48px;padding-inline:20px;background:#3975ff}
.hero-foot{margin-top:32px;font-size:9px;line-height:1.35;letter-spacing:.14em}
.hero-visual.portrait-studio{height:530px;min-height:0;width:calc(100% + 9vw);margin:0 -7vw 0 -5vw;align-self:end;isolation:isolate}
.portrait-studio:before{right:-10%;top:0;width:125%;height:98%;background:radial-gradient(ellipse at 55% 52%,#1162ff9a,transparent 66%);filter:blur(16px)}
.portrait-studio .portrait-artboard{inset:0;overflow:visible}
.portrait-studio .hero-photo-wrap{height:100%;mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%),linear-gradient(0deg,transparent 0%,#000 11%,#000 100%);mask-composite:intersect;overflow:hidden}
.portrait-studio .hero-photo{object-fit:cover;object-position:center 36%;height:100%}
.hero-cube{position:absolute;z-index:2;display:block;width:clamp(90px,12vw,185px);height:auto;pointer-events:none;filter:drop-shadow(0 0 24px #1977ff8c);animation:v2-float 8s ease-in-out infinite alternate}
.hero-cube-a{top:8%;right:5%;transform:rotate(19deg)}
.hero-cube-b{width:clamp(55px,7vw,110px);left:5%;top:34%;opacity:.78;filter:blur(1px) drop-shadow(0 0 16px #2877ff);animation-delay:-3s}
.hero-handwritten{position:absolute;z-index:3;right:3%;top:42%;color:#e9f1ff;font:italic 500 clamp(17px,1.7vw,30px)/.95 var(--heading);letter-spacing:-.06em;transform:rotate(-13deg);text-shadow:0 0 15px #357bff}
.hero-handwritten span{display:block;width:70px;border-bottom:2px solid #4b83ff;margin-top:8px;transform:rotate(-5deg)}
.portrait-studio .hero-timeline{left:-20%;bottom:7px;width:121%;padding:9px 14px 11px;transform:perspective(900px) rotateX(8deg) rotateZ(3deg);border-radius:9px;background:#071b3ee8}
.hero-timeline:before{display:none}
.timeline-top{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:#d7e9ff;font:700 8px/1 var(--body);letter-spacing:.13em}
.timeline-top span:last-child{margin-left:auto;color:#7497dc}
.timeline-play{display:grid;place-items:center;width:20px;height:20px;padding-left:2px;border:1px solid #87b7ff;border-radius:50%;font-size:8px;color:#fff}
.hero-timeline .mini-tracks{position:relative}
.hero-timeline .mini-tracks:after{content:'';position:absolute;left:47%;top:-7px;width:2px;height:39px;background:#e6f4ff;box-shadow:0 0 9px 4px #247aff}
.ticker{height:58px;transform:none;margin:0;box-shadow:0 0 24px #2165ff4d;background:#356eff}
.ticker-track{gap:22px;animation-duration:34s}
.ticker span{font-size:clamp(17px,1.55vw,27px);letter-spacing:-.03em}
.ticker b{font-size:18px;color:#e6edff}
.work-library{background:radial-gradient(ellipse 50% 35% at 50% 66%,#0b3168,transparent 78%),#050b18;--card-height:clamp(270px,36svh,410px)}
.work-library.section-pad{padding:32px clamp(24px,4vw,74px) 30px}
.work-library .section-kicker{border:0;padding:0;font-size:9px}
.work-library .section-kicker span:first-child:before{content:'01 / ';color:#8baeff}
.work-library .section-kicker span:last-child{display:none}
.work-library .section-intro{margin:10px 0 8px;align-items:end}
.work-library .section-intro h2{font-size:clamp(43px,4.2vw,68px)}
.work-library .section-intro p{font-size:13px;line-height:1.45;color:#b7c8e5;max-width:295px}
.work-library .filter-bar{margin:8px 0 0;padding-bottom:7px}
.work-library .filter{padding:9px 13px;font-size:9px;letter-spacing:.08em;border-color:#3d5a91;background:#091327}
.work-library .filter.is-active{background:#e3ebff;color:#0b1936}
.work-library .showcase-stage{padding-bottom:0;background:radial-gradient(ellipse 30% 45% at 50% 60%,#1b60c659,transparent 85%)}
.work-library .showcase-stage:after{height:26%}
.work-library .showcase-open-hint{height:23px;font-size:8px}
.work-library .showcase-open-hint svg{height:14px}
.work-library .carousel-camera{height:calc(var(--card-height) + 26px);perspective:1550px}
.work-library .carousel-camera .scene-card{border-radius:9px;top:4px}
.work-library .carousel-camera .scene-card[data-slot="0"]{border-color:#b5d0ff;box-shadow:0 0 0 3px #91aaff48,0 0 25px #3685ffc2,0 20px 52px #000c}
.work-library .stage-arrow{top:calc(30px + var(--card-height) / 2);width:48px;height:48px;font-size:30px;background:#071a37e0}
.work-library .is-landscape .stage-arrow{top:calc(30px + var(--landscape-width) * 9 / 32)}
.work-library .showcase-caption{bottom:3px;width:min(340px,calc(50% - var(--card-width) / 2 - 25px));padding:0}
.work-library .showcase-caption h3{font-size:clamp(18px,1.45vw,24px);margin:3px 0 4px}
.work-library .showcase-caption p{font-size:10px;line-height:1.35}
.work-library .showcase-actions{bottom:4px;gap:10px}
.work-library #showcase-watch{padding:10px 14px;font-size:10px}
.work-library .audio-toggle{padding:7px 9px;font-size:9px}
.work-library .showcase-actions>span{font-size:9px;padding-right:9px}
.filmstrip-toolbar{height:22px;margin:6px 0 4px}
.filmstrip-toolbar h3{font-size:12px;color:#bcd3ff}
.filmstrip-toolbar .work-status{font-size:9px}
.filmstrip-navigation .round-control{width:25px;height:25px}
.filmstrip-shell{display:flex;align-items:stretch;gap:0;border:1px solid #3f69bb99;border-radius:22px;background:linear-gradient(180deg,#0d234a,#081938);box-shadow:0 8px 30px #0007,inset 0 1px #91b7ff38;overflow:hidden}
.filmstrip-play{flex:0 0 48px;border:0;border-right:1px solid #4d75ba;background:#10295a;color:#ebf3ff;font-size:15px;cursor:pointer}
.filmstrip-play:hover{background:#2456bc}
.work-library .video-filmstrip{min-width:0;flex:1;border:0;border-radius:0;background:transparent;box-shadow:none;padding:4px 6px 7px;gap:5px;scrollbar-width:thin}
.work-library .video-thumbnail{flex-basis:58px;width:58px}
.work-library .thumbnail-image{height:34px;border-radius:3px}
.work-library .thumbnail-image img{object-fit:cover}
.work-library .thumbnail-title,.work-library .thumbnail-duration{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.work-library .library-hint{font-size:9px;margin-top:6px}
.statement{padding:28px clamp(24px,4vw,74px) 25px;background:linear-gradient(115deg,#d7e3ff,#e7edff 67%,#cedbff)}
.statement-mini{font-size:8px}
.statement p{font-size:clamp(42px,5.25vw,82px);line-height:.93;margin:14px 0 15px;max-width:1300px}
.statement-star{font-size:90px;top:-13px;right:2%;color:#86a6ff}
.statement-bottom{padding-top:7px;font-size:8px}
.statement-wordmark{display:none}
.about{background:radial-gradient(ellipse 65% 90% at 50% 50%,#0a1933,#07101f 80%);padding-top:44px;padding-bottom:54px}
.about .section-kicker{padding-bottom:10px;font-size:9px}
.about .section-kicker span:first-child:before{content:'03 / ';color:#8caeff}
.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5.5vw;margin-top:30px}
.about-lead{padding-right:5vw;border-right:1px solid #3b5277}
.about h2{font-size:clamp(74px,7.5vw,120px);margin:0 0 25px}
.about-lead .about-large{font-size:clamp(21px,1.75vw,29px);line-height:1.34;max-width:510px;margin-bottom:24px}
.about-detail{padding-top:0}
.about-detail>p{font-size:clamp(13px,1vw,16px);line-height:1.55;margin-bottom:15px;max-width:720px}
.about-detail .personal-brand-note{margin:8px 0 13px;padding:6px 0 6px 12px;font-size:12px}
.about-detail .stat-grid{margin-top:18px;padding-top:0;border:0;gap:0}
.about-detail .stat-grid>div{border-left:1px solid #3b5277;padding-left:20px}
.about-detail .stat-grid>div:first-child{border-left:0;padding-left:0}
.about-detail .stat-grid strong{font-size:clamp(36px,3.6vw,60px)}
.tools-band{background:#07101f;padding-top:22px;padding-bottom:45px;border-top:1px solid #34476a}
.tools-band .section-kicker{border:0;padding:0;font-size:9px}
.tools-band .section-kicker span:first-child:before{content:'04 / ';color:#8caeff}
.tools-band .section-kicker span:last-child{display:none}
.workflow-panel{margin:10px 0 18px}
.workflow-copy h3{font-size:clamp(30px,3vw,50px);line-height:1;margin:0}
.tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.tool-tile,.tool-tile.tool-with-icon{min-height:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:5px;text-align:center;padding:7px 9px 0;border:0;border-right:1px solid #2d4164;background:transparent;border-radius:0;box-shadow:none}
.tool-tile:last-child{border-right:0}
.tool-tile img{width:52px;height:52px;object-fit:contain;margin:0 0 5px}
.tool-tile strong{min-height:0;font-size:13px;line-height:1.2}
.tool-tile small{font-size:10px;line-height:1.2}
.tool-tile .tool-number{display:none}
.tool-tile:hover{transform:none;box-shadow:none}
.services{background:#07101f;padding-top:36px;padding-bottom:48px;border-top:1px solid #34476a}
.services .section-kicker{padding-bottom:10px;font-size:9px}
.services .section-kicker span:first-child:before{content:'05 / ';color:#8caeff}
.services-head{margin:14px 0 16px;align-items:end}
.services h2{font-size:clamp(47px,4.65vw,75px)}
.services-head p{font-size:12px;max-width:280px}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.services .service-row{display:grid;grid-template-columns:55px minmax(0,1fr) clamp(90px,10vw,160px);gap:16px;align-items:center;min-height:158px;padding:16px 15px;border:1px solid #4b6796;border-radius:4px;background:#08172c;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s}
.services .service-row:nth-child(2){background:#dfe8ff;color:#0a1933;border-color:#dfe8ff}
.services .service-row:hover{padding:16px 15px;background:#102349;border-color:#8baaff;box-shadow:0 0 24px #3f72e638}
.services .service-row:nth-child(2):hover{background:#eaf0ff}
.services .service-num{display:block;align-self:start;padding-top:2px;color:#89aaff;font:500 clamp(31px,3vw,48px)/1 var(--heading);letter-spacing:-.06em}
.services .service-row h3{font-size:clamp(20px,1.7vw,28px);line-height:1.03;margin:0 0 9px}
.services .service-row p{font-size:11px;line-height:1.4;max-width:250px}
.service-art{height:116px;width:100%;align-self:center;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#234d9e,#081425)}
.service-art img{width:100%;height:100%;object-fit:cover}
.service-art-cube img{object-fit:contain;padding:1px;filter:drop-shadow(0 0 14px #1e6cff)}
.service-art-poster img{object-fit:cover;object-position:center 26%}
.service-art-timeline{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:12px 8px;transform:perspective(180px) rotateY(-6deg)}
.service-mini-track{display:block;height:10px;border-radius:2px;background:linear-gradient(90deg,#4169e8 0 22%,transparent 22% 25%,#8170ee 25% 65%,transparent 65% 68%,#298cf9 68% 100%)}
.service-mini-track:nth-child(2){background:linear-gradient(90deg,#20bbda 0 35%,transparent 35% 38%,#35a5f4 38% 73%,transparent 73% 76%,#20bbda 76%)}
.service-mini-track:nth-child(3){background:repeating-linear-gradient(90deg,#37a7c9 0 3px,#112f48 3px 5px);height:7px}
.service-preview{display:none!important}
.process{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:5vw;row-gap:0;background:linear-gradient(115deg,#d8e3ff,#e7edff);color:#091b39;padding-top:35px;padding-bottom:45px}
.process .section-kicker{grid-column:1/-1;border-color:#adbfe5;color:#465e8e;padding-bottom:10px;font-size:9px}
.process .section-kicker span:first-child:before{content:'06 / ';color:#3d71e7}
.process h2{grid-column:1;grid-row:2;font-size:clamp(43px,4.5vw,74px);line-height:.97;margin:24px 0 12px}
.process h2 i{color:#3d71f1}
.process-wave{position:relative;grid-column:1;grid-row:3;left:auto;right:auto;top:auto;width:80%;height:75px;margin-top:5px;opacity:.75;filter:drop-shadow(0 0 5px #5286ff)}
.process-wave path{stroke:#3978fc;stroke-width:3}
.process-grid{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;gap:0;margin:18px 0 0;padding-left:33px;border-left:1px solid #9fb9ec}
.process-grid>div,.process-grid>div:hover{position:relative;min-height:0;padding:0 0 17px 33px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;animation:none}
.process-grid>div:before{content:'';position:absolute;left:-39px;top:3px;width:11px;height:11px;border:0;border-radius:50%;background:#3f78fa;box-shadow:0 0 0 4px #dce8ff}
.process-grid span{display:block;position:absolute;left:0;top:1px;color:#14264b;font-size:11px;letter-spacing:0}
.process-grid h3{margin:0 0 2px;font-size:18px;color:#101d38}
.process-grid p{font-size:12px;line-height:1.35;color:#4f658f;max-width:360px}
.contact{min-height:350px;padding-top:34px;padding-bottom:40px;background:radial-gradient(ellipse at 82% 68%,#1e5fe0 0%,transparent 50%),linear-gradient(115deg,#071d49,#143a8d)}
.contact .section-kicker{padding-bottom:10px;font-size:9px}
.contact .section-kicker span:first-child:before{content:'07 / ';color:#a9c2ff}
.contact-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-top:18px;gap:30px}
.contact h2{font-size:clamp(54px,5.25vw,85px);line-height:.95;margin:15px 0 18px}
.contact-content>div:first-child>p{font-size:13px;max-width:450px;margin:0}
.contact-side{justify-self:start;align-self:end;max-width:420px;margin:12px 0 0}
.contact-primary,.contact-secondary{display:inline-flex;gap:32px;min-height:44px;vertical-align:top;padding:12px 16px;font-size:10px}
.contact-primary{background:#3f79ff;color:white;box-shadow:0 6px 25px #175bfe7a}
.contact-secondary{margin:0 0 0 8px;border-color:#7da3fb}
.contact-primary span,.contact-secondary span{font-size:15px}
.contact-direct{margin-top:17px;padding-top:10px;gap:3px}
.contact-direct span{font-size:8px;margin:0}
.contact-direct a{font-size:11px}
.software-cluster{position:absolute;right:6%;bottom:19px;width:min(40%,560px);height:190px;pointer-events:none}
.cluster-icon{position:absolute;display:block;width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 15px 15px #030d2ab0);transition:transform .3s}
.cluster-pr{left:1%;bottom:0;transform:rotate(-10deg)}
.cluster-ae{left:22%;top:17%;transform:rotate(7deg)}
.cluster-ps{left:41%;top:0;transform:rotate(-8deg)}
.cluster-ai{left:43%;bottom:1%;transform:rotate(6deg)}
.cluster-blender{left:64%;top:11%;transform:rotate(12deg)}
.cluster-resolve{left:77%;bottom:0;transform:rotate(-8deg)}
.footer{min-height:76px;padding:16px clamp(24px,4vw,74px);background:#050b18;font-size:8px}
.footer-fractaljo img{width:145px}
.footer-fractaljo small{display:none}
@keyframes v2-float{from{translate:0 0}to{translate:5px -16px}}
@media(max-width:1100px){
  .hero{min-height:545px}.hero h1{font-size:clamp(56px,6.2vw,76px)}.hero-visual.portrait-studio{height:505px}
  .about h2{font-size:clamp(65px,8vw,95px)}.about-grid{gap:4vw}.about-lead{padding-right:3vw}
  .tool-tile strong{font-size:11px}.services .service-row{grid-template-columns:45px minmax(0,1fr) 95px;gap:9px}
  .service-art{height:92px}.software-cluster{width:45%}.cluster-icon{width:60px;height:60px}
}
@media(max-width:800px){
  .site-header{height:68px;min-height:68px}.mobile-menu:not([hidden]){top:68px}
  .hero{grid-template-columns:1fr;min-height:0;padding:42px 24px 0}.hero-copy{padding:0}.hero h1{max-width:700px;font-size:clamp(55px,9vw,82px)}
  .hero-visual.portrait-studio{height:clamp(360px,75vw,570px);width:min(100% + 48px,680px);margin:-6px auto 0}.hero-foot{margin-top:22px}
  .portrait-studio .hero-timeline{width:100%;left:0;bottom:7px}.hero-handwritten{right:4%}
  .work-library .section-intro{display:flex;flex-direction:column;align-items:start;gap:8px}.work-library .section-intro p{width:auto;max-width:470px}
  .work-library .showcase-caption{position:relative;width:calc(100% - 10px);left:5px;bottom:auto;padding-bottom:46px}
  .work-library .showcase-actions{bottom:3px;left:5px;right:5px;justify-content:flex-end}
  .about-grid{grid-template-columns:1fr;gap:28px}.about-lead{padding-right:0;border-right:0;border-bottom:1px solid #34476a;padding-bottom:28px}
  .about-detail .stat-grid{margin-top:25px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.tool-tile:nth-child(3){border-right:0}
  .services .service-row{grid-template-columns:43px minmax(0,1fr) 100px}
  .contact-content{grid-template-columns:1fr;gap:0}.contact-side{margin-top:20px}.software-cluster{right:4%;bottom:30px;width:48%;height:150px;opacity:.75}.cluster-icon{width:48px;height:48px}
}
@media(max-width:600px){
  .site-header{padding-inline:20px}.brand-wordmark{width:150px}
  .hero{padding:30px 20px 0}.hero h1{font-size:clamp(46px,11.6vw,69px);margin:20px 0 12px}.hero-dek{font-size:14px;max-width:420px}.hero-actions{gap:15px;margin-top:20px}.hero-actions .button-primary{width:auto;min-height:44px;font-size:9px}.hero-actions .text-link{font-size:9px}.hero-foot{font-size:8px;padding:0}
  .hero-visual.portrait-studio{height:clamp(300px,86vw,480px);width:calc(100% + 40px);margin:0 -20px}.portrait-studio .hero-photo-wrap{mask-image:linear-gradient(0deg,transparent 0%,#000 13%,#000 100%)}
  .hero-cube-a{width:95px;right:4%;top:7%}.hero-cube-b{width:50px;left:6%;top:30%}.hero-handwritten{font-size:18px;right:7%;top:34%}
  .portrait-studio .hero-timeline{left:4%;width:92%;bottom:7px;padding:7px}.timeline-top{font-size:6px;margin-bottom:4px}.hero-timeline .mini-tracks i{height:7px}
  .ticker{height:44px}.ticker-track{gap:15px}.ticker span{font-size:16px}.ticker b{font-size:15px}
  .work-library.section-pad{padding:27px 20px 28px}.work-library .section-intro h2{font-size:43px}.work-library .section-intro p{font-size:12px;margin:0}.work-library .filter{padding:8px 10px;font-size:8px}
  .work-library{--card-height:clamp(215px,36svh,320px)}.work-library .showcase-open-hint{height:22px}.work-library .carousel-camera{height:calc(var(--card-height) + 25px)}
  .work-library .stage-arrow{top:calc(28px + var(--card-height) / 2);width:39px;height:39px;font-size:27px}.work-library .is-landscape .stage-arrow{top:calc(28px + var(--landscape-width) * 9 / 32)}
  .work-library .showcase-caption h3{font-size:19px}.work-library .showcase-caption p{font-size:10px}.work-library .showcase-caption{padding-bottom:55px}
  .work-library .showcase-actions{justify-content:space-between}.work-library .showcase-actions>span{display:none}.work-library #showcase-watch{padding:9px 12px}.filmstrip-toolbar .work-status{display:none}.filmstrip-shell{border-radius:11px}.filmstrip-play{flex-basis:38px}.work-library .video-thumbnail{flex-basis:65px;width:65px}.work-library .thumbnail-image{height:42px}
  .statement{padding:26px 20px}.statement p{font-size:clamp(35px,8.6vw,51px);margin:19px 0}.statement-star{font-size:53px}.statement-bottom{font-size:7px}
  .about{padding:37px 20px}.about-grid{margin-top:27px}.about h2{font-size:75px}.about-lead .about-large{font-size:21px}.about-detail>p{font-size:14px}.about-detail .stat-grid strong{font-size:37px}.about-detail .stat-grid>div{padding-left:10px}.stat-grid small{font-size:7px}
  .tools-band{padding:25px 20px 30px}.workflow-copy h3{font-size:31px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0}.tool-tile img{width:43px;height:43px}.tool-tile strong{font-size:10px}.tool-tile small{font-size:8px}
  .services{padding:29px 20px 37px}.services h2{font-size:49px}.services-head p{font-size:12px}.service-list{grid-template-columns:1fr;gap:9px}.services .service-row{min-height:122px;grid-template-columns:42px minmax(0,1fr) 96px;gap:10px;padding:11px}.services .service-row:hover{padding:11px}.services .service-row h3{font-size:20px}.services .service-row p{font-size:10px}.service-art{height:86px}
  .process{grid-template-columns:1fr;padding:28px 20px 31px}.process h2{grid-column:1;grid-row:2;font-size:clamp(40px,9vw,57px);margin:22px 0 8px}.process-wave{grid-column:1;grid-row:3;width:100%;height:55px;margin:0 0 8px}.process-grid{grid-column:1;grid-row:4;margin:8px 0 0;padding-left:16px}.process-grid>div{padding-left:32px}.process-grid>div:before{left:-22px}.process-grid p{max-width:none;font-size:11px}
  .contact{padding:28px 20px 185px}.contact h2{font-size:clamp(48px,11vw,66px)}.contact-side{margin-top:20px}.contact-primary,.contact-secondary{min-height:42px;padding:11px 13px;gap:10px;font-size:9px}.software-cluster{left:50%;right:auto;bottom:17px;transform:translateX(-50%);width:280px;height:130px;opacity:1}.cluster-icon{width:50px;height:50px}
  .footer{padding:20px;gap:10px}.footer-fractaljo img{width:125px}.footer span:nth-of-type(1){width:auto;font-size:7px}.footer span:nth-of-type(2){width:auto;margin-left:auto;font-size:7px}
}
@media(max-width:390px){.hero h1{font-size:44px}.hero-actions .button-primary{padding-inline:12px}.work-library .showcase-actions{gap:5px}.work-library .audio-toggle{font-size:8px}.work-library #showcase-watch{font-size:9px}.about h2{font-size:67px}.services .service-row{grid-template-columns:34px minmax(0,1fr) 78px}.service-art{height:74px}.contact-secondary{margin-left:0;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.hero-cube{animation:none}}

/* Final composition and legibility refinements. */
@media(min-width:801px){
  .portrait-studio .hero-photo{object-fit:contain;object-position:right bottom;mask-image:linear-gradient(90deg,transparent 27%,#000 58%),linear-gradient(180deg,transparent 0%,#000 19%,#000 86%,transparent 100%);mask-composite:intersect}
  .portrait-studio .hero-photo-wrap{background:transparent;mask-image:linear-gradient(90deg,transparent 10%,#000 57%,#000 100%),linear-gradient(180deg,transparent 0%,#000 18%,#000 85%,transparent 100%);mask-composite:intersect}
  .portrait-studio .hero-timeline{left:-19%;width:111%}
}
.process-grid>div{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:8px;padding-left:15px}
.process-grid span{position:static;grid-column:1;grid-row:1/3;align-self:start;padding-top:3px;font-size:11px}
.process-grid h3{grid-column:2;grid-row:1}
.process-grid p{grid-column:2;grid-row:2}
.process-wave{mask-image:linear-gradient(90deg,#000 0 70%,transparent 100%)}
.contact-content{grid-template-columns:minmax(0,.56fr) minmax(0,.44fr);align-items:start}
.contact h2{font-size:clamp(48px,4vw,66px);max-width:740px}
.contact-side{grid-column:1;grid-row:2;align-self:start;justify-self:start;max-width:none;margin:4px 0 0}
.software-cluster{position:relative;grid-column:2;grid-row:1/3;right:auto;bottom:auto;align-self:end;width:100%;height:210px;margin:0 0 4px}
.contact-direct{margin-top:16px}
@media(max-width:800px){
  .contact-content{grid-template-columns:1fr}
  .contact-side{grid-column:1;grid-row:2}
  .software-cluster{grid-column:1;grid-row:3;justify-self:center;width:min(100%,420px);height:145px;margin:10px 0 0}
}
@media(max-width:600px){
  .process-grid>div{padding-left:10px;grid-template-columns:32px minmax(0,1fr)}
  .contact{padding-bottom:22px}
  .software-cluster{left:auto;bottom:auto;transform:none;width:280px;height:130px}
}

/* Contact composition: compact editorial copy and one layered software cluster. */
.contact{min-height:0;padding:34px clamp(24px,5vw,88px) 30px;background:radial-gradient(ellipse 44% 95% at 80% 45%,#1d56c0 0%,transparent 72%),linear-gradient(105deg,#061841 0%,#0c2863 65%,#123680 100%)}
.contact .section-kicker{padding-bottom:10px;border-color:#7496d03b}
.contact .availability{display:none}
.contact-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:16px;align-items:start}
.contact h2{max-width:640px;margin:0 0 16px;font-size:clamp(46px,4.15vw,70px);line-height:.98;letter-spacing:-.07em}
.contact h2 i{color:#5e8eff}
.contact-side{grid-column:1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:none;margin:0;align-self:start}
.contact-primary,.contact-secondary{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:12px 16px;gap:24px;font-size:10px;white-space:nowrap}
.contact-primary{background:#3477ff;box-shadow:0 8px 25px #1d62ff7a}
.contact-secondary{border-color:#8eafff7a;background:#071d47b8}
.contact-secondary:before{content:'◉';display:inline-block;color:#fff;font-size:12px;margin-right:-16px}
.contact-side>p{flex:0 0 100%;max-width:620px;margin:4px 0 0;color:#bed4ff;font-size:11px;line-height:1.3}
.contact-direct{flex:0 0 100%;display:flex;flex-direction:row;align-items:center;gap:8px 18px;margin:0;padding:0;border:0}
.contact-direct span{display:none}
.contact-direct a{font-size:10px;color:#bbd2ff}
.software-cluster{position:relative;grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:min(100%,600px);height:230px;margin:0;pointer-events:none;isolation:isolate}
.software-cluster:before{content:'';position:absolute;inset:20% 6% -10%;z-index:-1;background:radial-gradient(ellipse at center,#4c91ff75,transparent 72%);filter:blur(20px)}
.cluster-icon{width:clamp(65px,6.7vw,103px);height:clamp(65px,6.7vw,103px);object-fit:contain;border-radius:18px;filter:drop-shadow(0 11px 9px #010b2eb3) drop-shadow(0 0 8px #5085fa40)}
.cluster-pr{left:2%;bottom:3%;z-index:1;transform:perspective(500px) rotateY(-10deg) rotate(-7deg)}
.cluster-ae{left:21%;top:13%;z-index:3;transform:perspective(500px) rotateY(-12deg) rotate(-6deg)}
.cluster-ps{left:37%;top:0;z-index:4;transform:perspective(500px) rotateY(-13deg) rotate(-8deg)}
.cluster-ai{left:23%;bottom:0;z-index:5;transform:perspective(500px) rotateY(-5deg) rotate(3deg)}
.cluster-blender{left:51%;top:9%;z-index:6;width:clamp(75px,7.2vw,111px);height:clamp(75px,7.2vw,111px);transform:rotate(8deg);filter:drop-shadow(0 9px 7px #040a20ce) drop-shadow(0 0 6px #ff9d366a)}
.cluster-resolve{left:43%;bottom:-1%;z-index:7;width:clamp(87px,8vw,122px);height:clamp(87px,8vw,122px);transform:rotate(5deg);filter:drop-shadow(0 13px 11px #010a26d6) drop-shadow(0 0 7px #60a4ff7a)}
.cluster-tags{position:absolute;z-index:8;left:67%;top:50%;display:grid;grid-template-columns:max-content max-content;gap:6px}
.cluster-tags span{display:block;width:max-content;padding:7px 14px;border:1px solid #82aaff8c;border-radius:999px;background:linear-gradient(130deg,#3d85ff,#2f5fdf);box-shadow:inset 0 1px #d6e8ff78,0 4px 10px #04143e8c;color:#fff;font:700 clamp(10px,.9vw,13px)/1 var(--body);white-space:nowrap}
.cluster-tags span:first-child{grid-column:1/3;justify-self:start}
@media(max-width:1050px){
  .contact h2{font-size:clamp(44px,4.6vw,58px)}
  .software-cluster{height:205px}
  .cluster-icon{width:75px;height:75px}
  .cluster-blender{width:84px;height:84px}
  .cluster-resolve{width:96px;height:96px}
  .cluster-tags span{padding:6px 10px;font-size:10px}
}
@media(max-width:800px){
  .contact-content{grid-template-columns:1fr}
  .contact h2{max-width:600px}
  .contact-side{grid-column:1;grid-row:2}
  .software-cluster{grid-column:1;grid-row:3;justify-self:center;width:min(100%,500px);height:210px;margin-top:18px}
}
@media(max-width:600px){
  .contact{padding:28px 20px 25px}
  .contact h2{font-size:clamp(43px,10.5vw,57px);max-width:450px}
  .contact-side{gap:8px}
  .contact-primary,.contact-secondary{font-size:8px;gap:10px;min-height:42px;padding:10px 12px}
  .contact-secondary:before{margin-right:-7px}
  .contact-side>p{font-size:10px}
  .contact-direct{gap:4px 11px}
  .contact-direct a{font-size:9px}
  .software-cluster{left:auto;right:auto;bottom:auto;transform:none;width:min(100%,350px);height:185px;margin:10px 0 0}
  .cluster-icon{width:68px;height:68px}
  .cluster-blender{width:72px;height:72px}
  .cluster-resolve{width:85px;height:85px}
  .cluster-tags{left:63%;top:57%;gap:4px}
  .cluster-tags span{padding:5px 8px;font-size:9px}
}
@media(max-width:390px){
  .contact h2{font-size:43px}
  .software-cluster{height:172px}
  .cluster-icon{width:60px;height:60px}
  .cluster-blender{width:67px;height:67px}
  .cluster-resolve{width:78px;height:78px}
  .cluster-tags span{font-size:8px}
}