/* Soft azure and concentric circles are the visual thread of the portfolio. */
:root{--accent:#a3d8ee;--blue-deep:#22516a;--ease:cubic-bezier(.16,1,.3,1)}
.brand svg{stroke:var(--ink);stroke-width:2.5;fill:var(--accent);transition:transform .6s var(--ease),stroke-width .6s}.brand:hover svg{transform:scale(.8);stroke-width:5}.brand-dot{color:var(--blue-deep)}
h1 .title-word{color:var(--ink)}h1 .hero-dot{display:inline-block;width:.17em;height:.17em;margin-left:.015em;border-radius:50%;background:var(--accent);position:relative;vertical-align:baseline;animation:dotIn 1s .25s var(--ease) both}h1 .hero-dot:after{content:'';position:absolute;inset:-20%;border:1px solid var(--accent);border-radius:50%;animation:dotEcho 4s 1.4s ease-in-out infinite}
h2 span{color:var(--blue-deep)}.about h2 span{color:var(--accent)}.live-dot{background:var(--blue-deep)}.hero-top,h1,.hero-caption{animation-duration:1s;animation-timing-function:var(--ease)}.hero-gallery{animation:none}.photo-clip{isolation:isolate}.hero-main{animation:apertureIn 1.5s .15s var(--ease) both}.hero-secondary{animation:apertureIn 1.5s .35s var(--ease) both}.hero-gallery img{scale:1.06;transition:transform 1.1s var(--ease),translate .15s linear}.hero-main:hover img,.hero-secondary:hover img{transform:scale(1.04)}
.orbit-note{overflow:hidden;animation:noteIn 1.2s .5s var(--ease) both}.orbit-note p{position:relative;z-index:1}.orbit-note>span{position:relative}.orbit-mark{position:absolute;width:170px;height:170px;top:22px;left:50%;translate:-50% 0;animation:orbit 24s linear infinite}.orbit-mark i{position:absolute;border:1px solid #25272070;border-radius:50%;inset:0}.orbit-mark i:nth-child(2){inset:24px}.orbit-mark i:nth-child(3){inset:49px}.orbit-mark b{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--ink);left:50%;top:-6px}.orbit-note:after{content:'';position:absolute;width:220px;height:220px;right:-100px;bottom:-125px;border:1px solid #25272030;border-radius:50%}.orbit-note svg{display:none}.ticker{background:#e3ebed}.ticker b{font-size:38px;font-weight:400;color:var(--blue-deep)}
.pill,.country-filters button.active{color:var(--ink)}.pill:hover{background:#87c9e6}.country-filters button.active{border-color:#74b4d3}.round-arrow:hover{color:var(--ink)}.text-link:hover{color:var(--blue-deep)}.contact-link:hover{background:var(--blue-deep)}.round-arrow,.contact-orbit,.contact-link,.scroll-orbit{translate:var(--mag-x,0px) var(--mag-y,0px);transition:translate .45s var(--ease),transform .45s var(--ease),background .3s}.contact-orbit{position:relative;isolation:isolate}.contact-orbit:before,.contact-orbit:after{content:'';position:absolute;border:1px solid #22516a40;border-radius:50%;inset:-12px;pointer-events:none;transition:inset .6s var(--ease)}.contact-orbit:after{inset:-24px;border-color:#22516a20}.contact-orbit:hover:before{inset:-19px}.contact-orbit:hover:after{inset:-39px}
.project-card{animation:none}.card-image{clip-path:circle(0% at 50% 55%);transition:clip-path 1.05s var(--ease)}.project-card.in-frame .card-image{clip-path:circle(80% at 50% 55%)}.project-card:nth-child(even) .card-image{transition-delay:.09s}.card-info{opacity:0;translate:0 10px;transition:opacity .65s .15s,translate .65s .15s var(--ease)}.project-card.in-frame .card-info{opacity:1;translate:0 0}.card-arrow{background:var(--accent);color:var(--ink);border:1px solid #ffffff45}.card-image:hover .card-arrow{transform:rotate(45deg) scale(1.08);background:var(--accent)}.card-image:before{content:'';position:absolute;inset:15px;border:1px solid #ffffff60;border-radius:50%;z-index:1;opacity:0;transform:scale(.92);transition:opacity .6s,transform .9s var(--ease);pointer-events:none}.card-image:hover:before{opacity:1;transform:scale(1)}.card-info .card-country{transition:background .3s,color .3s}
.about-photo{border-radius:50% 50% 3px 3px;overflow:hidden;clip-path:circle(0% at 50% 50%);transition:clip-path 1.4s var(--ease),opacity .8s,transform 1s}.about-photo.visible{clip-path:circle(80% at 50% 50%)}.about-photo img{scale:1.09}.about-inner{position:relative}.about-inner:before{content:'';position:absolute;width:180px;height:180px;border:1px solid #a3d8ee45;border-radius:50%;top:-30px;left:calc(44% - 90px);pointer-events:none}.about-inner:after{content:'';position:absolute;width:145px;height:145px;border:1px solid #a3d8ee30;border-radius:50%;top:-12px;left:calc(44% - 73px);pointer-events:none}
.reveal{transition:opacity .9s,transform 1s var(--ease)}.circle-cursor{position:fixed;top:0;left:0;width:82px;height:82px;z-index:10;pointer-events:none;will-change:transform;opacity:0;transition:opacity .2s}.circle-cursor span{position:absolute;inset:0;border:1px solid #ffffff80;border-radius:50%;background:#a3d8eee6;color:var(--ink);display:grid;place-items:center;font-size:9px;letter-spacing:1px;transform:translate(-50%,-50%) scale(.5);transition:transform .4s var(--ease);backdrop-filter:blur(8px)}.circle-cursor.active{opacity:1}.circle-cursor.active span{transform:translate(-50%,-50%) scale(1)}
.scroll-orbit{position:fixed;right:18px;bottom:18px;width:47px;height:47px;padding:0;z-index:4;border:0;background:var(--paper);border-radius:50%;box-shadow:0 3px 20px #2527200a;opacity:0;pointer-events:none;transform:scale(.7);transition:opacity .4s,transform .4s var(--ease)}.scroll-orbit.shown{opacity:1;pointer-events:auto;transform:scale(1)}.scroll-orbit svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:1.7}.progress-track{stroke:#c9c9bf}.progress-ring{stroke:var(--blue-deep);stroke-dasharray:125.664;stroke-dashoffset:125.664}.scroll-orbit>span{font-size:20px}.lightbox .close-dialog{background:#171916}.form-error{color:#9e3434}dialog[open]{animation:none}.collection-photos button img{transition:transform .8s var(--ease)}
.card-image{clip-path:none}.card-image img{clip-path:circle(0% at 50% 55%);transition:clip-path 1.05s var(--ease),transform .8s var(--ease),filter .8s}.project-card.in-frame .card-image img{clip-path:circle(80% at 50% 55%)}.project-card:nth-child(even) .card-image img{transition-delay:.09s}
.circle-transition{position:fixed;inset:0;background:var(--accent);z-index:30;pointer-events:none;clip-path:circle(0px at 50% 50%)}
::view-transition-group(root){animation-duration:.75s}::view-transition-old(root){animation:portalOld .65s ease both}::view-transition-new(root){animation:portalReveal .85s var(--ease) both;mix-blend-mode:normal}::view-transition-image-pair(root){isolation:isolate}
@keyframes portalReveal{from{clip-path:circle(0px at var(--portal-x,50%) var(--portal-y,50%))}to{clip-path:circle(160vmax at var(--portal-x,50%) var(--portal-y,50%))}}@keyframes portalOld{to{filter:brightness(.9);transform:scale(.985)}}@keyframes apertureIn{from{clip-path:circle(0% at 50% 50%);transform:translateY(18px)}to{clip-path:circle(80% at 50% 50%);transform:translateY(0)}}@keyframes dotIn{from{scale:0}to{scale:1}}@keyframes dotEcho{0%,100%{scale:1;opacity:.4}50%{scale:1.5;opacity:.1}}@keyframes orbit{to{rotate:360deg}}@keyframes noteIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero-side{grid-template-columns:1fr;grid-template-rows:1fr 105px}.hero-secondary{min-height:0}.orbit-note{display:block;padding:18px 22px}.orbit-note p{font-size:23px;letter-spacing:-1px;margin:0;line-height:1.1}.orbit-note p br{display:none}.orbit-note>span{display:block;margin-top:10px;font-size:7px}.orbit-mark{width:90px;height:90px;top:8px;left:auto;right:20px;translate:0}.orbit-mark i:nth-child(2){inset:15px}.orbit-mark i:nth-child(3){inset:29px}.orbit-mark b{width:8px;height:8px;top:-4px}.about-inner:before,.about-inner:after{left:35%}}
@media(max-width:700px){.hero-gallery{height:365px;grid-template-columns:1.45fr 1fr}.hero-side{grid-template-rows:1fr 92px;gap:10px}.orbit-note{padding:14px 12px}.orbit-note p{font-size:16px;max-width:70px}.orbit-note p br{display:block}.orbit-note>span{font-size:5px;max-width:75px;line-height:1.5;margin-top:7px}.orbit-mark{width:65px;height:65px;right:-18px;top:18px;opacity:.75}.orbit-mark i:nth-child(2){inset:10px}.orbit-mark i:nth-child(3){inset:20px}.orbit-note:after{display:none}.ticker b{font-size:28px}.circle-cursor{display:none}.about-inner:before{left:auto;right:3%;top:220px;width:110px;height:110px}.about-inner:after{left:auto;right:6%;top:230px;width:90px;height:90px}.scroll-orbit{width:42px;height:42px;right:12px;bottom:12px}.contact-orbit:before{inset:-8px}.contact-orbit:after{inset:-16px}.contact-orbit:hover:after{inset:-22px}.hero-dot:after{border-width:.6px}}
@media(prefers-reduced-motion:reduce){.card-image,.card-image img,.about-photo{clip-path:none}.card-info{opacity:1;translate:none}.circle-cursor{display:none}.hero-gallery img,.about-photo img{translate:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.contact-orbit,.round-arrow,.contact-link{translate:none!important}}