@font-face{font-family:Ubuntu;src:url('assets/ubuntu-sans-web.woff2') format('woff2');font-weight:100 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#0D1117;color:#f2f5fa;font-family:Ubuntu,system-ui,sans-serif;font-size:16px;line-height:1.6}html[lang=id] [lang=en],html[lang=en] [lang=id]{display:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #00B2FF;outline-offset:5px}img{max-width:100%;display:block}p{color:#bac4d5;margin:0 0 20px}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;font-weight:550;margin:0 0 24px}h1{font-size:clamp(42px,4.3vw,67px)}h2{font-size:clamp(34px,3.2vw,48px)}h3{font-size:24px;line-height:1.25}em{font-style:normal;color:#00B2FF}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1344px;margin:20px auto 0;padding:12px 24px;border:1px solid #273449;border-radius:18px;background:#111925}.brand{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:650;letter-spacing:.08em;line-height:1.5}.brand img{object-fit:contain}.header nav{display:flex;gap:32px;font-size:14px;color:#c0c6d4}.header nav a:hover,.text-link:hover{color:#00B2FF}.language{border:1px solid #35445c;border-radius:24px;padding:3px;display:flex;gap:2px}.language button{border:0;background:none;color:#b9c4d7;border-radius:20px;padding:7px 11px;font-size:12px;min-height:36px}.language button[aria-pressed=true]{background:#0057FF;color:white}.hero{padding:90px 0 75px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;position:relative}.eyebrow{color:#00b2ff;font-size:11px;font-weight:650;letter-spacing:.16em;margin-bottom:24px}.hero-copy>p:not(.eyebrow){max-width:580px;font-size:18px}.hero-copy>p:last-child{font-size:13px;margin-top:26px;max-width:440px;color:#95a5bb}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:32px 0}.button{border:1px solid #1687ff;border-radius:8px;background:linear-gradient(120deg,#0057FF,#0077eb);color:white;font-weight:600;padding:15px 22px;display:inline-flex;justify-content:center;align-items:center;gap:20px;line-height:1.4;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px);background:#006bff}.text-link{font-size:14px;font-weight:600;display:inline-block;border-bottom:1px solid #4a6d8c;padding-bottom:5px}.hero-art{position:relative;min-width:0;min-height:430px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:-70px -20px;background:radial-gradient(ellipse,#0057ff38,transparent 68%);z-index:-2}.orbit{position:absolute;width:100%;aspect-ratio:1;border:1px solid #214064;border-radius:50%;z-index:-1}.orbit:before,.orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #1c344e;border-radius:50%}.orbit:after{inset:65px;border-style:solid}.map-hero{width:88%;height:330px;object-fit:cover;border-radius:12px;transform:perspective(1000px) rotateY(-13deg) rotateX(7deg) rotateZ(-5deg);border:5px solid #263950;box-shadow:0 30px 70px #0009}.float-label{position:absolute;left:0;top:0;background:#101d2deb;backdrop-filter:blur(12px);padding:14px 22px;border:1px solid #36577a;border-radius:10px;font-size:10px;color:#00B2FF;letter-spacing:.1em}.float-label strong{display:block;color:#f2f5fa;font-size:13px;letter-spacing:.06em;margin-top:4px}.mini-map{position:absolute;right:0;bottom:-10px;width:59%;background:#111c2b;padding:7px;border:1px solid #3c5875;border-radius:10px;box-shadow:0 20px 60px #0007}.mini-map img{width:100%;height:105px;object-fit:cover;border-radius:4px}.mini-map span{font-size:11px;display:block;padding:7px 6px 2px}.deliveries{padding:25px 0;border-block:1px solid #29313e;display:flex;gap:30px;align-items:center;justify-content:space-between;color:#aab7ca;font-size:12px}.deliveries>span{max-width:220px}.deliveries strong{letter-spacing:.1em;font-size:12px;font-weight:500;color:#d5deeb}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:44px}.section-head h2{flex:1;margin:0}.section-head p{width:390px;max-width:44%;margin:0;font-size:16px}.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.case{border:1px solid #29384b;background:linear-gradient(140deg,#172130,#10161f);border-radius:14px;overflow:hidden;transition:border-color .25s,transform .25s}.case:hover{border-color:#2676b9;transform:translateY(-3px)}.case-img{height:255px;position:relative;background:#e2e6df;padding:0}.case-img img{width:100%;height:100%;object-fit:cover}.case:last-child .case-img{background:white}.case:last-child .case-img img{object-fit:cover;padding:0}.case-num{position:absolute;left:16px;top:16px;background:#0d1117ed;color:#fff;padding:4px 9px;font-size:12px;border:1px solid #52617a;border-radius:5px}.case-body{padding:25px 28px 28px}.case-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#a5b5c9;margin-bottom:16px}.status{color:#ffd085;background:#edb54a10;padding:4px 8px;border:1px solid #715830;border-radius:24px;white-space:nowrap}.status.accepted{color:#81d9c2;background:#44d6bb0b;border-color:#315c56}.case h3{margin-bottom:12px}.case p{font-size:14px;margin-bottom:0;line-height:1.7}.fine{font-size:12px;max-width:800px;margin:25px 0 0;color:#9daec4}.services{background:radial-gradient(ellipse at 100% 20%,#0057ff10,transparent 50%),#101720;border-block:1px solid #253040}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service{position:relative;border:1px solid #2b394c;background:#ffffff03;border-radius:12px;padding:30px 32px}.letter{display:inline-grid;place-items:center;border:1px solid #2c5b88;background:#0057ff16;color:#00B2FF;width:37px;height:37px;border-radius:9px;font-size:16px;margin-bottom:24px}.service h3{margin-bottom:13px;font-size:23px}.service p{font-size:14px;margin-bottom:23px;max-width:400px}.service ul{margin:0 0 28px;padding:0;list-style:none}.service li{font-size:14px;border-top:1px solid #ffffff0c;padding:10px 0 10px 20px;position:relative;line-height:1.45;color:#d8e2ee}.service li:before{content:'↗';color:#00B2FF;position:absolute;left:0;font-size:11px;top:12px}.formats{border-top:1px solid #2a394c;padding-top:15px;color:#90a8c4;font-size:11px;letter-spacing:.06em}.service-call{background:radial-gradient(ellipse at 100% 100%,#0057ff35,transparent 65%),#10243b;display:flex;flex-direction:column;justify-content:center}.service-call h3{font-size:34px;max-width:350px}.service-call .text-link{align-self:flex-start;margin-top:15px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 40px;counter-reset:step}.steps li{border-top:1px solid #34465f;padding:22px 0 15px;counter-increment:step}.steps li:before{content:'0' counter(step);display:block;font-size:12px;color:#00b2ff;letter-spacing:.1em;margin-bottom:18px}.steps h3{font-size:20px;margin-bottom:12px}.steps p{font-size:14px}.principle{font-size:20px;padding:26px 30px;border:1px solid #284d72;border-radius:12px;background:linear-gradient(90deg,#0057ff18,transparent);color:#dce7f4;margin-top:25px}.engine{border-block:1px solid #25364b;background:radial-gradient(ellipse at 0 100%,#0057ff24,transparent 65%)}.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:45px}.engine-grid article{border-top:1px solid #3c526e;padding-top:28px}.product{font-size:36px;font-weight:600;letter-spacing:.06em;color:#00B2FF;display:block;margin-bottom:16px}.engine h3{font-size:21px;margin-bottom:16px}.engine p{font-size:15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact>div>p{max-width:480px}.contact .direct-wa{margin:7px 0 30px}.contact>div>p:last-child{font-size:12px;max-width:400px}.contact form{background:#151f2d;border:1px solid #31445d;border-radius:16px;padding:30px;align-self:start;display:flex;flex-direction:column}label{font-size:13px;margin-bottom:8px;color:#d7dfec}input,textarea{background:#0c131e;border:1px solid #3b4c64;border-radius:6px;padding:12px;color:#fff;width:100%;margin-bottom:22px;resize:vertical;min-width:0}textarea::placeholder{color:#8a9db7}.contact .button{width:100%}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #2b3849;padding-top:35px;padding-bottom:40px;font-size:12px}footer p{margin:5px 0 0;font-size:12px}.legal{font-size:11px;line-height:1.9;color:#a3b3c8}footer>a{white-space:nowrap}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:#0057ff;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.header{max-width:1344px}}@media(max-width:1000px){.header{margin:16px 24px 0}.wrap{width:calc(100% - 48px)}.hero{gap:20px;padding-top:70px}.hero-art{min-height:350px}.map-hero{height:280px}.hero h1{font-size:45px}.hero-copy>p:not(.eyebrow){font-size:16px}.header nav{gap:20px}.case-body{padding:23px}.case-meta{flex-wrap:wrap}.contact{gap:40px}.deliveries{gap:20px}.section-head{gap:30px}.case-img{height:220px}}@media(max-width:700px){html{scroll-padding-top:24px}.header{margin:12px 16px 0;padding:10px 12px;gap:10px;border-radius:12px}.brand{font-size:8px;gap:7px;letter-spacing:.05em}.brand img{width:40px;height:40px}.header nav{display:none}.language button{padding:7px 10px}.wrap{width:calc(100% - 40px)}.hero{display:flex;flex-direction:column;padding:48px 0 35px;gap:26px}.hero h1{font-size:43px;letter-spacing:-.045em;line-height:1.09;margin-bottom:24px}.hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}.hero-copy>p:last-child{font-size:12px;line-height:1.6;margin:22px 0 0}.actions{gap:20px;margin:27px 0}.button{padding:14px 17px;font-size:14px}.text-link{font-size:13px}.hero-art{width:100%;min-height:305px;margin-top:15px}.map-hero{height:245px;width:87%}.float-label{padding:9px 13px;font-size:8px;left:0;top:0}.float-label strong{font-size:10px}.mini-map{width:58%;bottom:0}.mini-map img{height:77px}.mini-map span{font-size:9px}.deliveries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px;padding:24px 0}.deliveries>span{grid-column:1/-1;max-width:none;font-size:12px}.deliveries strong{font-size:10px;letter-spacing:.07em}.section{padding-top:62px;padding-bottom:62px}h2{font-size:34px;line-height:1.15}.eyebrow{font-size:10px;margin-bottom:20px}.section-head{display:block;margin-bottom:30px}.section-head p{width:auto;max-width:none;margin-top:22px;font-size:15px}.cases{grid-template-columns:1fr;gap:22px}.case-img{height:205px}.case-body{padding:22px}.case h3{font-size:23px}.case-meta{font-size:10px;gap:8px;margin-bottom:15px}.case p{font-size:14px}.fine{font-size:11px}.service-grid{grid-template-columns:1fr;gap:16px}.service{padding:25px}.service h3{font-size:23px}.letter{margin-bottom:20px}.service li{padding-block:11px}.service-call{padding-block:36px}.service-call h3{font-size:30px}.steps{grid-template-columns:1fr 1fr;gap:10px 24px}.steps h3{font-size:18px}.steps p{font-size:13px}.principle{font-size:19px;line-height:1.5;padding:22px}.engine-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}.product{font-size:32px}.contact{grid-template-columns:1fr;gap:28px}.contact h2{font-size:37px}.contact>div>p{font-size:15px}.contact form{padding:24px}footer{flex-direction:column;align-items:flex-start;gap:22px;padding-block:30px}.legal{font-size:10px}input,textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Editorial photography provides a visual pause between working disciplines. */
.hero-art{display:block;min-height:510px;padding-top:25px}.hero-art .orbit{display:none}.map-hero{width:100%;height:470px;transform:none;border:1px solid #35516c;border-radius:100px 14px 14px 14px;object-fit:cover;box-shadow:0 24px 70px #0008}.float-label{top:auto;bottom:54px;left:-16px;font-size:12px;letter-spacing:.08em;padding:20px}.hero-caption{font-size:10px;text-align:right;margin:10px 0 0;color:#aab8ca}.editorial-photo{margin:0 0 42px;position:relative;border-radius:14px;overflow:hidden;border:1px solid #34485e;background:#111925}.editorial-photo img{width:100%;height:330px;object-fit:cover}.editorial-photo figcaption{position:absolute;bottom:12px;right:14px;background:#0d1117e8;color:#c0c6d4;padding:5px 12px;border-radius:4px;font-size:10px;letter-spacing:.06em}.engine .editorial-photo{margin-top:38px}.case-img img{object-fit:cover;background:#e9ece6}.case:nth-child(even){background:linear-gradient(145deg,#182a3b,#10161f)}
@media(max-width:700px){.hero-art{min-height:0;padding-top:0;margin-top:8px}.map-hero{height:320px;border-radius:65px 12px 12px 12px}.float-label{left:-6px;bottom:47px;padding:14px;font-size:10px}.hero-caption{font-size:9px}.editorial-photo img{height:240px}.editorial-photo{margin-bottom:30px}.hero h1{font-size:42px}.case-img{height:220px}}

.chat-heading{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:20px}.chat-dot{width:8px;height:8px;background:#00b2ff;border-radius:50%}#messages{height:285px;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:2px 5px 16px 0;overscroll-behavior:contain}.bubble{max-width:94%;padding:13px 16px;border-radius:12px;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.assistant{background:#213044;border:1px solid #364b65;align-self:flex-start}.bubble.user{background:#0757bc;align-self:flex-end;color:#fff}#chat-status{min-height:22px;margin:4px 0 10px;font-size:12px;color:#91bddf}.contact .chat-privacy{font-size:11px;line-height:1.6;margin:14px 0 0;color:#9eafc5}.contact textarea{margin-bottom:14px}.contact button:disabled{opacity:.65;cursor:wait}.contact{gap:65px}@media(max-width:700px){.contact{gap:28px}.bubble{font-size:14px}#messages{height:290px}}
.contact-mail{margin-top:18px}.contact-mail .text-link{margin-left:4px}
.chat-contact input[type=text]{margin-bottom:14px}.chat-contact .consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:#b9c6d8;margin:2px 0 18px}.chat-contact .consent input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}.chat-contact[hidden]{display:none}
/* Evidence-led editorial revision */
.header{border-radius:0;background:transparent;border-width:0 0 1px;padding:14px 0;max-width:1240px}
.hero{padding:64px 0 54px;grid-template-columns:1fr 1.1fr;gap:60px;min-height:0}
.hero h1{font-size:clamp(40px,4.5vw,65px);line-height:1.08;letter-spacing:-.045em}
.hero-art{padding:0;min-height:0;position:relative;align-self:stretch;overflow:hidden;border-radius:2px;background:#20362e}
.hero-art:before{display:none}.map-hero{height:100%;min-height:485px;width:100%;border:0;border-radius:0;box-shadow:none;object-fit:cover;transform:none}
.ortho-label{position:absolute;left:22px;top:22px;font-size:10px;letter-spacing:.13em;background:#0d1117df;padding:7px 10px}
.ortho-foot{position:absolute;bottom:0;left:0;right:0;padding:60px 25px 24px;background:linear-gradient(transparent,#07110fec);display:flex;gap:20px;align-items:end}.ortho-foot strong{font-size:66px;line-height:1;letter-spacing:-.05em}.ortho-foot small{font-size:25px;letter-spacing:0}.ortho-foot p{font-size:11px;color:white;margin:0 0 3px}
.deliveries{padding:20px 0}.section{padding-block:76px}
#karya{background:#edf0eb;color:#142634;width:100%;padding-inline:max(48px,calc((100% - 1240px)/2))}
#karya em{color:#0057cc}#karya p{color:#4c5e68}#karya .eyebrow{color:#0057cc}.cases{gap:44px 30px;grid-template-columns:repeat(12,minmax(0,1fr))}.case{grid-column:span 6;background:none!important;border:0;border-radius:0;overflow:visible}.case:hover{transform:none}.case:nth-child(1){grid-column:span 7}.case:nth-child(2){grid-column:span 5}.case:nth-child(3){grid-column:span 5}.case:nth-child(4){grid-column:span 7}.case-img{height:300px;background:#d9ded4;overflow:hidden}.case-img img{object-fit:contain}.case:nth-child(2) .case-img{height:300px}.case:nth-child(3) .case-img img{object-fit:cover;object-position:center}.case-body{padding:20px 0 0}.case-num{border-radius:0;font-size:10px}.case-meta{color:#526675;margin-bottom:10px}.work-stat{font-size:42px;line-height:1.1;letter-spacing:-.045em;color:#0057cc;margin-bottom:16px}.work-stat small{font-size:13px;letter-spacing:0;color:#435b6b}.case h3{font-size:25px}.case p{line-height:1.65}.detail-link{font-size:12px;color:#0057cc;display:inline-block;margin-top:12px;border-bottom:1px solid}.full-work{display:block;height:100%}
.services{background:#101c29}.services .editorial-photo{width:38%;float:right;margin:0 0 30px 45px}.services .editorial-photo img{height:290px}.service-grid{display:block;overflow:hidden}.service{padding:0;border:0;border-radius:0;background:transparent;border-top:1px solid #35475c}.service summary{list-style:none;display:flex;align-items:center;gap:18px;padding:22px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service summary h3{font-size:22px;margin:0;flex:1}.letter{margin:0;border:0;width:26px;height:auto;background:none;color:#7c9db7;font-size:13px}.expand{font-size:24px;color:#00b2ff}.service[open] .expand{transform:rotate(45deg)}.service>p,.service>ul,.service>.formats{margin-left:44px}.service li{padding-block:8px}.formats{margin-bottom:22px}.service-call{padding:30px;margin-top:22px;clear:both}.service-call h3{max-width:600px;font-size:29px}.service-call p{max-width:650px}.services .wrap:after{content:'';display:block;clear:both}
.editorial-photo{border:0;border-radius:0}.landscape{margin-bottom:40px}.landscape img{height:270px;object-position:center 55%}.engine .editorial-photo img{height:300px}.engine-grid{gap:50px}.contact form{border-radius:4px}.contact{gap:60px}#messages{height:auto;max-height:310px;min-height:95px;padding-bottom:4px}.bubble{border-radius:3px}.principle{border-radius:0;border-width:0 0 0 3px}.button{border-radius:3px}.contact h2{font-size:46px}
@media(max-width:700px){.header{margin:8px 20px 0;padding:10px 0}.hero{padding:36px 0 30px;gap:24px}.hero h1{font-size:40px;line-height:1.08;margin-bottom:18px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:18px}.hero-copy>p:last-child{margin-top:16px}.actions{margin:22px 0;gap:18px}.hero-art{margin:0;align-self:auto;width:100%}.map-hero{height:355px;min-height:0;border-radius:0}.ortho-foot{padding:60px 18px 18px;gap:16px}.ortho-foot strong{font-size:58px}.ortho-foot p{font-size:10px}.ortho-label{top:16px;left:16px;font-size:8px}.section{padding-block:48px}.deliveries{gap:12px;padding:18px 0}#karya{padding-inline:20px}.section-head{margin-bottom:28px}.section-head p{margin-top:18px}.cases{display:block}.case{margin-bottom:34px}.case-img,.case:nth-child(2) .case-img{height:235px}.case:nth-child(3) .case-img{height:165px}.case:nth-child(6) .case-img{height:195px;overflow-x:auto;background:white}.case:nth-child(6) .full-work{width:550px}.case:nth-child(6) .case-img img{max-width:none;width:550px;object-fit:contain}.case-body{padding-top:16px}.work-stat{font-size:38px;margin-bottom:12px}.case h3{font-size:24px}.case-meta{margin-bottom:10px}.case p{line-height:1.6}.case:last-child{margin-bottom:0}.services .editorial-photo{float:none;width:100%;margin:0 0 24px}.services .editorial-photo img{height:200px}.service summary{padding:19px 0;gap:10px}.service summary h3{font-size:20px}.service>p,.service>ul,.service>.formats{margin-left:36px}.service li{font-size:13px}.service-call{padding:24px}.service-call>p{margin-left:0}.service-call h3{font-size:26px}.landscape img{height:210px}.steps{gap:8px 20px}.steps li{padding-top:16px}.steps li:before{margin-bottom:12px}.steps p{margin-bottom:10px}.principle{font-size:17px;padding:16px 20px}.engine .editorial-photo{margin-top:26px}.engine .editorial-photo img{height:210px}.engine-grid{gap:24px}.engine-grid article{padding-top:20px}.contact{gap:22px}.contact h2{font-size:36px}.contact form{padding:20px}#messages{min-height:105px;max-height:260px}.chat-heading{margin-bottom:14px}.contact input{margin-bottom:14px}.contact label{display:block}.contact-mail{margin-bottom:0}}
#proses>.editorial-photo:not(.landscape){float:left;width:30%;margin:0 5% 28px 0}#proses>.editorial-photo:not(.landscape) img{height:455px;object-position:center 30%}#proses .steps{grid-template-columns:1fr 1fr}#proses .principle{clear:both}
.case:nth-child(3) .case-img{overflow-x:auto;background:#f6f7f7}.case:nth-child(3) .full-work{width:650px}.case:nth-child(3) .case-img img{width:650px;max-width:none;object-fit:contain}
@media(max-width:700px){#proses>.editorial-photo:not(.landscape){float:none;width:100%;margin:0 0 28px}#proses>.editorial-photo:not(.landscape) img{height:280px;object-position:center 22%}.case:nth-child(3) .case-img{height:250px}}

/* r5b: each evidence frame follows its source proportions; axes remain intact. */
.case .case-img,.case:nth-child(2) .case-img{height:auto;background:transparent}
.case .case-img img,.case:last-child .case-img img,.case:nth-child(3) .case-img img{width:100%;height:auto;object-fit:contain;padding:0}
.case .full-work{height:auto}
@media(max-width:700px){
.case .case-img:has(img[data-utuh]){overflow-x:auto;overscroll-behavior-x:contain}
.case .case-img:has(img[data-utuh]) .full-work{width:680px}
.case .case-img img[data-utuh]{max-width:none}
}
.cases .case:nth-child(n) .case-img{height:auto}
.cases .case:nth-child(n) .full-work{width:100%;height:auto}
.cases .case:nth-child(n) .case-img img{width:100%;height:auto}
.scroll-hint{display:none}
@media(max-width:700px){
.cases .case:nth-child(n) .case-img:has(img[data-utuh]) .full-work{width:680px}
.case .scroll-hint{display:block}
}
/* r5c: the orthophoto has no hard corners; it dissolves into the page and drifts slowly. */
.hero-art{overflow:visible;border-radius:0;background:none}
.hero-art:before{display:block;content:'';position:absolute;inset:-8% -6%;background:radial-gradient(ellipse at 55% 50%,#0057ff2e,transparent 65%);z-index:-1}
.map-hero{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);animation:ortho-drift 40s ease-in-out infinite alternate}
@keyframes ortho-drift{from{transform:scale(1)}to{transform:scale(1.06) translate(-1%,-1%)}}
@media (prefers-reduced-motion:reduce){.map-hero{animation:none}}
.ortho-label{left:14%;top:14%;background:#0d1117b8;backdrop-filter:blur(6px);border-radius:999px;padding:7px 14px}
.ortho-foot{left:12%;right:10%;bottom:12%;padding:0;background:none;text-shadow:0 2px 14px #000c,0 0 2px #000}
.hero{overflow-x:clip}
.ortho-foot strong{white-space:nowrap}@media (max-width:600px){.ortho-foot{left:11%;right:9%;bottom:13%;gap:12px}.ortho-foot strong{font-size:46px}.ortho-foot small{font-size:19px}.ortho-foot p{font-size:9.5px}.ortho-label{left:12%;top:13%}}
/* r6b */
.work-stat-long{font-size:clamp(24px,2.8vw,38px);font-variant-numeric:tabular-nums;white-space:nowrap}.work-stat-long [data-type]{display:inline-block}.typing:after{content:"";display:inline-block;width:.08em;height:.9em;margin-left:.06em;background:currentColor;vertical-align:-.08em;animation:caret .8s steps(1) infinite}@keyframes caret{50%{opacity:0}}@media (max-width:600px){.work-stat-long{font-size:clamp(22px,7vw,30px)}}

.survey{margin-top:34px;padding:28px 32px;border:1px solid #2b3a52;border-left:4px solid #d4a648;border-radius:12px;background:linear-gradient(120deg,rgba(31,58,95,.55),rgba(13,17,23,.4));display:flex;gap:28px;align-items:center;justify-content:space-between}
.survey-text{max-width:720px}.survey-kicker{display:block;color:#ecc875;font-size:12px;letter-spacing:.14em;font-weight:600;margin-bottom:8px}
.survey h2{margin:0 0 8px;font-size:clamp(22px,2.4vw,30px);line-height:1.25}.survey p{margin:0;color:#aab7ca;line-height:1.6}
.survey-button{flex:none;width:auto;white-space:nowrap}
@media(max-width:760px){.survey{flex-direction:column;align-items:stretch;padding:22px 20px}.survey-button{width:100%}}