.cl-page{--cl-ink:#163b48;--cl-muted:#587782;--cl-line:#9dbfc04d;--cl-panel:#eef7f6;--cl-accent:#087f70}.cl-page h2,.cl-page h3{font-weight:400;line-height:1.5}.cl-page p{line-height:1.95}.cl-page button{font:inherit;cursor:pointer}.cl-page button:focus-visible,.cl-page a:focus-visible,.cl-page input:focus-visible{outline:3px solid #1eb69d;outline-offset:5px}.cl-page [hidden]{display:none!important}.cl-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center;position:relative;padding:42px 0 80px}.cl-hero h2{font-size:clamp(36px,4.4vw,62px);line-height:1.4;margin:18px 0}.cl-hero em,.cl-approach em{font-style:normal;color:var(--cl-accent)}.cl-hero-copy>p{font-size:16px;max-width:490px;color:var(--cl-muted)}.cl-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:28px 0}.cl-text-link{color:var(--cl-accent);text-decoration:none;border-bottom:1px solid #339b8e66;padding:7px 0;display:inline-block}.cl-signature{display:flex;gap:16px;align-items:center;border-top:1px solid var(--cl-line);padding-top:24px;margin-top:35px}.cl-signature b{font-size:28px;letter-spacing:3px;color:var(--cl-accent)}.cl-signature span{font-size:12px;max-width:220px;line-height:1.9;color:var(--cl-muted)}.cl-universe{height:520px;position:relative;perspective:1100px;background:radial-gradient(ellipse,#1cb89c28,transparent 65%);isolation:isolate}.cl-universe:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#4e9e9f15 1px,transparent 1px),linear-gradient(90deg,#4e9e9f15 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:rotate(-10deg)}.cl-orbit{position:absolute;width:380px;height:380px;border:1px solid #3aafa540;border-radius:50%;top:50px;left:50%;translate:-50% 0;animation:cl-orbit 35s linear infinite}.cl-orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#43d5b5;top:20px;left:90px;box-shadow:0 0 25px #21c9a4}.cl-float{position:absolute;width:60%;height:320px;border:1px solid #86ddd27d;border-radius:14px;overflow:hidden;padding:0;text-align:start;background:#102731;box-shadow:0 30px 70px #021c3438;animation:cl-float 7s ease-in-out infinite;transition:box-shadow .3s}.cl-float:hover{box-shadow:0 20px 70px #1ab49a55;animation-play-state:paused}.cl-float span{display:block;padding:10px 15px;font-size:8px;letter-spacing:2px;color:#b1e8df}.cl-float img{width:100%;height:calc(100% - 32px);object-fit:cover;object-position:top}.cl-float-0{top:40px;left:4%;transform:rotateY(14deg) rotateZ(-8deg);z-index:2}.cl-float-1{top:130px;right:0;transform:rotateY(-14deg) rotateZ(8deg);animation-delay:-2s;z-index:3}.cl-float-2{top:220px;left:13%;transform:rotateY(12deg) rotateZ(-5deg);animation-delay:-4s;z-index:4;width:45%;height:250px}.cl-universe-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:var(--cl-muted)}#cl-motion{position:absolute;bottom:28px;inset-inline-start:0;background:none;color:var(--cl-muted);border:0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.cl-paused .cl-universe *{animation-play-state:paused!important}.cl-work{padding:35px 0;scroll-margin-top:100px}.cl-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.cl-section-heading h2{font-size:clamp(26px,3vw,38px);max-width:620px}.cl-section-heading>p{font-size:12px;color:var(--cl-muted);max-width:290px}.cl-tools{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:25px 0}.cl-filters{display:flex;gap:8px;flex-wrap:wrap}.cl-filters button,.cl-view-controls button{background:none;color:inherit;border:1px solid var(--cl-line);border-radius:99px;padding:10px 16px;font-size:12px}.cl-filters button[aria-pressed=true],.cl-view-controls button[aria-pressed=true]{background:var(--cl-accent);border-color:var(--cl-accent);color:white}.cl-search{display:grid;gap:8px;font-size:12px;min-width:210px;color:var(--cl-muted)}.cl-search input{font:inherit;background:transparent;border:1px solid var(--cl-line);border-radius:12px;padding:12px;color:inherit;width:100%;box-sizing:border-box}#cl-status{font-size:12px;color:var(--cl-muted);margin:20px 0}.cl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.cl-card{min-width:0;border:1px solid var(--cl-line);border-radius:20px;overflow:hidden;background:var(--cl-panel);transition:transform .35s,box-shadow .35s}.cl-card:nth-child(6n+1){grid-column:span 2}.cl-card>button{display:block;width:100%;text-align:start;padding:0;border:0;background:none;color:inherit}.cl-window{display:flex;justify-content:space-between;gap:8px;padding:13px 17px;border-bottom:1px solid var(--cl-line);direction:ltr}.cl-window>span{display:flex;gap:5px;align-items:center}.cl-window i{width:5px;height:5px;border-radius:50%;background:#5b9c9c}.cl-window small{font-size:8px;letter-spacing:2px;color:var(--cl-muted)}.cl-shot{height:260px;overflow:hidden;background:#e2e9e8}.cl-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 4s ease,scale .6s}.cl-card:nth-child(6n+1) .cl-shot{height:360px}.cl-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px #02253018}.cl-card:hover img{object-position:bottom;scale:1.015}.cl-card-copy{padding:22px}.cl-card-copy>span{font-size:10px;color:var(--cl-muted)}.cl-card h3{font-size:22px;margin:10px 0}.cl-card p{font-size:12px;color:var(--cl-accent);display:flex;justify-content:space-between;margin:12px 0 0}.cl-card b{font-size:23px}.cl-more{display:block;margin:35px auto 15px;cursor:pointer}.cl-approach{border-block:1px solid var(--cl-line);padding:45px 0;margin:50px 0}.cl-approach>h2{font-size:clamp(30px,4vw,48px);margin:15px 0 30px}.cl-approach>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cl-approach article{border-inline-start:1px solid var(--cl-line);padding-inline-start:20px}.cl-approach article>span{color:var(--cl-accent);font-size:12px}.cl-approach h3{font-size:22px;margin:12px 0}.cl-approach p{font-size:14px;color:var(--cl-muted)}.cl-approach>.cl-text-link{margin-top:24px}#cl-dialog{box-sizing:border-box;width:min(1120px,94vw);max-height:92dvh;padding:0;border:1px solid var(--cl-line);border-radius:23px;background:var(--cl-panel);color:inherit;overscroll-behavior:contain}#cl-dialog::backdrop{background:#00101cdd;backdrop-filter:blur(8px)}.cl-dialog-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--cl-line)}#cl-dialog-code{font-size:11px;letter-spacing:2px;color:var(--cl-accent)}#cl-close{width:40px;height:40px;border:1px solid var(--cl-line);border-radius:50%;background:none;color:inherit;font-size:24px}.cl-dialog-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:28px}.cl-viewer{min-width:0}.cl-view-controls{display:flex;gap:8px;margin-bottom:18px}.cl-image-frame{max-height:65dvh;overflow:auto;background:#dce6e5;border:1px solid var(--cl-line);width:100%;margin:auto;transition:width .35s}.cl-image-frame.narrow{width:260px;max-width:100%}.cl-image-frame img{display:block;width:100%;height:auto}.cl-detail-copy h2{font-size:30px;margin:15px 0}.cl-detail-copy p,.cl-detail-copy dd{font-size:14px;line-height:1.9;color:var(--cl-muted)}.cl-detail-copy dl{border-block:1px solid var(--cl-line);padding:18px 0}.cl-detail-copy dt{font-size:12px;color:var(--cl-accent);margin-top:12px}.cl-detail-copy dd{margin:5px 0}.cl-detail-copy .cl-detail-note{font-size:12px}.cl-detail-copy>.cl-text-link{display:block;width:fit-content;margin-top:15px}.cl-dialog-nav{display:flex;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--cl-line);gap:18px}.cl-dialog-nav button{font:inherit;background:none;color:inherit;border:1px solid var(--cl-line);padding:12px 20px;border-radius:12px}.cl-modal-open{overflow:hidden}html[data-theme=dark] .cl-page{--cl-ink:#d8ebef;--cl-muted:#9bb6c1;--cl-line:#50757c55;--cl-panel:#0c1d29;--cl-accent:#67e9cb}html[data-theme=dark] .cl-page .cl-filters button[aria-pressed=true],html[data-theme=dark] .cl-page .cl-view-controls button[aria-pressed=true]{color:#052b25}.cl-page :where(#cl-dialog){color:var(--cl-ink)}
@keyframes cl-float{0%,100%{translate:0 0}50%{translate:0 -15px}}@keyframes cl-orbit{to{rotate:360deg}}
@media(max-width:950px){.cl-hero{grid-template-columns:1fr}.cl-universe{max-width:580px;width:100%;justify-self:center}.cl-tools{align-items:stretch;flex-direction:column}.cl-search{max-width:400px}.cl-dialog-layout{grid-template-columns:1fr}.cl-image-frame{max-height:45dvh}.cl-section-heading{align-items:start;flex-direction:column;gap:0}.cl-section-heading>p{max-width:100%}.cl-grid{gap:16px}.cl-card h3{font-size:19px}}
@media(max-width:600px){.cl-hero{padding-top:20px;gap:12px}.cl-hero h2{font-size:39px}.cl-universe{height:390px}.cl-float{height:245px}.cl-float-0{top:20px}.cl-float-1{top:80px}.cl-float-2{top:165px;height:195px}.cl-orbit{width:290px;height:290px;top:20px}.cl-grid{grid-template-columns:1fr}.cl-card:nth-child(6n+1){grid-column:auto}.cl-shot,.cl-card:nth-child(6n+1) .cl-shot{height:290px}.cl-card-copy{padding:20px}.cl-approach>div{grid-template-columns:1fr;gap:18px}.cl-dialog-layout{padding:18px;gap:20px}.cl-dialog-top{padding:12px 18px}.cl-dialog-nav{padding:18px}.cl-dialog-nav button{font-size:12px;padding:11px}.cl-detail-copy h2{font-size:25px}.cl-filters button{padding:10px 12px}.cl-signature{gap:12px}.cl-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.cl-page *{animation:none!important;transition:none!important}.cl-card:hover{transform:none}}