:root {--ec-night: #040928;--ec-deep: #031c5e;--ec-primary: #043496;--ec-live: #0e47b4;--ec-accent: #235ed1;--ec-white: #ffffff;--ec-neutral: #ededef;--ec-black: #03040a;--text: #0b1027;--text-soft: #50566c;--text-on-dark: #f7f9ff;--line: rgba(4,9,40,0.12);--line-dark: rgba(255,255,255,0.14);--glass-regular: rgba(10,18,52,0.48);--glass-dark: rgba(4,9,40,0.72);--glass-light: rgba(255,255,255,0.66);--glass-border: rgba(255,255,255,0.2);--glass-highlight: rgba(255,255,255,0.58);--glass-shadow: 0 18px 60px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.22);--radius-s: 14px;--radius-m: 20px;--radius-l: 30px;--radius-xl: 42px;--radius-pill: 999px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 4.5rem;--space-7: 6.5rem;--space-8: 9rem;--shell: min(1500px,calc(100vw - clamp(2rem,8vw,10rem)));--measure: 72ch;--ease-out: cubic-bezier(.16,1,.3,1);--ease-smooth: cubic-bezier(.65,0,.35,1);--motion-fast: 180ms;--motion-medium: 520ms;--motion-long: 900ms;} * {box-sizing: border-box;} html {scroll-behavior: smooth;background: var(--ec-night);} body {margin: 0;color: var(--text);background: var(--ec-white);font-family: "Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight: 400;font-size: clamp(1rem,.25vw + .95rem,1.12rem);line-height: 1.6;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;overflow-x: clip;} body.menu-open {overflow: hidden;} img {display: block;max-width: 100%;} a {color: inherit;text-decoration: none;} button,input,textarea,select {font: inherit;} button {color: inherit;} ::selection {background: var(--ec-accent);color: white;} h1,h2,h3,p,blockquote {margin-top: 0;} h1,h2,h3 {letter-spacing: -0.035em;line-height: 1.02;} h1 {font-size: clamp(3.2rem,7vw,7.4rem);font-weight: 800;} h2 {font-size: clamp(2.55rem,4.7vw,5.25rem);font-weight: 800;} h3 {font-size: clamp(1.65rem,2.5vw,2.7rem);font-weight: 700;} p {margin-bottom: 1.25em;} .shell {width: var(--shell);margin-inline: auto;} .section-light,.section-white {background: var(--ec-white);color: var(--text);} .section-neutral {background: var(--ec-neutral);color: var(--text);} .section-dark {background: var(--ec-deep);color: var(--text-on-dark);} .section-night {background: var(--ec-night);color: var(--text-on-dark);} .section-black {background: var(--ec-black);color: var(--text-on-dark);} .section-blue {background: var(--ec-primary);color: var(--text-on-dark);} .kicker {display: inline-flex;align-items: center;gap: .75rem;font-size: .74rem;line-height: 1;font-weight: 700;letter-spacing: .16em;text-transform: uppercase;color: rgba(255,255,255,.72);} .kicker::before {content: "";width: 1.5rem;height: 1px;background: currentColor;opacity: .65;} .kicker--dark {color: rgba(4,9,40,.62);} .lead {font-size: clamp(1.35rem,1.85vw,2rem);line-height: 1.42;letter-spacing: -.02em;color: #242943;} .lead--light {color: rgba(255,255,255,.86);} .body-copy {color: var(--text-soft);max-width: var(--measure);} .skip-link {position: fixed;z-index: 1000;top: .75rem;left: .75rem;padding: .7rem 1rem;border-radius: var(--radius-pill);background: white;color: var(--ec-night);transform: translateY(-160%);transition: transform var(--motion-fast) ease;} .skip-link:focus {transform: translateY(0);} .scroll-progress {position: fixed;z-index: 250;inset: 0 0 auto 0;height: 2px;pointer-events: none;background: transparent;} .scroll-progress span {display: block;height: 100%;width: 100%;transform: scaleX(0);transform-origin: left;background: rgba(255,255,255,.8);} .glass-control {position: relative;overflow: hidden;border: 1px solid var(--glass-border);background: linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06)),var(--glass-regular);box-shadow: var(--glass-shadow);-webkit-backdrop-filter: blur(18px) saturate(150%);backdrop-filter: blur(18px) saturate(150%);} .glass-control::before {content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(105deg,rgba(255,255,255,.28),transparent 22% 78%,rgba(255,255,255,.08));opacity: .6;} @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {.glass-control {background: rgba(4,9,40,.9);}} .site-header {position: fixed;z-index: 300;top: max(1rem,env(safe-area-inset-top));left: 0;right: 0;width: var(--shell);height: 3.5rem;margin-inline: auto;pointer-events: none;} .header-brand,.desktop-nav,.header-contact,.menu-toggle {pointer-events: auto;} .header-brand {position: absolute;inset: 0 auto auto 0;width: clamp(12.5rem,15vw,15rem);height: 3.5rem;border-radius: var(--radius-pill);transition: transform var(--motion-medium) var(--ease-out),background var(--motion-medium),border-color var(--motion-medium);} .header-brand a {position: relative;z-index: 1;display: grid;place-items: center;height: 100%;padding: .77rem 1.2rem;} .header-brand img {width: 100%;height: 100%;object-fit: contain;} .desktop-nav {position: absolute;right: 7.4rem;top: 0;height: 3.5rem;display: flex;align-items: center;gap: .1rem;padding: .3rem;border-radius: var(--radius-pill);} .nav-link {position: relative;z-index: 1;display: inline-flex;align-items: center;min-height: 2.8rem;padding: .2rem .82rem;border-radius: var(--radius-pill);color: rgba(255,255,255,.76);font-size: .78rem;font-weight: 700;letter-spacing: .01em;transition: color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast);} .nav-link:hover,.nav-link:focus-visible {color: white;background: rgba(255,255,255,.1);} .nav-link:active {transform: scale(.97);} .nav-link.is-active {color: white;background: rgba(255,255,255,.14);} .header-contact {position: absolute;right: 0;top: 0;height: 3.5rem;display: inline-flex;align-items: center;justify-content: center;gap: .55rem;min-width: 6.8rem;padding: 0 1rem;border-radius: var(--radius-pill);color: white;font-size: .78rem;font-weight: 800;transition: transform var(--motion-fast),background var(--motion-fast);} .header-contact:hover {transform: translateY(-2px);background-color: rgba(14,71,180,.72);} .menu-toggle {display: none;} .site-header.is-scrolled .header-brand,.site-header.is-scrolled .desktop-nav,.site-header.is-scrolled .header-contact {background: linear-gradient(180deg,rgba(20,34,87,.34),rgba(4,9,40,.68)),var(--glass-dark);border-color: rgba(255,255,255,.18);box-shadow: 0 22px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.16);} .site-header.is-scrolled .header-brand {transform: scale(.94);transform-origin: left center;} .menu-panel {position: fixed;inset: 0;z-index: 500;pointer-events: none;visibility: hidden;} .menu-panel__backdrop {position: absolute;inset: 0;background: rgba(1,3,16,.55);opacity: 0;transition: opacity .45s ease;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);} .menu-panel__surface {position: absolute;top: max(1rem,env(safe-area-inset-top));right: max(1rem,env(safe-area-inset-right));width: min(24rem,calc(100vw - 1.25rem));max-height: calc(100svh - max(2rem,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding: .9rem;border-radius: 1.65rem;background: linear-gradient(180deg,rgba(14,28,82,.84),rgba(4,9,40,.94));color: white;border: 1px solid rgba(255,255,255,.16);box-shadow: 0 26px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.2);-webkit-backdrop-filter: blur(20px) saturate(145%);backdrop-filter: blur(20px) saturate(145%);transform: translateX(calc(100% + 2rem)) scale(.96);transform-origin: right top;transition: transform .55s var(--ease-out);display: flex;flex-direction: column;overflow-y: auto;} .menu-panel.is-open {pointer-events: auto;visibility: visible;} .menu-panel.is-open .menu-panel__backdrop {opacity: 1;} .menu-panel.is-open .menu-panel__surface {transform: translateX(0) scale(1);} .menu-panel__top {display: flex;align-items: center;justify-content: space-between;gap: .75rem;padding: .35rem .35rem .55rem;} .menu-panel__top img {width: min(10.75rem,56vw);} .menu-close {width: 2.4rem;height: 2.4rem;border: 0;border-radius: 50%;background: rgba(255,255,255,.08);color: white;font-size: 1.55rem;line-height: 1;cursor: pointer;} .menu-panel__nav {display: grid;margin: 0;} .menu-panel__nav .nav-link {justify-content: space-between;min-height: auto;padding: .8rem .35rem;border-radius: 0;background: none;border-bottom: 1px solid rgba(255,255,255,.11);font-size: clamp(1.2rem,4.4vw,1.7rem);letter-spacing: -.03em;font-weight: 700;color: rgba(255,255,255,.64);} .menu-panel__nav .nav-link.is-active,.menu-panel__nav .nav-link:hover {color: white;} .menu-panel__meta {display: grid;gap: .35rem;padding: .95rem .35rem .2rem;font-size: .73rem;color: rgba(255,255,255,.56);} .button {position: relative;display: inline-flex;align-items: center;justify-content: center;gap: .7rem;min-height: 3.35rem;padding: .75rem 1.3rem;border-radius: var(--radius-pill);font-size: .88rem;font-weight: 800;line-height: 1;transition: transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast),background var(--motion-fast),color var(--motion-fast);} .button:hover {transform: translateY(-2px);} .button:active {transform: scale(.98);} .button:focus-visible,.text-link:focus-visible,.contact-option:focus-visible,.thought-card:focus-visible,.project-story__link:focus-visible,.project-index__item a:focus-visible {outline: 3px solid var(--ec-accent);outline-offset: 4px;} .button--large {min-height: 4rem;padding-inline: 1.7rem;font-size: 1rem;} .button-row {display: flex;flex-wrap: wrap;gap: .75rem;margin-top: 2rem;} .text-link {display: inline-flex;align-items: center;gap: .5rem;font-weight: 800;font-size: .92rem;color: rgba(255,255,255,.9);padding-block: .4rem;border-bottom: 1px solid rgba(255,255,255,.35);} .text-link span {transition: transform var(--motion-fast);} .text-link:hover span {transform: translate(3px,-3px);} .text-link--dark {color: var(--ec-night);border-color: rgba(4,9,40,.25);} .js [data-reveal] {opacity: 0;transform: translateY(28px);transition: opacity .85s var(--ease-out),transform .85s var(--ease-out);} .js [data-reveal][data-delay="1"] {transition-delay: .08s;} .js [data-reveal][data-delay="2"] {transition-delay: .16s;} .js [data-reveal].is-visible {opacity: 1;transform: none;} .hero {position: relative;min-height: 100svh;overflow: hidden;background: #0643ad;color: white;isolation: isolate;} .hero__media {position: absolute;inset: 0;z-index: -3;overflow: hidden;background: #0643ad;} .hero__media picture,.hero__media img {width: 100%;height: 100%;} .hero__media img {object-fit: cover;object-position: center center;transform: scale(1.001);will-change: transform;} .hero__shade {position: absolute;inset: 0;z-index: -2;pointer-events: none;background: linear-gradient(90deg,rgba(1,17,79,.35),transparent 34%,transparent 70%,rgba(2,17,80,.08)),linear-gradient(0deg,rgba(2,16,75,.18),transparent 32%);} .hero__content {position: relative;height: 100svh;min-height: 700px;} .hero__copy {position: absolute;left: 0;bottom: max(4.8rem,env(safe-area-inset-bottom));width: min(28rem,31vw);} .hero__eyebrow {margin-bottom: 1.2rem;font-size: .73rem;font-weight: 800;letter-spacing: .14em;text-transform: uppercase;color: rgba(255,255,255,.76);} .hero h1 {margin-bottom: 1.5rem;font-size: clamp(2.25rem,3.25vw,3.65rem);line-height: 1.03;letter-spacing: -.04em;text-wrap: balance;} .hero__meta {display: flex;gap: .8rem;font-size: .78rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: rgba(255,255,255,.65);} .hero__scroll {position: absolute;right: 0;bottom: max(4.4rem,env(safe-area-inset-bottom));width: 7rem;height: 3.2rem;border-radius: var(--radius-pill);display: flex;align-items: center;justify-content: center;gap: .65rem;color: white;font-size: .72rem;font-weight: 800;letter-spacing: .08em;text-transform: uppercase;} .hero__scroll-line {width: 1.45rem;height: 1px;background: currentColor;position: relative;overflow: hidden;} .hero__scroll-line::after {content: "";position: absolute;inset: 0;background: white;transform: translateX(-110%);animation: lineTravel 2s ease-in-out infinite;} @keyframes lineTravel {50%,100% {transform: translateX(110%);}} .section-heading {padding-block: clamp(5rem,8vw,9rem) clamp(2.5rem,4vw,4.5rem);} .section-heading--split {display: grid;grid-template-columns: minmax(0,1.55fr) minmax(18rem,.55fr);gap: clamp(2rem,7vw,8rem);align-items: end;} .section-heading h2 {margin: 1rem 0 0;font-size: clamp(2.6rem,4.7vw,5.1rem);} .section-heading > p {margin: 0;color: var(--text-soft);max-width: 34rem;} .section-heading--light > p {color: rgba(255,255,255,.68);} .manifesto {padding: clamp(7rem,12vw,13rem) 0;} .manifesto__grid {display: grid;grid-template-columns: .55fr 1.45fr;gap: clamp(3rem,8vw,9rem);align-items: start;} .manifesto__content {max-width: 62rem;} .manifesto__words {display: grid;margin-bottom: 4rem;} .manifesto__words span {display: block;font-size: clamp(3.5rem,8.2vw,8.5rem);font-weight: 900;line-height: .82;letter-spacing: -.07em;color: var(--ec-night);} .manifesto__words span:nth-child(2) {color: var(--ec-primary);padding-left: 8%;} .manifesto__words span:nth-child(3) {color: var(--ec-live);padding-left: 18%;} .manifesto .lead {max-width: 52rem;margin-bottom: 2rem;} .manifesto .body-copy {max-width: 49rem;} .territories {position: relative;overflow: hidden;padding-bottom: clamp(7rem,11vw,12rem);} .has-pointer-light::before {content: "";position: absolute;width: 34rem;aspect-ratio: 1;border-radius: 50%;left: var(--pointer-x,50%);top: var(--pointer-y,50%);transform: translate(-50%,-50%);background: radial-gradient(circle,rgba(35,94,209,.22),transparent 68%);filter: blur(20px);pointer-events: none;transition: opacity .3s;} .territory-list {border-top: 1px solid var(--line-dark);} .territory {position: relative;display: grid;grid-template-columns: 5rem 1fr 10rem;gap: clamp(1rem,4vw,4rem);align-items: center;min-height: 11rem;padding: 2.2rem 0;border-bottom: 1px solid var(--line-dark);overflow: hidden;} .territory::after {display:none;} .territory:hover::after {display:none;} .territory__index {align-self: start;padding-top: .4rem;color: rgba(255,255,255,.38);font-size: .75rem;font-weight: 800;} .territory__main {display: grid;grid-template-columns: minmax(12rem,.7fr) minmax(18rem,1fr);align-items: center;gap: 2rem;} .territory__main h3 {margin: 0;font-size: clamp(2rem,4vw,4.2rem);} .territory__main p {margin: 0;color: rgba(255,255,255,.62);max-width: 39rem;} .territory__signal {display: flex;align-items: end;justify-content: end;gap: .32rem;height: 3.5rem;} .territory__signal span {width: .5rem;border-radius: 1rem;background: white;opacity: .35;animation: signal 1.8s ease-in-out infinite alternate;} .territory__signal span:nth-child(1){height:35%}.territory__signal span:nth-child(2){height:75%;animation-delay:.2s}.territory__signal span:nth-child(3){height:52%;animation-delay:.4s} @keyframes signal {to {opacity: .9;transform: scaleY(1.18);}} .territory__orb {justify-self: end;width: 4rem;aspect-ratio: 1;border-radius: 50%;border: 1px solid rgba(255,255,255,.5);box-shadow: inset 12px -8px 20px rgba(35,94,209,.35),0 0 30px rgba(35,94,209,.25);} .territory__flow {justify-self: end;display: flex;gap: .4rem;align-items: center;} .territory__flow i {width: 1.2rem;aspect-ratio: 1;border: 1px solid rgba(255,255,255,.45);border-radius: 50%;} .territory__flow i:not(:last-child)::after {content:"";display:block;width:.5rem;height:1px;background:rgba(255,255,255,.35);transform:translate(1.2rem,.56rem);} .territory__frame {justify-self: end;width: 5rem;aspect-ratio: 4/3;border: 1px solid rgba(255,255,255,.5);border-radius: .9rem;padding: .45rem;} .territory__frame span {display:block;width:60%;height:.35rem;background:white;opacity:.55;border-radius:1rem;} .projects-showcase {overflow: hidden;} .project-stories {display: grid;} .project-story {position: relative;min-height: min(82svh,880px);overflow: hidden;} .project-story__link {position: relative;min-height: inherit;display: flex;color: white;} .project-story__visual {position: absolute;inset: 0;} .project-story__content {position: relative;z-index: 2;align-self: end;width: var(--shell);padding-block: 3.5rem;display: grid;grid-template-columns: 1fr minmax(20rem,.62fr);gap: 4rem;align-items: end;border-top: 1px solid rgba(255,255,255,.2);} .project-meta {margin: 0 0 .8rem;color: rgba(255,255,255,.62);text-transform: uppercase;font-size: .72rem;font-weight: 800;letter-spacing: .12em;} .project-story h3 {margin: 0;font-size: clamp(3rem,6vw,6.2rem);} .project-story__description p {color: rgba(255,255,255,.76);max-width: 35rem;} .project-story__link:hover .button--glass {background: rgba(255,255,255,.16);transform: translateY(-2px);} .project-story--heuresis {background: #060606;} .heuresis-visual {position: relative;overflow: hidden;background: radial-gradient(circle at 68% 42%,#152436,#07090d 48%,#020203 80%);} .heuresis-visual__halo {position: absolute;width: min(70vw,68rem);aspect-ratio:1;right: -8%;top: 50%;transform: translateY(-50%);border-radius:50%;border:1px solid rgba(220,227,232,.18);box-shadow: 0 0 0 4rem rgba(82,103,122,.035),0 0 0 9rem rgba(82,103,122,.024),inset 0 0 80px rgba(220,227,232,.04);} .heuresis-visual__word {position: absolute;left: 8%;top: 18%;font-weight: 300;font-size: clamp(4rem,11vw,13rem);letter-spacing: -.065em;color: rgba(255,255,255,.11);} .heuresis-visual__line {position:absolute;left:7%;right:7%;top:50%;height:1px;background: linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform-origin:left;animation: scanLine 5s ease-in-out infinite;} @keyframes scanLine {0%,100%{opacity:.15;transform:scaleX(.1)} 50%{opacity:.7;transform:scaleX(1)}} .project-story--radio {background: #071126;} .radio-visual {position: relative;overflow: hidden;background: radial-gradient(circle at 68% 44%,#123a7f,#071126 55%,#030712 100%);} .radio-visual__frequency {position: absolute;inset: 0;opacity: .5;background: repeating-linear-gradient(90deg,transparent 0 6%,rgba(255,255,255,.14) 6% 6.06%,transparent 6.06% 12%),linear-gradient(180deg,transparent 49.8%,rgba(255,255,255,.2) 50%,transparent 50.2%);mask-image: linear-gradient(90deg,transparent,black 30%,black 80%,transparent);} .radio-visual__dial {position:absolute;right:8%;top:18%;font-size:clamp(6rem,17vw,20rem);font-weight:300;letter-spacing:-.08em;color:rgba(255,255,255,.08);} .radio-visual__name {position:absolute;left:8%;top:19%;max-width:8ch;font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.78;letter-spacing:-.065em;color:rgba(255,255,255,.16);} .project-story--wanderlust {background: #1b3f8b;} .wander-visual {position:relative;overflow:hidden;background: linear-gradient(135deg,#133270,#0e47b4 46%,#235ed1);} .wander-visual::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.14),transparent 34%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.08) 40.2%,transparent 40.5%);} .wander-visual__route {position:absolute;inset:10% 8%;} .wander-visual__route::before {content:"";position:absolute;left:10%;top:20%;width:70%;height:45%;border:2px dashed rgba(255,255,255,.27);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-9deg);} .wander-visual__route i {position:absolute;width:.78rem;aspect-ratio:1;border-radius:50%;background:white;box-shadow:0 0 0 .35rem rgba(255,255,255,.14);} .wander-visual__route i:nth-child(1){left:12%;top:65%}.wander-visual__route i:nth-child(2){left:32%;top:37%}.wander-visual__route i:nth-child(3){left:58%;top:26%}.wander-visual__route i:nth-child(4){left:80%;top:40%} .wander-visual__name {position:absolute;left:8%;top:17%;font-size:clamp(4rem,11vw,12rem);font-weight:900;letter-spacing:-.07em;color:rgba(255,255,255,.16);} .wander-visual__caption {position:absolute;right:8%;top:25%;max-width:18rem;text-align:right;font-size:1rem;font-weight:700;color:rgba(255,255,255,.52);} .heuresis-bridge {position: relative;overflow: hidden;padding: clamp(8rem,14vw,15rem) 0;} .heuresis-bridge__art {position:absolute;inset:0;pointer-events:none;} .heuresis-bridge__ring {position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-12vw;top:50%;transform:translateY(-50%);aspect-ratio:1;} .heuresis-bridge__ring--1{width:42vw}.heuresis-bridge__ring--2{width:58vw}.heuresis-bridge__ring--3{width:76vw} .heuresis-bridge__grid {position:relative;display:grid;grid-template-columns:1fr .8fr;gap:clamp(4rem,10vw,10rem);align-items:end;} .heuresis-bridge h2 {margin:1rem 0 0;font-size:clamp(3rem,5.8vw,6.3rem);} .heuresis-bridge__overline {margin:3rem 0 .5rem;color:rgba(255,255,255,.45);font-size:.8rem;letter-spacing:.11em;text-transform:uppercase;} .heuresis-bridge__copy {color:rgba(255,255,255,.7);} .journey {padding: clamp(8rem,13vw,13rem) 0;} .journey__layout {display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(4rem,10vw,11rem);align-items:start;} .journey__intro {position:sticky;top:8rem;} .journey__intro h2 {margin:1rem 0 1.6rem;font-size:clamp(2.8rem,4.5vw,4.9rem);} .journey__intro p {color:var(--text-soft);max-width:34rem;} .journey__timeline {border-top:1px solid var(--line);} .journey-item {position:relative;display:grid;grid-template-columns:7rem 1fr;gap:2rem;padding:3.2rem 0;border-bottom:1px solid var(--line);opacity:1;transition:background .35s var(--ease-out),color .35s var(--ease-out);} .journey-item::before {content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--ec-accent);transition:width .7s var(--ease-out);} .journey-item.is-active {opacity:1;transform:none;} .journey-item.is-active::before {width:7rem;} .journey-item time {font-weight:800;color:var(--ec-primary);font-size:.82rem;letter-spacing:.08em;} .journey-item h3 {margin:0 0 .8rem;font-size:1.85rem;} .journey-item p {margin:0;color:var(--text-soft);} .thoughts-preview {padding-bottom: clamp(8rem,12vw,12rem);} .thought-grid {display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:1rem;} .thought-card {position:relative;min-height:27rem;padding:clamp(2rem,3vw,3rem);border-radius:var(--radius-l);background:white;border:1px solid rgba(4,9,40,.08);display:flex;flex-direction:column;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out);overflow:hidden;} .thought-card:hover {transform:translateY(-8px);box-shadow:0 22px 50px rgba(4,9,40,.12);} .thought-card__tag {font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ec-primary);} .thought-card h3 {margin:auto 0 1.5rem;font-size:clamp(2rem,3vw,3.2rem);max-width:12ch;} .thought-card p {margin:0;color:var(--text-soft);} .thought-card__arrow {position:absolute;top:2rem;right:2rem;font-size:1.35rem;transition:transform var(--motion-fast);} .thought-card:hover .thought-card__arrow {transform:translate(4px,-4px);} .thought-card--blue {background:var(--ec-primary);color:white;border-color:transparent;} .thought-card--blue .thought-card__tag,.thought-card--blue p {color:rgba(255,255,255,.72);} .thought-card--dark {background:var(--ec-night);color:white;border-color:transparent;} .thought-card--dark .thought-card__tag,.thought-card--dark p {color:rgba(255,255,255,.66);} .closing {padding:clamp(8rem,14vw,15rem) 0;} .closing__inner {min-height:55vh;display:grid;grid-template-columns:1.25fr .55fr;gap:5rem;align-items:end;} .closing__quote {margin:0;font-size:clamp(2.3rem,4.65vw,4.85rem);line-height:1.02;font-weight:800;letter-spacing:-.05em;max-width:12ch;} .closing__action {color:rgba(255,255,255,.68);} .closing__action p {max-width:28rem;} .site-footer {background:var(--ec-night);color:white;border-top:1px solid rgba(255,255,255,.08);} .site-footer__inner {width:var(--shell);margin-inline:auto;padding:4.5rem 0 2rem;} .site-footer__brand {display:flex;justify-content:space-between;gap:3rem;align-items:end;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.1);} .site-footer__brand img {width:clamp(13rem,18vw,17rem);} .site-footer__brand p {margin:0;max-width:28rem;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.35;color:rgba(255,255,255,.55);text-align:right;} .site-footer__grid {display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:3rem 0;} .site-footer__grid nav,.footer-links {display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;} .site-footer .nav-link,.footer-links a {min-height:2rem;padding:.2rem 0;color:rgba(255,255,255,.58);font-size:.82rem;font-weight:700;} .site-footer .nav-link:hover,.footer-links a:hover {color:white;background:none;} .site-footer__bottom {display:flex;justify-content:space-between;gap:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.38);font-size:.72rem;letter-spacing:.04em;} .page-hero {padding:clamp(10rem,16vw,15rem) 0 clamp(6rem,10vw,10rem);} .page-hero--light {background:white;color:var(--ec-night);} .page-hero--dark {background:var(--ec-night);color:white;} .page-hero__grid {display:grid;grid-template-columns:1.35fr .55fr;gap:clamp(3rem,8vw,9rem);align-items:end;} .page-hero h1 {margin:1.1rem 0 0;font-size:clamp(2.7rem,5vw,5.7rem);line-height:1.02;} .page-hero__aside {color:var(--text-soft);font-size:clamp(1.1rem,1.5vw,1.35rem);} .page-hero--dark .page-hero__aside {color:rgba(255,255,255,.62);} .story-opening {padding:clamp(6rem,10vw,10rem) 0;} .story-opening__grid {display:grid;grid-template-columns:1.1fr .75fr;gap:clamp(3rem,8vw,8rem);align-items:center;} .story-opening__portrait-frame {overflow:hidden;border-radius:var(--radius-xl);background:var(--ec-primary);} .story-opening__portrait-frame img {width:100%;aspect-ratio:16/9;object-fit:cover;} .story-opening__text p:not(.lead) {color:var(--text-soft);} .story-chapter {padding:clamp(8rem,13vw,13rem) 0;} .story-chapter__grid {display:grid;grid-template-columns:.2fr 1fr .7fr;gap:clamp(2rem,6vw,6rem);align-items:start;} .story-chapter__number {font-size:clamp(4rem,8vw,8rem);line-height:.8;font-weight:900;color:rgba(255,255,255,.08);} .story-chapter__copy {color:rgba(255,255,255,.64);padding-top:4rem;} .story-chapter__grid--light .story-chapter__number {color:rgba(4,9,40,.08);} .story-chapter__grid--light .story-chapter__copy {color:var(--text-soft);} .story-chapter h2 {margin:1.2rem 0 2rem;} .career {padding:clamp(2rem,5vw,5rem) 0 clamp(8rem,12vw,12rem);} .career-timeline {border-top:1px solid var(--line);} .career-item {display:grid;grid-template-columns:minmax(8rem,.35fr) 1fr;gap:3rem;padding:2.8rem 0;border-bottom:1px solid var(--line);} .career-item time {font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--ec-primary);} .career-item h3 {margin:0 0 .8rem;font-size:clamp(1.5rem,2.2vw,2.25rem);} .career-item p {margin:0;color:var(--text-soft);max-width:58rem;} .career-item--accent {margin-inline:-2rem;padding-inline:2rem;background:var(--ec-primary);color:white;border-radius:var(--radius-m);border:0;} .career-item--accent time,.career-item--accent p {color:rgba(255,255,255,.72);} .career-item--dark {margin-top:1rem;padding-inline:2rem;margin-inline:-2rem;background:var(--ec-night);color:white;border:0;border-radius:var(--radius-m);} .career-item--dark time,.career-item--dark p {color:rgba(255,255,255,.62);} .quote-section {padding:clamp(8rem,13vw,13rem) 0;} .quote-section__inner {position:relative;max-width:76rem;} .quote-section__mark {margin:0;height:3rem;font-size:6rem;line-height:.8;font-weight:300;color:rgba(255,255,255,.18);} .quote-section blockquote {margin:0 0 2.4rem;font-size:clamp(2rem,4vw,4.1rem);line-height:1.08;letter-spacing:-.04em;font-weight:700;max-width:17ch;} .project-index {padding:clamp(6rem,10vw,10rem) 0;} .project-index__item {border-bottom:1px solid var(--line);padding:4rem 0;} .project-index__item:first-child {padding-top:0;} .project-index__item > a {display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem);align-items:center;} .project-index__visual {position:relative;min-height:34rem;border-radius:var(--radius-xl);} .project-index__copy .project-meta {color:rgba(4,9,40,.48);} .project-index__copy h2 {margin:.6rem 0 2rem;font-size:clamp(3rem,5vw,5.8rem);} .project-index__copy p {color:var(--text-soft);max-width:34rem;} .project-index__item > a:hover .project-index__visual {transform:scale(.992);} .project-index__visual {transition:transform .45s var(--ease-out);} .heuresis-visual--index .heuresis-visual__word,.radio-visual--index .radio-visual__name,.wander-visual--index .wander-visual__name {left:7%;top:12%;} .project-philosophy {padding:clamp(8rem,12vw,12rem) 0;} .project-philosophy__grid {display:grid;grid-template-columns:.28fr 1fr .65fr;gap:clamp(2rem,6vw,7rem);align-items:start;} .project-philosophy h2 {margin:0;} .heuresis-page-hero {position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:end;padding:9rem 0 6rem;} .heuresis-page-hero__orb {position:absolute;width:min(82vw,80rem);aspect-ratio:1;border-radius:50%;right:-18%;top:-15%;background:radial-gradient(circle at 35% 35%,rgba(220,227,232,.16),rgba(82,103,122,.06) 34%,transparent 63%);border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 6rem rgba(82,103,122,.025),0 0 0 12rem rgba(82,103,122,.015);} .heuresis-page-hero__inner {position:relative;max-width:var(--shell);} .heuresis-page-hero__eyebrow {margin:2.5rem 0 .6rem;color:rgba(255,255,255,.46);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;} .heuresis-page-hero h1 {max-width:12ch;margin:0 0 2rem;font-size:clamp(4rem,8vw,8.6rem);} .heuresis-page-hero .lead {max-width:48rem;} .heuresis-origin {padding:clamp(8rem,13vw,13rem) 0;} .heuresis-origin__grid {display:grid;grid-template-columns:.8fr 1fr;gap:clamp(4rem,9vw,10rem);} .heuresis-origin h2 {margin:1rem 0 0;} .heuresis-origin p:not(.lead) {color:var(--text-soft);} .heuresis-principles {padding-bottom:clamp(8rem,12vw,12rem);} .principle-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);} .principle-grid article {padding:clamp(2rem,4vw,4rem);background:var(--ec-primary);min-height:25rem;display:flex;flex-direction:column;} .principle-grid article > span {font-size:.75rem;font-weight:800;color:rgba(255,255,255,.55);} .principle-grid h3 {margin:auto 0 1.2rem;} .principle-grid p {color:rgba(255,255,255,.68);margin:0;} .heuresis-separation {padding:clamp(8rem,13vw,13rem) 0;} .heuresis-separation__grid {display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;} .heuresis-separation__person,.heuresis-separation__brand {min-height:24rem;border-radius:var(--radius-xl);padding:3rem;display:flex;flex-direction:column;justify-content:space-between;} .heuresis-separation__person {background:white;border:1px solid rgba(4,9,40,.1);} .heuresis-separation__brand {background:#070707;color:white;} .heuresis-separation__person span,.heuresis-separation__brand span {font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;opacity:.58;} .heuresis-separation__person strong,.heuresis-separation__brand strong {font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.04em;max-width:10ch;} .heuresis-separation__mark {font-size:2rem;font-weight:800;color:rgba(4,9,40,.35);} .project-detail-hero {position:relative;min-height:100svh;overflow:hidden;color:white;display:flex;align-items:end;padding:8rem 0 5rem;} .project-detail-hero__art {position:absolute;inset:0;} .project-detail-hero__content {position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.22);padding-top:3rem;} .project-detail-hero__content h1 {margin:.7rem 0 1.5rem;font-size:clamp(4.4rem,9vw,9.5rem);} .project-detail-hero__content .lead {max-width:51rem;} .radio-visual--hero .radio-visual__dial {top:8%;right:4%;} .radio-visual--hero .radio-visual__name {top:12%;left:5%;} .wander-visual--hero .wander-visual__name {top:10%;left:5%;} .project-story-page {padding:clamp(8rem,13vw,13rem) 0;} .project-story-page__grid {display:grid;grid-template-columns:.35fr 1fr;gap:clamp(4rem,10vw,11rem);align-items:start;} .project-story-page__meta {position:sticky;top:8rem;display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);} .project-story-page__meta span {margin-top:1.3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(4,9,40,.45);} .project-story-page__meta strong {padding:.2rem 0 1.3rem;border-bottom:1px solid var(--line);font-size:.93rem;line-height:1.35;} .project-story-page__body {max-width:58rem;} .project-story-page__body h2 {margin:1rem 0 2rem;} .project-story-page__body > p:not(.lead) {color:var(--text-soft);} .project-story-page blockquote {margin:4rem 0 0;padding:2.2rem 0 0 2.4rem;border-top:1px solid var(--line);border-left:3px solid var(--ec-accent);font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;font-weight:700;letter-spacing:-.03em;} .radio-roles {padding-bottom:clamp(8rem,12vw,12rem);} .role-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);} .role-grid article {min-height:23rem;padding:2.5rem;background:var(--ec-night);display:flex;flex-direction:column;} .role-grid article > span {color:rgba(255,255,255,.4);font-size:.75rem;} .role-grid h3 {margin:auto 0 1rem;} .role-grid p {margin:0;color:rgba(255,255,255,.62);} .radio-legacy,.wander-memory {padding:clamp(8rem,13vw,13rem) 0;} .radio-legacy__grid,.wander-memory__grid {display:grid;grid-template-columns:.8fr 1fr;gap:clamp(4rem,9vw,10rem);} .radio-legacy h2,.wander-memory h2 {margin:1rem 0 0;} .radio-legacy p:not(.lead),.wander-memory p:not(.lead) {color:var(--text-soft);} .wander-cities {padding-bottom:clamp(8rem,12vw,12rem);overflow:hidden;} .city-marquee {display:flex;flex-wrap:wrap;gap:.7rem;} .city-marquee span {display:inline-flex;align-items:center;min-height:3.3rem;padding:.5rem 1.2rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill);color:rgba(255,255,255,.76);font-weight:700;} .project-next {padding:clamp(6rem,9vw,9rem) 0;} .project-next__inner > a {display:grid;grid-template-columns:.4fr 1fr auto;gap:2rem;align-items:end;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.28);} .project-next a span {color:rgba(255,255,255,.62);font-size:.75rem;text-transform:uppercase;letter-spacing:.11em;} .project-next a strong {font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.055em;} .project-next a i {font-size:2rem;font-style:normal;transition:transform var(--motion-fast);} .project-next a:hover i {transform:translate(5px,-5px);} .essay-list {padding:0 0 clamp(8rem,12vw,12rem);} .essay {display:grid;grid-template-columns:.35fr 1fr;gap:clamp(3rem,9vw,10rem);padding:clamp(5rem,8vw,8rem) 0;border-top:1px solid var(--line);} .essay__meta {display:flex;gap:1.2rem;color:rgba(4,9,40,.46);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;} .essay__content {max-width:62rem;} .essay h2 {margin:0 0 2rem;font-size:clamp(2.8rem,5vw,5.3rem);} .essay__content > p:not(.lead) {color:var(--text-soft);} .essay--blue {margin-inline:calc((100vw - var(--shell)) / -2);padding-inline:calc((100vw - var(--shell)) / 2);background:var(--ec-primary);color:white;border:0;} .essay--blue .essay__meta,.essay--blue .lead,.essay--blue .essay__content > p:not(.lead) {color:rgba(255,255,255,.72);} .essay--dark {margin-inline:calc((100vw - var(--shell)) / -2);padding-inline:calc((100vw - var(--shell)) / 2);background:var(--ec-night);color:white;border:0;} .essay--dark .essay__meta,.essay--dark .lead,.essay--dark .essay__content > p:not(.lead) {color:rgba(255,255,255,.68);} .thoughts-note {padding:7rem 0;} .thoughts-note__inner {display:flex;justify-content:space-between;gap:4rem;align-items:center;} .thoughts-note p {margin:0;max-width:52rem;font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1.25;letter-spacing:-.03em;} .contact-hero {position:relative;min-height:82svh;overflow:hidden;display:grid;align-items:end;padding:9rem 0 6rem;} .contact-hero__orb {position:absolute;width:62vw;aspect-ratio:1;right:-18%;top:-42%;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 4rem rgba(255,255,255,.03),0 0 0 9rem rgba(255,255,255,.02);} .contact-hero__inner {position:relative;} .contact-hero h1 {margin:1.2rem 0 2rem;max-width:15ch;} .contact-hero .lead {max-width:48rem;} .contact-options {padding:clamp(6rem,10vw,10rem) 0;} .contact-options__grid {display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem;} .contact-option {min-height:24rem;padding:2.5rem;border-radius:var(--radius-l);background:var(--ec-neutral);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .4s var(--ease-out),background .4s;} .contact-option:hover {transform:translateY(-7px);background:#e3e4e8;} .contact-option--dark {background:var(--ec-night);color:white;} .contact-option--dark:hover {background:#07103f;} .contact-option__label {font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ec-primary);} .contact-option--dark .contact-option__label {color:rgba(255,255,255,.56);} .contact-option strong {margin-top:auto;font-size:clamp(1.35rem,2.2vw,2.4rem);line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere;} .contact-option__arrow {position:absolute;right:2rem;top:2rem;font-size:1.5rem;transition:transform var(--motion-fast);} .contact-option:hover .contact-option__arrow {transform:translate(4px,-4px);} .contact-context {padding:clamp(8rem,12vw,12rem) 0;} .contact-context__grid {display:grid;grid-template-columns:.8fr 1fr;gap:clamp(4rem,9vw,10rem);} .contact-context h2 {margin:1rem 0 0;} .contact-context__list {border-top:1px solid var(--line);} .contact-context__list p {display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0;margin:0;border-bottom:1px solid var(--line);} .contact-context__list span {color:var(--ec-primary);font-weight:800;font-size:.78rem;} .legal-hero {padding:12rem 0 6rem;} .legal-hero h1 {margin:1rem 0;font-size:clamp(3.5rem,7vw,7rem);} .legal-hero p {margin:0;color:rgba(255,255,255,.5);} .legal-copy {padding:clamp(5rem,8vw,8rem) 0;} .legal-copy__inner {max-width:56rem;} .legal-copy h2 {margin:3.2rem 0 1rem;font-size:clamp(1.6rem,2.5vw,2.4rem);} .legal-copy h2:first-child {margin-top:0;} .legal-copy p {color:var(--text-soft);} .legal-copy a {color:var(--ec-primary);text-decoration:underline;text-underline-offset:.2em;} .error-page {min-height:100svh;display:grid;align-items:center;padding:8rem 0;} .error-page h1 {max-width:12ch;} .error-page p {color:rgba(255,255,255,.65);} @media (max-width: 1180px) {:root {--shell: min(100% - 4rem,1120px);} .desktop-nav,.header-contact {display:none;} .menu-toggle {display:flex;position:absolute;right:0;top:0;width:3.5rem;height:3.5rem;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:.35rem;border:1px solid var(--glass-border);cursor:pointer;} .menu-toggle span {position:relative;z-index:1;width:1.1rem;height:1px;background:white;transition:transform .3s var(--ease-out);} .hero__copy {width:min(25rem,36vw);} .territory {grid-template-columns:4rem 1fr 7rem;} .territory__main {grid-template-columns:.55fr 1fr;} .role-grid {grid-template-columns:repeat(2,1fr);} .contact-options__grid {grid-template-columns:1.2fr 1fr;} .contact-option--dark {grid-column:1 / -1;min-height:17rem;}} @media (max-width: 900px) {:root {--shell: min(100% - 2.5rem,820px);} h1 {font-size:clamp(3rem,11vw,5.4rem);} h2 {font-size:clamp(2.45rem,8vw,4.4rem);} .site-header {width:var(--shell);top:max(.75rem,env(safe-area-inset-top));} .header-brand {width:11.8rem;} .hero {min-height:100svh;display:flex;flex-direction:column;background:var(--ec-primary);} .hero__media {position:relative;inset:auto;z-index:0;width:100%;padding-top:max(4.8rem,env(safe-area-inset-top));background:var(--ec-primary);overflow:hidden;} .hero__media picture {display:block;width:100%;height:auto;} .hero__media img {width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center;transform:none !important;} .hero__shade {display:none;} .hero__content {height:auto;min-height:0;width:var(--shell);flex:1;padding:2.3rem 0 max(2rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;} .hero__copy {position:static;width:100%;max-width:34rem;} .hero h1 {font-size:clamp(2.5rem,9vw,4.4rem);} .hero__scroll {position:static;align-self:flex-end;width:6.5rem;} .manifesto {padding:7rem 0;} .manifesto__grid,.heuresis-bridge__grid,.journey__layout,.page-hero__grid,.story-opening__grid,.story-chapter__grid,.project-index__item > a,.project-philosophy__grid,.heuresis-origin__grid,.project-story-page__grid,.radio-legacy__grid,.wander-memory__grid,.contact-context__grid {grid-template-columns:1fr;} .manifesto__words span {font-size:clamp(3rem,14vw,6.5rem);} .manifesto__words span:nth-child(2),.manifesto__words span:nth-child(3){padding-left:0;} .section-heading--split {grid-template-columns:1fr;align-items:start;gap:2rem;} .section-heading {padding-top:6rem;} .territory {grid-template-columns:3rem 1fr;min-height:0;} .territory__main {grid-template-columns:1fr;gap:.7rem;} .territory__signal,.territory__orb,.territory__flow,.territory__frame {display:none;} .project-story {min-height:70svh;} .project-story__content {grid-template-columns:1fr;gap:1.6rem;padding-block:2.3rem;} .project-story__description p {max-width:40rem;} .heuresis-bridge__copy {max-width:38rem;} .journey__intro {position:static;} .journey-item.is-active {transform:none;} .thought-grid {grid-template-columns:1fr;} .thought-card {min-height:21rem;} .closing__inner {grid-template-columns:1fr;min-height:0;} .site-footer__brand {align-items:flex-start;flex-direction:column;} .site-footer__brand p {text-align:left;} .site-footer__grid {grid-template-columns:1fr 1fr;} .site-footer__grid nav {grid-row:span 2;} .page-hero {padding-top:9rem;} .page-hero__aside {max-width:42rem;} .story-opening__portrait-frame {order:2;} .story-chapter__number {font-size:4rem;} .story-chapter__copy {padding-top:0;} .career-item {grid-template-columns:7rem 1fr;gap:1rem;} .project-index__item > a {gap:2.5rem;} .project-index__visual {min-height:29rem;} .project-philosophy__grid .kicker {margin-bottom:1rem;} .principle-grid {grid-template-columns:1fr;} .principle-grid article {min-height:17rem;} .heuresis-separation__grid {grid-template-columns:1fr;} .heuresis-separation__mark {text-align:center;} .heuresis-separation__person,.heuresis-separation__brand {min-height:18rem;} .project-story-page__meta {position:static;grid-template-columns:repeat(3,1fr);gap:1.5rem;border-top:0;} .project-story-page__meta span {margin-top:0;} .role-grid {grid-template-columns:1fr 1fr;} .role-grid article {min-height:18rem;} .essay {grid-template-columns:1fr;gap:2rem;} .essay--blue,.essay--dark {margin-inline:calc((100vw - var(--shell)) / -2);} .thoughts-note__inner {align-items:flex-start;flex-direction:column;} .contact-options__grid {grid-template-columns:1fr;} .contact-option,.contact-option--dark {min-height:17rem;grid-column:auto;}} @media (max-width: 620px) {.story-highlight-grid,.archive-card-grid,.episode-grid,.project-link-list {grid-template-columns:1fr;} .menu-panel__surface {width:min(22rem,calc(100vw - .9rem));padding:.8rem;} .menu-panel__nav .nav-link {font-size:1.1rem;padding:.72rem .3rem;} :root {--shell: calc(100vw - 2rem);} body {font-size:1rem;} .header-brand {width:10.8rem;height:3.2rem;} .menu-toggle {width:3.2rem;height:3.2rem;} .menu-panel__surface {top:max(.5rem,env(safe-area-inset-top));right:.5rem;bottom:max(.5rem,env(safe-area-inset-bottom));width:calc(100vw - 1rem);border-radius:2rem;} .menu-panel__top img {width:10rem;} .menu-panel__meta {flex-direction:column;} .hero__media {padding-top:max(4.2rem,env(safe-area-inset-top));} .hero__content {padding-top:1.8rem;} .hero__eyebrow {margin-bottom:.9rem;} .hero h1 {font-size:clamp(2.25rem,10vw,3.2rem);} .hero__scroll {display:none;} .manifesto__words {gap:.3rem;margin-bottom:3rem;} .manifesto__words span {font-size:clamp(3rem,16vw,5rem);line-height:.87;} .territory {grid-template-columns:2rem 1fr;gap:1rem;padding:2rem 0;} .project-story {min-height:64svh;} .project-story__visual {opacity:.95;} .project-story h3 {font-size:clamp(2.5rem,11vw,4.2rem);} .heuresis-visual__word,.radio-visual__name,.wander-visual__name {left:1rem;top:12%;font-size:clamp(3rem,16vw,6rem);} .radio-visual__dial {right:1rem;top:12%;} .wander-visual__caption {top:28%;right:1rem;} .heuresis-bridge {padding:7rem 0;} .journey {padding:7rem 0;} .journey-item {grid-template-columns:5rem 1fr;gap:1rem;padding:2.2rem 0;} .thought-card {min-height:18rem;padding:1.6rem;} .thought-card__arrow {top:1.5rem;right:1.5rem;} .closing {padding:8rem 0;} .closing__quote {font-size:clamp(2.8rem,12vw,4.4rem);} .site-footer__inner {padding-top:3rem;} .site-footer__brand {padding-bottom:2.5rem;} .site-footer__grid {grid-template-columns:1fr;} .site-footer__grid nav {grid-row:auto;} .site-footer__bottom {flex-direction:column;gap:.4rem;} .page-hero {padding:8rem 0 5rem;} .page-hero h1 {font-size:clamp(2.9rem,12vw,4.6rem);} .story-opening,.story-chapter {padding:6rem 0;} .story-opening__portrait-frame {border-radius:1.5rem;} .career-item {grid-template-columns:1fr;gap:.4rem;padding:2rem 0;} .career-item--accent,.career-item--dark {margin-inline:0;padding-inline:1.4rem;} .project-index {padding:4rem 0 6rem;} .project-index__item {padding:3rem 0;} .project-index__visual {min-height:22rem;border-radius:1.5rem;} .project-philosophy {padding:7rem 0;} .heuresis-page-hero {padding:8rem 0 4rem;min-height:90svh;} .heuresis-page-hero h1 {font-size:clamp(3.4rem,15vw,5.5rem);} .heuresis-origin,.heuresis-separation {padding:7rem 0;} .principle-grid article {min-height:15rem;} .heuresis-separation__person,.heuresis-separation__brand {min-height:15rem;padding:2rem;border-radius:1.5rem;} .project-detail-hero {min-height:85svh;padding:8rem 0 3rem;} .project-detail-hero__content h1 {font-size:clamp(3.4rem,15vw,5.7rem);} .project-story-page {padding:6rem 0;} .project-story-page__meta {grid-template-columns:1fr;gap:0;} .project-story-page blockquote {margin-top:3rem;padding-left:1.5rem;} .role-grid {grid-template-columns:1fr;} .role-grid article {min-height:15rem;} .radio-legacy,.wander-memory {padding:7rem 0;} .project-next__inner > a {grid-template-columns:1fr auto;gap:1rem;} .project-next a span {grid-column:1/-1;} .project-next a strong {font-size:clamp(2.6rem,12vw,4.5rem);} .essay {padding:5rem 0;} .essay--blue,.essay--dark {padding-inline:1rem;margin-inline:-1rem;} .contact-hero {min-height:78svh;padding:8rem 0 4rem;} .contact-hero h1 {font-size:clamp(3rem,13vw,5rem);} .contact-option {padding:1.7rem;border-radius:1.5rem;} .contact-option__arrow {top:1.6rem;right:1.6rem;} .contact-context {padding:7rem 0;} .legal-hero {padding:9rem 0 4rem;}} @media (min-width: 1700px) {:root {--shell: min(1540px,calc(100vw - 13rem));} .hero__copy {width:29rem;}} @media (prefers-reduced-motion: reduce) {html {scroll-behavior:auto;} *,*::before,*::after {animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;} .js [data-reveal] {opacity:1 !important;transform:none !important;} .hero__media img {transform:none !important;} .has-pointer-light::before {display:none;}} @media (prefers-contrast: more) {:root {--text-soft:#30364d;--line:rgba(4,9,40,.28);} .glass-control {background:rgba(4,9,40,.93);border-color:rgba(255,255,255,.55);} .nav-link {color:white;}} @media (prefers-reduced-transparency: reduce) {.glass-control {background:rgba(4,9,40,.95);-webkit-backdrop-filter:none;backdrop-filter:none;} .menu-panel__backdrop {-webkit-backdrop-filter:none;backdrop-filter:none;}} @view-transition {navigation: auto;} ::view-transition-old(root),::view-transition-new(root) {animation-duration: 280ms;animation-timing-function: var(--ease-out);} @media (min-width: 1181px) {.menu-toggle {position: absolute;right: 0;top: 0;width: 3.5rem;height: 3.5rem;border-radius: 50%;align-items: center;justify-content: center;flex-direction: column;gap: .35rem;border: 1px solid var(--glass-border);cursor: pointer;} .menu-toggle span {position:relative;z-index:1;width:1.1rem;height:1px;background:white;} .page-home .menu-toggle {display:flex;} .page-home .desktop-nav,.page-home .header-contact {opacity: 0;transform: translateY(-8px);pointer-events: none;transition: opacity .35s var(--ease-out),transform .35s var(--ease-out);} .page-home .site-header.is-past-hero .desktop-nav,.page-home .site-header.is-past-hero .header-contact {opacity: 1;transform: none;pointer-events: auto;} .page-home .site-header.is-past-hero .menu-toggle {opacity: 0;pointer-events: none;}} @media (min-width: 901px) {.hero__copy {top: 29%;bottom: auto;width: min(17.5rem,22vw);} .hero h1 {font-size: clamp(2rem,2.65vw,3rem);}} @media (max-width: 1180px) {.hero {min-height: 100svh;display: flex;flex-direction: column;background: var(--ec-primary);} .hero__media {position: relative;inset: auto;z-index: 0;width: 100%;padding-top: max(4.8rem,env(safe-area-inset-top));background: var(--ec-primary);overflow: hidden;} .hero__media picture {display:block;width:100%;height:auto;} .hero__media img {width: 100%;height: auto;aspect-ratio: 1672 / 941;object-fit: contain;object-position: center;transform: none !important;} .hero__shade {display:none;} .hero__content {height: auto;min-height: 0;width: var(--shell);flex: 1;padding: 2.3rem 0 max(2rem,env(safe-area-inset-bottom));display: flex;flex-direction: column;justify-content: space-between;gap: 2.5rem;} .hero__copy {position: static;width: 100%;max-width: 34rem;} .hero h1 {font-size: clamp(2.5rem,6.5vw,4.4rem);} .hero__scroll {position: static;align-self: flex-end;width: 6.5rem;}} .header-brand {width: clamp(12rem,15vw,15.5rem);} .header-brand a {padding: .88rem 1.05rem;} .header-brand img,.menu-panel__top img,.site-footer__brand img {width: auto;height: auto;max-width: 100%;object-fit: contain;aspect-ratio: auto;} .header-brand img {max-height: 1.45rem;} .menu-panel__top img {width: min(13rem,48vw);max-height: 2.1rem;} .page-home .hero {position: relative;height: 100svh;min-height: 36rem;overflow: hidden;background: #0643ad;} .page-home .hero__media {position: absolute;inset: 0;z-index: 0;padding: 0;width: 100%;height: 100%;overflow: hidden;background: #0643ad;} .page-home .hero__media picture,.page-home .hero__media img {display: block;width: 100%;height: 100%;} .page-home .hero__media img {object-fit: cover;object-position: 50% 50%;transform: none !important;} .page-home .hero + .manifesto {position: relative;z-index: 1;} .territory-motion {justify-self: end;position: relative;width: 6rem;height: 4.25rem;opacity: .86;} .territory-motion--signal {display:flex;align-items:end;justify-content:end;gap:.38rem;padding-right:.35rem;} .territory-motion--signal span {width:.55rem;border-radius:1rem;background:white;opacity:.28;animation:signal 1.8s ease-in-out infinite alternate;transform-origin:bottom;} .territory-motion--signal span:nth-child(1){height:34%} .territory-motion--signal span:nth-child(2){height:82%;animation-delay:.2s} .territory-motion--signal span:nth-child(3){height:55%;animation-delay:.4s} .territory-motion--technology {display:grid;place-items:center;} .tech-core {position:absolute;width:1.05rem;aspect-ratio:1;border-radius:50%;background:white;box-shadow:0 0 1.3rem rgba(255,255,255,.65),0 0 2.8rem rgba(35,94,209,.7);animation:techPulse 2.2s ease-in-out infinite;} .tech-ring {position:absolute;width:3.6rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:50%;} .tech-ring--a {transform:rotateX(66deg) rotateZ(16deg);animation:techOrbitA 4s linear infinite;} .tech-ring--b {width:4.6rem;border-color:rgba(35,94,209,.75);transform:rotateY(68deg) rotateZ(-14deg);animation:techOrbitB 5.2s linear infinite reverse;} .territory-motion--technology i {position:absolute;width:.42rem;aspect-ratio:1;border-radius:50%;background:#fff;animation:techSatellite 3.2s linear infinite;box-shadow:0 0 .8rem rgba(255,255,255,.8);} @keyframes techPulse {50%{transform:scale(1.35);opacity:.72}} @keyframes techOrbitA {to{transform:rotateX(66deg) rotateZ(376deg)}} @keyframes techOrbitB {to{transform:rotateY(68deg) rotateZ(346deg)}} @keyframes techSatellite {0%{transform:rotate(0) translateX(2.15rem) rotate(0)} 100%{transform:rotate(360deg) translateX(2.15rem) rotate(-360deg)}} .territory-motion--process {display:flex;align-items:center;justify-content:space-between;} .process-line {position:absolute;left:.35rem;right:.35rem;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.62),rgba(255,255,255,.1));overflow:hidden;} .process-line::after {content:"";position:absolute;top:-1px;width:1.6rem;height:3px;border-radius:2px;background:white;box-shadow:0 0 1rem rgba(255,255,255,.7);animation:processTravel 2.5s var(--ease-smooth) infinite;} .territory-motion--process i {position:relative;z-index:1;width:.82rem;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.62);background:var(--ec-deep);animation:processNode 2.5s ease-in-out infinite;} .territory-motion--process i:nth-of-type(2){animation-delay:.36s}.territory-motion--process i:nth-of-type(3){animation-delay:.72s} .territory-motion--process b {position:absolute;right:0;top:50%;width:.55rem;height:.55rem;border-top:1px solid white;border-right:1px solid white;transform:translateY(-50%) rotate(45deg);} @keyframes processTravel {0%{left:0;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{left:calc(100% - 1.6rem);opacity:0}} @keyframes processNode {0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)} 40%{background:white;box-shadow:0 0 0 .35rem rgba(255,255,255,.08),0 0 1.2rem rgba(35,94,209,.55)}} .territory-motion--digital {display:grid;place-items:center;} .digital-window {position:relative;width:5.1rem;height:3.35rem;border:1px solid rgba(255,255,255,.55);border-radius:.7rem;overflow:hidden;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);} .digital-window::before {content:"";position:absolute;left:0;right:0;top:.72rem;height:1px;background:rgba(255,255,255,.2);} .digital-window::after {content:"";position:absolute;left:.55rem;right:.55rem;top:1.35rem;height:.34rem;border-radius:1rem;background:rgba(255,255,255,.54);box-shadow:0 .72rem 0 rgba(255,255,255,.22);transform-origin:left;animation:digitalBuild 2.8s var(--ease-out) infinite;} .digital-window i {position:absolute;width:.22rem;aspect-ratio:1;border-radius:50%;top:.26rem;background:rgba(255,255,255,.5);} .digital-window i:nth-child(1){left:.42rem}.digital-window i:nth-child(2){left:.82rem}.digital-window i:nth-child(3){left:1.22rem} .digital-window b {position:absolute;width:1px;height:1.5rem;top:1.1rem;left:.48rem;background:white;animation:digitalScan 2.2s ease-in-out infinite;box-shadow:0 0 .7rem rgba(255,255,255,.75);} .territory-motion--digital em {position:absolute;right:.08rem;bottom:.04rem;width:.7rem;height:.7rem;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(-16deg);animation:digitalPointer 2.8s var(--ease-out) infinite;} @keyframes digitalBuild {0%,14%{transform:scaleX(.18);opacity:.28} 45%,78%{transform:scaleX(1);opacity:.75} 100%{transform:scaleX(.18);opacity:.28}} @keyframes digitalScan {0%,100%{transform:translateX(0);opacity:.25} 50%{transform:translateX(3.95rem);opacity:1}} @keyframes digitalPointer {0%,100%{transform:translate(0,0) rotate(-16deg);opacity:.4} 50%{transform:translate(-1rem,-.7rem) rotate(-16deg);opacity:1}} .projects-compact {overflow:hidden;padding-bottom:clamp(6rem,10vw,10rem);} .project-compact-list {border-top:1px solid rgba(255,255,255,.22);} .project-compact {position:relative;border-bottom:1px solid rgba(255,255,255,.22);overflow:hidden;} .project-compact > a {position:relative;display:grid;grid-template-columns:3.5rem minmax(14rem,.85fr) minmax(18rem,1fr) 10rem;gap:clamp(1.5rem,3vw,3.5rem);align-items:center;min-height:15rem;padding:2.5rem 0;color:white;} .project-compact > a::before {content:"";position:absolute;inset:0 calc((100vw - var(--shell)) / -2);background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);transform:translateX(-105%);transition:transform .75s var(--ease-out);} .project-compact > a:hover::before {transform:translateX(105%);} .project-compact__index {align-self:start;padding-top:.55rem;color:rgba(255,255,255,.36);font-size:.72rem;font-weight:800;letter-spacing:.1em;} .project-compact__title,.project-compact__copy,.project-compact__visual {position:relative;z-index:1;} .project-compact__title h3 {margin:0;font-size:clamp(2.5rem,4.3vw,4.9rem);} .project-compact__copy p {margin:0 0 1.2rem;max-width:42rem;color:rgba(255,255,255,.72);} .project-compact__cta {display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;font-weight:800;} .project-compact__cta span {transition:transform var(--motion-fast);} .project-compact > a:hover .project-compact__cta span {transform:translate(3px,-3px);} .project-compact__visual {justify-self:end;width:8rem;height:6.5rem;} .project-compact__visual--heuresis span {position:absolute;inset:50% auto auto 50%;width:4rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.42);border-radius:50%;transform:translate(-50%,-50%);animation:compactHalo 3.8s ease-in-out infinite;} .project-compact__visual--heuresis i {position:absolute;inset:50% auto auto 50%;width:5.7rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%);} .project-compact__visual--heuresis i:nth-of-type(2){width:7.2rem;animation:compactHalo 3.8s 1s ease-in-out infinite reverse} @keyframes compactHalo {0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(.86)} 50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}} .project-compact__visual--radio {display:flex;align-items:center;justify-content:flex-end;gap:.35rem;} .project-compact__visual--radio span {position:absolute;left:.2rem;right:.2rem;height:1px;background:rgba(255,255,255,.22);} .project-compact__visual--radio i {width:.5rem;border-radius:1rem;background:white;opacity:.35;animation:radioBars 1.35s ease-in-out infinite alternate;} .project-compact__visual--radio i:nth-of-type(1){height:1.5rem}.project-compact__visual--radio i:nth-of-type(2){height:4rem;animation-delay:.18s}.project-compact__visual--radio i:nth-of-type(3){height:2.6rem;animation-delay:.36s} @keyframes radioBars {to{height:5.4rem;opacity:.88}} .project-compact__visual--wanderlust span {position:absolute;left:.45rem;right:.45rem;top:50%;height:3.1rem;border-top:1px dashed rgba(255,255,255,.48);border-radius:50%;transform:rotate(-8deg);} .project-compact__visual--wanderlust i {position:absolute;width:.56rem;aspect-ratio:1;border-radius:50%;background:white;box-shadow:0 0 0 .28rem rgba(255,255,255,.12);animation:routePulse 2.4s ease-in-out infinite;} .project-compact__visual--wanderlust i:nth-of-type(1){left:.6rem;top:3.7rem}.project-compact__visual--wanderlust i:nth-of-type(2){left:3.4rem;top:2.4rem;animation-delay:.4s}.project-compact__visual--wanderlust i:nth-of-type(3){right:.55rem;top:2.9rem;animation-delay:.8s} @keyframes routePulse {50%{transform:scale(1.45);box-shadow:0 0 0 .55rem rgba(255,255,255,.06)}} .site-footer__brand {align-items:center;} .site-footer__brand a {display:block;} .site-footer__brand img {width:clamp(13rem,18vw,17.5rem);max-height:none;} .site-footer__brand p {font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42);} .site-footer .nav-link.is-active {background:none;color:rgba(255,255,255,.58);} .site-footer .nav-link::before,.site-footer .nav-link::after {display:none !important;content:none !important;} .story-highlight-grid,.archive-card-grid,.episode-grid,.project-link-list {display:grid;gap:1rem;} .story-highlight-grid {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem;} .archive-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem;} .episode-grid {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem;} .project-link-list {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem;} .story-highlight-grid article,.archive-card-grid article,.episode-card,.project-link-list a {border:1px solid var(--line);border-radius:1.2rem;padding:1.25rem 1.2rem;background:white;} .project-link-list a {display:flex;flex-direction:column;gap:.35rem;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);} .project-link-list a:hover {transform:translateY(-2px);box-shadow:0 14px 32px rgba(4,9,40,.08);} .story-highlight-grid h3,.archive-card-grid h3,.episode-card h3 {margin:0 0 .55rem;font-size:1.2rem;} .story-highlight-grid p,.archive-card-grid p,.episode-card p,.project-link-list p {margin:0;color:var(--text-soft);} .archive-card-grid .project-meta,.episode-card .project-meta,.project-link-list .project-meta {color:rgba(4,9,40,.5);} .episode-card__title-row {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.55rem;} .episode-card__index {flex:0 0 auto;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--ec-primary);} .project-story-page__body--archive h2 {margin-top:4rem;} .project-story-page__body--archive h2:first-of-type {margin-top:1rem;} .archive-source,.wander-episode-archive {margin-top:4rem;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);} .archive-source {display:flex;justify-content:space-between;gap:2rem;align-items:center;} .archive-source span,.wander-episode-archive > span {font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(4,9,40,.48);} .archive-source a {color:var(--ec-primary);font-weight:800;} .wander-episode-archive p {margin:.9rem 0 0;color:var(--text-soft);} @media (max-width: 1180px) {.project-compact > a {grid-template-columns:3rem .8fr 1fr 7rem;gap:1.5rem;}} @media (max-width: 900px) {.page-home .hero {height:auto;min-height:0;padding-top:max(4.75rem,env(safe-area-inset-top));background:#0643ad;} .page-home .hero__media {position:relative;inset:auto;width:100%;height:auto;padding:0;} .page-home .hero__media picture {display:block;width:100%;height:auto;} .page-home .hero__media img {width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center;} .territory {grid-template-columns:3rem 1fr 5rem;} .territory-motion {display:block;width:5rem;transform:scale(.85);transform-origin:right center;} .territory-motion--signal {display:flex;} .territory-motion--process {display:flex;} .territory-motion--technology,.territory-motion--digital {display:grid;} .project-compact > a {grid-template-columns:2.5rem 1fr 5rem;gap:1.2rem;min-height:0;padding:2.35rem 0;} .project-compact__copy {grid-column:2 / -1;padding-right:1rem;} .project-compact__visual {grid-column:3;grid-row:1;width:5rem;height:4.8rem;transform:scale(.72);transform-origin:right center;} .project-compact__title h3 {font-size:clamp(2.25rem,7vw,3.8rem);} .site-footer__brand {flex-direction:row;align-items:center;}} @media (max-width: 620px) {.story-highlight-grid,.archive-card-grid,.episode-grid,.project-link-list {grid-template-columns:1fr;} .menu-panel__surface {width:min(22rem,calc(100vw - .9rem));padding:.8rem;} .menu-panel__nav .nav-link {font-size:1.1rem;padding:.72rem .3rem;} .header-brand {width:10.6rem;height:3.2rem;} .header-brand a {padding:.82rem .9rem;} .header-brand img {max-height:1.22rem;} .page-home .hero {padding-top:max(4.15rem,env(safe-area-inset-top));} .territory {grid-template-columns:2rem 1fr;} .territory-motion {grid-column:2;justify-self:start;margin-top:.8rem;transform:scale(.76);transform-origin:left center;} .project-compact > a {grid-template-columns:2rem 1fr;} .project-compact__visual {display:none;} .project-compact__copy {grid-column:2;padding-right:0;} .site-footer__brand {flex-direction:column;align-items:flex-start;} .site-footer__brand p {text-align:left;} .archive-source {align-items:flex-start;flex-direction:column;gap:.6rem;}} .site-header {height: 3.25rem;} .header-brand {width: clamp(11.25rem,12.5vw,13.25rem);height: 3.25rem;border-radius: 1.7rem;transform: none !important;transition: background .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out);} .header-brand a {padding: .78rem 1rem;} .header-brand .brand-logo {position: absolute;inset: 50% auto auto 50%;width: calc(100% - 2rem);max-height: 1.22rem;transform: translate(-50%,-50%);transition: opacity .28s var(--ease-out);} .brand-logo--black {opacity: 0;} .brand-logo--white {opacity: 1;} .desktop-nav {right: 0;height: 3.25rem;border-radius: 1.7rem;} .nav-link {min-height: 2.6rem;} .menu-toggle {height: 3.25rem;width: 3.25rem;} .site-header.is-scrolled .header-brand {transform: none !important;} .site-header[data-header-tone="light"] .header-brand,.site-header[data-header-tone="light"] .desktop-nav,.site-header[data-header-tone="light"] .menu-toggle {background: linear-gradient(180deg,rgba(255,255,255,.68),rgba(242,246,255,.38)),rgba(255,255,255,.28);border-color: rgba(255,255,255,.78);box-shadow: 0 14px 42px rgba(4,9,40,.12),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(4,9,40,.05);-webkit-backdrop-filter: blur(24px) saturate(180%);backdrop-filter: blur(24px) saturate(180%);} .site-header[data-header-tone="light"] .brand-logo--black {opacity: 1;} .site-header[data-header-tone="light"] .brand-logo--white {opacity: 0;} .site-header[data-header-tone="light"] .nav-link {color: rgba(4,9,40,.68);} .site-header[data-header-tone="light"] .nav-link:hover,.site-header[data-header-tone="light"] .nav-link:focus-visible {color: var(--ec-night);background: rgba(4,9,40,.06);} .site-header[data-header-tone="light"] .nav-link.is-active {color: var(--ec-night);background: rgba(4,9,40,.085);} .site-header[data-header-tone="light"] .menu-toggle span {background: var(--ec-night);} .site-header[data-header-tone="dark"] .header-brand,.site-header[data-header-tone="dark"] .desktop-nav,.site-header[data-header-tone="dark"] .menu-toggle {background: linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.055)),rgba(4,9,40,.42);border-color: rgba(255,255,255,.24);box-shadow: 0 18px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter: blur(24px) saturate(170%);backdrop-filter: blur(24px) saturate(170%);} .site-header[data-header-tone="dark"] .brand-logo--white {opacity: 1;} .site-header[data-header-tone="dark"] .brand-logo--black {opacity: 0;} .menu-panel__surface {width: min(27rem,calc(100vw - 2rem));padding: 1rem;border-radius: 2.35rem;overflow: hidden auto;background: radial-gradient(circle at 18% -5%,rgba(255,255,255,.30),transparent 31%),linear-gradient(145deg,rgba(27,55,126,.66),rgba(4,9,40,.70) 58%,rgba(8,22,65,.82));border: 1px solid rgba(255,255,255,.30);box-shadow: 0 34px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.07);-webkit-backdrop-filter: blur(34px) saturate(190%);backdrop-filter: blur(34px) saturate(190%);} .menu-panel__surface::before {content:"";position:absolute;inset:1px 1px auto 1px;height:42%;border-radius:2.25rem 2.25rem 48% 48%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent);opacity:.9;} .menu-panel__top,.menu-panel__nav,.menu-panel__meta {position:relative;z-index:1;} .menu-panel__top {padding:.45rem .45rem .8rem;} .menu-panel__brand {position:relative;display:block;width:min(12rem,52vw);height:1.55rem;} .menu-panel__brand img {position:absolute;inset:50% auto auto 0;width:100%;max-height:1.55rem;transform:translateY(-50%);transition:opacity .25s ease;} .menu-logo--black {opacity:0;} .menu-close {width:2.7rem;height:2.7rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);} .menu-panel__nav {padding:.35rem;border-radius:1.7rem;background:rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.08);} .menu-panel__nav .nav-link {padding:.92rem 1rem;border-bottom:1px solid rgba(255,255,255,.10);border-radius:1.1rem;font-size:clamp(1.15rem,3vw,1.55rem);} .menu-panel__nav .nav-link:last-child {border-bottom:0;} .menu-panel__nav .nav-link:hover,.menu-panel__nav .nav-link:focus-visible,.menu-panel__nav .nav-link.is-active {background:rgba(255,255,255,.10);} .menu-panel[data-header-tone="light"] .menu-panel__surface {color:var(--ec-night);background:radial-gradient(circle at 18% -5%,rgba(255,255,255,.95),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.72),rgba(225,234,252,.58));border-color:rgba(255,255,255,.88);box-shadow:0 34px 100px rgba(4,9,40,.20),inset 0 1px 0 white,inset 0 -1px 0 rgba(4,9,40,.06);} .menu-panel[data-header-tone="light"] .menu-logo--white {opacity:0;} .menu-panel[data-header-tone="light"] .menu-logo--black {opacity:1;} .menu-panel[data-header-tone="light"] .menu-close {color:var(--ec-night);background:rgba(255,255,255,.48);border-color:rgba(4,9,40,.08);} .menu-panel[data-header-tone="light"] .menu-panel__nav {background:rgba(255,255,255,.28);border-color:rgba(4,9,40,.06);} .menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link {color:rgba(4,9,40,.70);border-color:rgba(4,9,40,.08);} .menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link:hover,.menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link:focus-visible,.menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link.is-active {color:var(--ec-night);background:rgba(255,255,255,.52);} .menu-panel[data-header-tone="light"] .menu-panel__meta {color:rgba(4,9,40,.54);} .page-home .hero {position:relative !important;height:100svh !important;min-height:100svh !important;padding:0 !important;display:block !important;overflow:hidden !important;background:#0643ad;} .page-home .hero__media {position:absolute !important;inset:0 !important;z-index:0 !important;width:100% !important;height:100% !important;padding:0 !important;} .page-home .hero__media picture,.page-home .hero__media img {display:block !important;width:100% !important;height:100% !important;} .page-home .hero__media img {aspect-ratio:auto !important;object-fit:cover !important;object-position:center center !important;transform:none !important;} .territories.has-pointer-light::before,.has-pointer-light::before {display:none !important;} .journey-item,.journey-item:hover {opacity:1 !important;filter:none !important;background:transparent !important;color:inherit !important;cursor:default;transform:none !important;} .journey-item:hover h3,.journey-item:hover p,.journey-item:hover time {opacity:1 !important;filter:none !important;} .story-opening__portrait-frame {border-radius:2rem;aspect-ratio:4/5;} .story-opening__portrait-frame picture {display:block;width:100%;height:100%;} .story-opening__portrait-frame img {width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 8%;} .story-chapter__number {color:rgba(255,255,255,.30);text-shadow:0 1px 18px rgba(0,0,0,.12);} .story-chapter__grid--light .story-chapter__number {color:rgba(4,9,40,.24);text-shadow:none;} .quote-section__inner {max-width:none;} .quote-section blockquote {max-width:31ch;font-size:clamp(1.75rem,2.7vw,3rem);line-height:1.16;font-weight:400;letter-spacing:-.025em;} .quote-section__mark {opacity:.7;} .page-hero h1 {font-size:clamp(2.7rem,4.2vw,4.9rem);} .project-index__copy h2 {font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:1.45rem;} .project-philosophy h2 {font-size:clamp(2.4rem,4vw,4.4rem);} .closing__quote {font-size:clamp(2rem,3.6vw,3.65rem);max-width:16ch;line-height:1.08;} .project-detail-hero__content h1 {font-size:clamp(3.4rem,7vw,7rem);} .project-story-page__body h2 {font-size:clamp(2.1rem,3.4vw,3.65rem);} .heuresis-visual--clean {display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#151a23 0,#08090b 48%,#030303 78%);} .heuresis-visual__logo {position:relative;z-index:2;width:min(72%,28rem);height:auto;object-fit:contain;} .project-compact__visual--heuresis {display:grid;place-items:center;width:9rem;} .project-compact__visual--heuresis img {width:100%;height:auto;object-fit:contain;} .project-compact__visual--heuresis span,.project-compact__visual--heuresis i {display:none !important;} .radio-visual--clean,.radio-visual--hero {display:grid;place-items:center;} .radio-wave {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.62rem;width:min(62%,25rem);height:9rem;} .radio-wave::before {content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);} .radio-wave i {position:relative;width:.6rem;min-height:1.5rem;border-radius:1rem;background:rgba(255,255,255,.76);box-shadow:0 0 1.5rem rgba(35,94,209,.22);animation:radioWaveV5 1.4s ease-in-out infinite alternate;} .radio-wave i:nth-child(1){height:2.2rem;animation-delay:-.7s}.radio-wave i:nth-child(2){height:4.4rem;animation-delay:-.5s}.radio-wave i:nth-child(3){height:6.8rem;animation-delay:-.3s}.radio-wave i:nth-child(4){height:8.2rem;animation-delay:-.1s}.radio-wave i:nth-child(5){height:6.2rem;animation-delay:-.4s}.radio-wave i:nth-child(6){height:4rem;animation-delay:-.6s}.radio-wave i:nth-child(7){height:2.4rem;animation-delay:-.2s} .radio-wave--hero {position:absolute;right:7%;top:50%;transform:translateY(-50%);width:min(24vw,21rem);opacity:.58;} @keyframes radioWaveV5 {to{transform:scaleY(.58);opacity:.36}} .wander-visual--clean,.wander-visual--hero {background:radial-gradient(circle at 72% 28%,rgba(93,143,255,.55),transparent 31%),linear-gradient(145deg,#071a49 0,#0d3a92 52%,#235ed1 100%);} .wander-visual--clean::after,.wander-visual--hero::after {background:linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.07) 44.2%,transparent 44.5%);} .wander-orbit {position:absolute;width:65%;aspect-ratio:1;right:-13%;top:-23%;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 4rem rgba(255,255,255,.025),0 0 0 9rem rgba(255,255,255,.018);} .wander-route-clean {position:absolute;left:10%;right:10%;top:28%;height:47%;} .wander-route-clean span {position:absolute;left:5%;right:5%;top:34%;height:60%;border-top:2px dashed rgba(255,255,255,.45);border-radius:50%;transform:rotate(-9deg);} .wander-route-clean i {position:absolute;width:.8rem;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 .38rem rgba(255,255,255,.13),0 0 1.6rem rgba(255,255,255,.18);animation:routePulseV5 2.8s ease-in-out infinite;} .wander-route-clean i:nth-of-type(1){left:7%;top:72%}.wander-route-clean i:nth-of-type(2){left:34%;top:43%;animation-delay:.4s}.wander-route-clean i:nth-of-type(3){left:62%;top:32%;animation-delay:.8s}.wander-route-clean i:nth-of-type(4){right:5%;top:49%;animation-delay:1.2s} .wander-compass {position:absolute;left:11%;top:13%;width:3.8rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.42);border-radius:50%;} .wander-compass::before,.wander-compass::after {content:"";position:absolute;inset:50% auto auto 50%;background:white;transform-origin:center;opacity:.72;} .wander-compass::before {width:1px;height:2.6rem;transform:translate(-50%,-50%) rotate(28deg);} .wander-compass::after {width:2.6rem;height:1px;transform:translate(-50%,-50%) rotate(28deg);} .wander-compass b {position:absolute;left:50%;top:50%;width:.45rem;aspect-ratio:1;border-radius:50%;background:#fff;transform:translate(-50%,-50%);} .wander-orbit--hero {width:55%;right:-8%;top:-14%;opacity:.72;} .wander-route-clean--hero {left:42%;right:7%;top:24%;} .wander-compass--hero {left:auto;right:8%;top:15%;opacity:.7;} @keyframes routePulseV5 {50%{transform:scale(1.45);box-shadow:0 0 0 .62rem rgba(255,255,255,.05),0 0 2rem rgba(255,255,255,.24)}} a.episode-card {display:flex;flex-direction:column;color:inherit;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s;} a.episode-card:hover,a.episode-card:focus-visible {transform:translateY(-3px);border-color:rgba(4,52,150,.24);box-shadow:0 15px 35px rgba(4,9,40,.09);} .episode-card__listen {margin-top:auto;padding-top:1rem;color:var(--ec-primary);font-size:.78rem;font-weight:800;} @media (max-width:1180px) {.desktop-nav {right:0;} .page-home .hero,.page-home .hero__media {height:100svh !important;min-height:100svh !important;} .page-home .hero__media {position:absolute !important;inset:0 !important;padding:0 !important;} .page-home .hero__media picture,.page-home .hero__media img {width:100% !important;height:100% !important;} .page-home .hero__media img {object-fit:cover !important;}} @media (max-width:900px) {.page-home .hero {padding:0 !important;} .page-home .hero__media {position:absolute !important;inset:0 !important;} .page-home .hero__media img {object-fit:cover !important;object-position:50% 50% !important;} .story-opening__portrait-frame {aspect-ratio:4/5;order:2;} .story-chapter__number {font-size:4.5rem;} .radio-wave--hero {right:5%;width:30vw;}} @media (max-width:620px) {.header-brand {width:10.4rem;height:3.05rem;} .header-brand .brand-logo {max-height:1.08rem;} .menu-toggle {width:3.05rem;height:3.05rem;} .menu-panel__surface {width:calc(100vw - 1rem);border-radius:2.15rem;} .project-index__visual {min-height:22rem;} .heuresis-visual__logo {width:min(74%,20rem);} .radio-wave--hero {right:2%;width:40vw;opacity:.35;} .wander-route-clean--hero {left:30%;right:4%;opacity:.55;} .project-detail-hero__content h1 {font-size:clamp(3rem,15vw,5.2rem);}} .journey-item::before {display:none !important;content:none !important;} .story-opening__portrait-frame img {object-position: center top;} @media (min-width: 901px) {.site-header {width: min(94vw,75rem);display:flex;justify-content:center;align-items:flex-start;} .desktop-glass-bar {pointer-events:auto;position:relative;isolation:isolate;height:3.55rem;display:flex;align-items:center;gap:clamp(1rem,2.8vw,3rem);padding:.25rem .6rem .25rem 1.1rem;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(9,27,76,.52));-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.32);transform-origin:center;transition:clip-path .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1),opacity .25s ease,background .3s ease;clip-path:inset(0 0 0 0 round 999px);} .desktop-glass-bar .header-brand {position:relative;inset:auto;flex:none;height:2.65rem;width:clamp(9.5rem,15vw,12rem);background:none !important;border:0 !important;box-shadow:none !important;} .desktop-glass-bar .header-brand a {display:block;height:100%;} .desktop-glass-bar .desktop-nav {position:relative;inset:auto;opacity:1;transform:none;height:2.75rem;display:flex;padding:0;gap:.05rem;background:none !important;border:0 !important;box-shadow:none !important;pointer-events:auto;} .desktop-glass-bar .nav-link {white-space:nowrap;padding:.18rem clamp(.5rem,1vw,.85rem);font-size:.75rem;} .site-header[data-header-tone="light"] .desktop-glass-bar {background:linear-gradient(160deg,rgba(255,255,255,.80),rgba(225,235,251,.55));border-color:rgba(255,255,255,.82);box-shadow:0 15px 40px rgba(4,9,40,.13),inset 0 1px 0 white;} .site-header[data-header-tone="dark"] .desktop-glass-bar {background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(4,9,40,.62));border-color:rgba(255,255,255,.27);} .site-header .menu-toggle {display:none !important;} .page-home .site-header:not(.is-past-hero) .desktop-glass-bar {opacity:0;pointer-events:none;transform:scaleX(.075) scaleY(.65);clip-path:inset(0 48% 0 48% round 999px);} .page-home .site-header.is-past-hero .desktop-glass-bar {opacity:1;pointer-events:auto;transform:scale(1);clip-path:inset(0 0 0 0 round 999px);} .page-home .site-header:not(.is-past-hero) .desktop-glass-bar a {visibility:hidden;} .page-home .site-header.is-past-hero .desktop-glass-bar a {visibility:visible;} .hero__signature {position:absolute;top:max(1.7rem,env(safe-area-inset-top));right:clamp(2rem,5vw,6rem);z-index:5;width:clamp(13rem,23vw,22rem);pointer-events:none;} .hero__signature img {display:block;width:100%;height:auto;object-fit:contain;}} @media (max-width:900px) {.desktop-glass-bar {display:none !important;} .site-header {display:flex;justify-content:flex-end;} .site-header .menu-toggle {display:flex !important;position:absolute;right:0;top:0;} .hero__signature {display:none !important;} .page-home .hero__media img {object-position:50% center !important;} .menu-panel__surface {transform:translateY(-1rem) scale(.92);transform-origin:top right;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .45s ease;opacity:0;} .menu-panel.is-open .menu-panel__surface {transform:translateY(0) scale(1);opacity:1;}} @media (prefers-reduced-motion:reduce) {.desktop-glass-bar,.menu-panel__surface {transition-duration:.01ms !important;}} .thought-link {color:inherit;text-decoration:none;} .thought-link:hover {text-decoration:underline;text-underline-offset:.1em;} .thought-read {display:inline-block;margin-top:1.8rem;color:inherit;text-decoration:underline;text-underline-offset:.25em;} .thought-empty {padding:5rem 0;color:var(--text-soft);} .thought-hero {padding-bottom:3rem;} .thought-detail {max-width:850px;margin:0 auto;padding:4rem 0 9rem;} .thought-detail h1 {margin:1rem 0 2rem;font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.08;} .thought-back {color:var(--ec-primary);} .thought-detail .lead {margin-bottom:3rem;} .thought-cover {width:100%;height:auto;border-radius:1rem;margin:1rem 0 3rem;} .thought-body {font-size:1.12rem;line-height:1.8;} .thought-body p,.thought-body ul,.thought-body ol {margin:0 0 1.5em;} .thought-body h2,.thought-body h3 {margin:2em 0 .7em;} .project-compact__visual--heuresis {width:8rem;height:6.5rem;display:grid;place-items:center;color:#fff;} .project-compact__visual--heuresis .heuresis-core-icon {display:block;width:6.5rem;height:6.5rem;overflow:visible;filter:drop-shadow(0 0 10px rgba(255,255,255,.12));} .heuresis-core-icon__orbit--outer {transform-origin:64px 64px;animation:heuresisCoreOrbit 24s linear infinite;} .heuresis-core-icon__orbit--inner {transform-origin:64px 64px;animation:heuresisCoreOrbit 32s linear infinite reverse;} .heuresis-core-icon__pulse {transform-origin:64px 64px;animation:heuresisCoreBreath 3.2s ease-in-out infinite;} @keyframes heuresisCoreOrbit {to {transform:rotate(360deg);}} @keyframes heuresisCoreBreath {50% {transform:scale(1.16);opacity:.64;}} @media(max-width:620px) {.project-compact__visual--heuresis {display:none !important;}} @media(min-width:901px) {.desktop-glass-bar .header-brand,.site-header[data-header-tone="light"] .desktop-glass-bar .header-brand,.site-header[data-header-tone="dark"] .desktop-glass-bar .header-brand,.desktop-glass-bar .desktop-nav,.site-header[data-header-tone="light"] .desktop-glass-bar .desktop-nav,.site-header[data-header-tone="dark"] .desktop-glass-bar .desktop-nav {background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;} .desktop-glass-bar .nav-link,.desktop-glass-bar .nav-link.is-active,.desktop-glass-bar .nav-link:hover,.desktop-glass-bar .nav-link:focus-visible,.site-header[data-header-tone="light"] .desktop-glass-bar .nav-link.is-active,.site-header[data-header-tone="dark"] .desktop-glass-bar .nav-link.is-active {background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;} .desktop-glass-bar .nav-link {transition:color .22s ease,opacity .22s ease !important;} .desktop-glass-bar .nav-link.is-active {color:#fff;font-weight:600;} .site-header[data-header-tone="light"] .desktop-glass-bar .nav-link.is-active {color:var(--ec-night) !important;} .desktop-glass-bar .nav-link:hover {opacity:.72;}} @media(prefers-reduced-motion:reduce) {.heuresis-core-icon__orbit,.heuresis-core-icon__pulse {animation:none !important;}} :root {--ec-mobile-hero-blue:#052c79;} html {background:var(--ec-mobile-hero-blue);} body {background:var(--ec-night);} .page-home .hero {background:var(--ec-mobile-hero-blue) !important;} .page-home .hero__media {background:var(--ec-mobile-hero-blue) !important;} @media(max-width:900px) {html {background:var(--ec-mobile-hero-blue);} .page-home .hero__media,.page-home .hero__media picture,.page-home .hero__media img {top:-2px !important;height:calc(100% + 3px) !important;} .site-header {width:min(calc(100% - 1.5rem),35rem) !important;height:3.55rem !important;top:max(.55rem,env(safe-area-inset-top)) !important;display:block !important;} .mobile-glass-bar {pointer-events:auto;position:relative;box-sizing:border-box;width:100%;height:3.55rem;display:flex;align-items:center;justify-content:space-between;padding:.27rem .36rem .27rem 1.1rem;border-radius:999px;isolation:isolate;border:1px solid rgba(255,255,255,.32);background:linear-gradient(130deg,rgba(218,235,255,.21),rgba(22,64,130,.24) 45%,rgba(4,9,40,.49));-webkit-backdrop-filter:blur(28px) saturate(175%);backdrop-filter:blur(28px) saturate(175%);box-shadow:0 14px 36px rgba(1,7,34,.2),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.08);} .mobile-glass-bar::before {content:'';pointer-events:none;position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(155deg,rgba(255,255,255,.12),transparent 40%,rgba(255,255,255,.04));} .mobile-glass-bar__brand {position:relative;z-index:1;display:block;width:min(11rem,51vw);height:2.6rem;flex:none;} .mobile-logo {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s ease;} .mobile-logo--black {opacity:0;} .mobile-logo--white {opacity:1;} .site-header[data-header-tone=light] .mobile-logo--white {opacity:0;} .site-header[data-header-tone=light] .mobile-logo--black {opacity:1;} .site-header[data-header-tone=light] .mobile-glass-bar {background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(232,240,252,.64));border-color:rgba(255,255,255,.89);box-shadow:0 12px 35px rgba(4,9,40,.10),inset 0 1px 0 white;} .site-header .menu-toggle {position:relative !important;inset:auto !important;flex:none !important;display:flex !important;width:2.8rem !important;height:2.8rem !important;border-radius:50% !important;background:rgba(255,255,255,.11) !important;border:1px solid rgba(255,255,255,.17) !important;box-shadow:inset 0 1px rgba(255,255,255,.14) !important;} .site-header[data-header-tone=light] .menu-toggle {background:rgba(4,9,40,.07) !important;border-color:rgba(4,9,40,.09) !important;}} @media(min-width:901px) {.mobile-glass-bar {display:none !important;}} :root {--type-display: clamp(3.15rem,5.25vw,5.5rem);--type-h1: clamp(2.35rem,3.55vw,3.5rem);--type-h2: clamp(1.85rem,2.8vw,2.75rem);--type-h3: clamp(1.28rem,1.85vw,1.85rem);--type-lead: clamp(1.08rem,1.25vw,1.27rem);--type-body: 1rem;--type-label: .76rem;--editorial-line: 1.62;--section-vertical: clamp(4.5rem,7vw,7rem);--shell: min(1330px,calc(100vw - clamp(2.5rem,7vw,8rem)));--radius-l: 1.6rem;--radius-xl: 2rem;} html {scroll-padding-top: 5.5rem;} body {font-size: var(--type-body);line-height: var(--editorial-line);font-weight: 400;} h1,h2,h3 {font-weight: 600;line-height: 1.13;letter-spacing: -.034em;text-wrap: balance;} h1 {font-size: var(--type-h1);} h2 {font-size: var(--type-h2);} h3 {font-size: var(--type-h3);} .lead {font-size: var(--type-lead);line-height: 1.55;letter-spacing: -.012em;font-weight: 400;max-width: 65ch;} .body-copy {line-height: 1.73;} .kicker,.project-meta,.thought-card__tag,.contact-option__label,.essay__meta,.project-compact__index,.territory__index,.project-story-page__meta span,.contact-context__list span,.episode-card__index {font-size: var(--type-label);font-weight: 600;letter-spacing: .10em;} .button,.text-link,.nav-link,.project-compact__cta {font-weight: 600;} .button {min-height: 2.9rem;padding-inline: 1.2rem;font-size: .89rem;} .button--large {min-height: 3.15rem;font-size: .93rem;padding-inline: 1.35rem;} .text-link {font-size: .88rem;} .section-heading {padding-block: clamp(3.7rem,5.8vw,6rem) clamp(1.8rem,3vw,2.8rem);} .section-heading h2,.journey__intro h2,.contact-context h2,.project-philosophy h2,.heuresis-origin h2,.project-story-page__body h2,.project-next a strong,.project-index__copy h2 {font-size: var(--type-h2);font-weight: 600;line-height: 1.16;letter-spacing: -.034em;} .page-hero {padding: clamp(8.2rem,11vw,10rem) 0 clamp(3.5rem,5.7vw,6rem);} .page-hero h1,.contact-hero h1,.heuresis-page-hero h1,.legal-hero h1,.project-detail-hero__content h1,.thought-detail h1 {font-size: var(--type-h1);font-weight: 600;line-height: 1.13;letter-spacing: -.038em;} .page-hero__grid {gap: clamp(2rem,5vw,5rem);} .page-hero__aside {font-size: var(--type-lead);line-height: 1.55;} .legal-hero {padding: 9rem 0 4rem;} .legal-copy {padding: var(--section-vertical) 0;} .legal-copy h2 {font-size: clamp(1.4rem,2.1vw,1.9rem);font-weight:600;} .manifesto {padding: var(--section-vertical) 0;} .manifesto__grid {gap: clamp(2rem,5vw,5rem);} .manifesto__words {margin-bottom: clamp(2rem,4.5vw,3.75rem);} .manifesto__words span {font-size: var(--type-display);font-weight: 700;line-height: .99;letter-spacing: -.058em;} .territories {padding-bottom: var(--section-vertical);} .territory {min-height: 9rem;padding: 1.65rem 0;grid-template-columns: 3.5rem 1fr 7.5rem;} .territory__main h3 {font-size: clamp(1.6rem,2.6vw,2.65rem);font-weight: 600;} .territory__main p {font-size: .97rem;line-height: 1.65;} .territory-motion {transform: scale(.82);transform-origin: right center;} .project-compact > a {min-height: 12rem;padding: 1.8rem 0;} .project-compact__title h3 {font-size: clamp(1.85rem,2.65vw,2.85rem);font-weight: 600;letter-spacing: -.04em;} .project-compact__copy p {font-size: .95rem;line-height: 1.65;} .project-compact__visual {transform: scale(.85);transform-origin: right center;} .journey {padding: var(--section-vertical) 0;} .journey__layout {gap: clamp(3rem,7vw,7rem);} .journey-item {padding: 2.1rem 0;} .journey-item h3 {font-size: clamp(1.28rem,1.85vw,1.65rem);font-weight: 600;} .journey-item time {font-size: .8rem;font-weight: 600;} .thoughts-preview {padding-bottom: var(--section-vertical);} .thought-card {padding: clamp(1.5rem,2.3vw,2.3rem);min-height: 21rem;} .thought-card h3 {font-size: clamp(1.5rem,2.1vw,2.15rem);font-weight: 600;line-height: 1.22;} .closing {padding: var(--section-vertical) 0;} .closing__inner {min-height: 38vh;} .closing__quote {max-width: 25ch;font-size: clamp(1.9rem,3vw,3.2rem);font-weight: 400;line-height: 1.2;letter-spacing: -.028em;} .story-opening,.story-chapter,.quote-section {padding: var(--section-vertical) 0;} .story-chapter__grid {gap: clamp(1.7rem,4vw,4rem);} .story-chapter h2 {font-size: var(--type-h2);font-weight: 600;margin: .8rem 0 1.35rem;} .story-chapter__number {font-size: clamp(3.1rem,5.5vw,5.5rem);font-weight: 600;line-height: 1;} .story-chapter__copy {padding-top: 1.7rem;} .career {padding: 2rem 0 var(--section-vertical);} .career-item {gap: clamp(1rem,3vw,3rem);padding: 1.9rem 0;} .career-item h3 {font-size: var(--type-h3);font-weight: 600;} .career-item time {font-weight: 600;} .quote-section blockquote {font-size: clamp(1.65rem,2.35vw,2.5rem);font-weight: 400;line-height: 1.27;max-width: 34ch;} .project-index,.project-philosophy,.heuresis-origin,.heuresis-separation,.project-story-page,.project-next {padding: var(--section-vertical) 0;} .project-index__item {padding: clamp(2.3rem,3.6vw,3.8rem) 0;} .project-index__visual {min-height: clamp(20rem,31vw,27rem);} .project-index__copy h2 {margin-bottom: 1.15rem;} .heuresis-page-hero {min-height: 72svh;padding: 8rem 0 4rem;} .principle-grid article {min-height: 19rem;padding: clamp(1.5rem,2.7vw,2.8rem);} .principle-grid h3 {font-size: var(--type-h3);} .heuresis-separation__person,.heuresis-separation__brand {min-height: 18rem;padding: 2rem;} .heuresis-separation__person strong,.heuresis-separation__brand strong {font-size: var(--type-h2);font-weight: 600;} .project-detail-hero {min-height: 75svh;padding: 7rem 0 4rem;} .project-detail-hero__content {padding-top: 2rem;} .project-story-page blockquote {font-size: clamp(1.4rem,2.4vw,2.35rem);font-weight: 400;line-height: 1.3;} .role-grid article {min-height: 17rem;padding: 1.8rem;} .role-grid h3 {font-size: var(--type-h3);} .project-next a strong {line-height: 1.14;} .essay-list {padding-bottom: var(--section-vertical);} .essay {padding: clamp(2.9rem,4.7vw,4.5rem) 0;gap: clamp(1.5rem,5vw,5rem);} .essay h2 {font-size: clamp(1.8rem,2.6vw,2.65rem);font-weight: 600;line-height: 1.23;margin-bottom: 1.2rem;} .essay .lead {font-size: var(--type-lead);} .thoughts-note {padding: var(--section-vertical) 0;} .thoughts-note p {font-size: var(--type-lead);line-height: 1.5;letter-spacing: -.01em;} .thought-hero {padding-bottom: 1.7rem;} .thought-detail {max-width: 46rem;padding: clamp(2.5rem,5vw,4rem) 0 var(--section-vertical);} .thought-detail h1 {margin: 1.1rem 0 1.65rem;} .thought-detail .lead {margin-bottom: 2rem;} .thought-body {font-size: 1.05rem;line-height: 1.78;} .thought-body h2 {font-size: clamp(1.45rem,2.1vw,1.85rem);font-weight: 600;line-height: 1.24;} .thought-body h3 {font-size: clamp(1.2rem,1.7vw,1.5rem);font-weight: 600;} .thought-body blockquote {font-size: 1.15rem;font-weight: 400;line-height: 1.65;} .thought-read {margin-top: 1.1rem;font-size: .88rem;} .contact-hero {min-height: 61svh;padding: 8.8rem 0 4.1rem;} .contact-hero h1 {max-width: 27ch;} .contact-hero .lead {font-size: var(--type-lead);} .contact-options,.contact-context {padding: var(--section-vertical) 0;} .contact-option {min-height: 17rem;padding: clamp(1.5rem,2.3vw,2.3rem);} .contact-option strong {font-size: clamp(1.1rem,1.65vw,1.55rem);font-weight: 600;line-height: 1.25;} .contact-context__list p {padding: 1.1rem 0;} .desktop-glass-bar .nav-link {font-size: .78rem;font-weight: 600;} .menu-panel__nav .nav-link {font-weight: 500;} .site-footer__inner {padding-top: 3.5rem;} .site-footer__brand {padding-bottom: 2.7rem;} .site-footer__brand p {font-size: .76rem;font-weight: 400;} .site-footer .nav-link,.footer-links a {font-weight: 400;font-size: .82rem;} .site-footer__bottom {font-size: .72rem;} .js [data-reveal] {transform: translate3d(0,16px,0);transition: opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);} .js [data-reveal].is-visible {transform: translate3d(0,0,0);} .js .manifesto__words [data-reveal] {transform: translate3d(0,24px,0);} .js .manifesto__words [data-reveal].is-visible {transform: translate3d(0,0,0);} [data-motion-section] {--line-reveal: 0;} [data-motion-section].in-view {--line-reveal: 1;} .territory-list {position: relative;} .territory-list::before {content:"";position:absolute;z-index:1;left:0;top:0;height:1px;width:100%;background:rgba(255,255,255,.5);transform:scaleX(var(--line-reveal,0));transform-origin:left;transition:transform 1.15s cubic-bezier(.22,1,.36,1);pointer-events:none;} .project-compact-list {position:relative;} .project-compact-list::before {content:"";position:absolute;z-index:1;left:0;top:0;height:1px;width:100%;background:rgba(255,255,255,.5);transform:scaleX(var(--line-reveal,0));transform-origin:left;transition:transform 1.15s cubic-bezier(.22,1,.36,1);pointer-events:none;} .js .essay[data-motion-entry] {animation: editorialEntry .7s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--entry-delay,0ms);} @keyframes editorialEntry {from {opacity:0;transform:translateY(13px);} to {opacity:1;transform:translateY(0);}} @media (hover:hover) and (pointer:fine) {.thought-card:hover {transform:translateY(-4px);box-shadow:0 14px 38px rgba(4,9,40,.09);} .contact-option:hover {transform:translateY(-4px);} .project-index__item > a:hover .project-index__visual {transform: scale(.995);}} @media (max-width: 900px) {:root {--type-display: clamp(2.95rem,9.5vw,4.7rem);--type-h1: clamp(2.1rem,6.6vw,3rem);--type-h2: clamp(1.72rem,5vw,2.4rem);--type-h3: clamp(1.24rem,3.6vw,1.65rem);--type-lead: clamp(1.06rem,2.5vw,1.18rem);--section-vertical: clamp(3.3rem,7.5vw,5.2rem);--shell: calc(100vw - clamp(2.25rem,6vw,4.8rem));} .section-heading {padding-block: 3.3rem 1.85rem;} .page-hero {padding: 7.7rem 0 3.2rem;} .page-hero__grid {gap: 1.6rem;} .page-hero__aside {max-width: 36rem;} .manifesto__grid {gap: 1.4rem;} .manifesto__words {margin-bottom: 2rem;} .territory {min-height: 0;padding: 1.5rem 0;grid-template-columns: 2.6rem 1fr 4.6rem;} .territory__main {gap: .8rem;} .territory__main h3 {font-size: var(--type-h3);} .territory-motion {transform:scale(.75);} .project-compact > a {min-height:0;padding: 1.7rem 0;} .project-compact__title h3 {font-size: clamp(1.85rem,4.6vw,2.5rem);} .journey__intro {position: static;} .journey-item {padding: 1.65rem 0;} .thought-card {min-height: 18rem;} .story-chapter__number {font-size:clamp(3.2rem,8vw,4.5rem);} .story-chapter__copy {padding-top:0;} .project-index__visual {min-height: 20rem;} .heuresis-page-hero {min-height:68svh;} .project-detail-hero {min-height: 68svh;} .contact-hero {min-height: 52svh;padding: 8rem 0 3.3rem;} .contact-option {min-height: 14rem;padding: 1.65rem;} .contact-option strong {font-size: clamp(1.05rem,2.6vw,1.35rem);} .essay {padding: 2.6rem 0;gap:1.2rem;} .thought-detail {padding: 2rem 0 var(--section-vertical);} .closing__inner {min-height: 0;gap: 2.5rem;} .site-footer__inner {padding-top: 3rem;}} @media (max-width: 620px) {:root {--type-display: clamp(2.7rem,11.4vw,3.6rem);--type-h1: clamp(2.05rem,8vw,2.65rem);--type-h2: clamp(1.65rem,6.65vw,2.15rem);--type-h3: 1.27rem;--type-lead: 1.065rem;--section-vertical: 3.65rem;--shell: calc(100vw - 2.25rem);} body {font-size:1rem;} .page-hero {padding: 7rem 0 2.75rem;} .page-hero h1,.contact-hero h1 {overflow-wrap: normal;} .page-hero__aside {font-size: 1.05rem;} .manifesto__words span {letter-spacing:-.055em;} .territory {grid-template-columns: 1.7rem 1fr;gap: .85rem;padding:1.35rem 0;} .territory__main {display:block;} .territory__main h3 {margin:0 0 .4rem;} .territory__main p {font-size:.94rem;} .territory-motion {grid-column:2;margin-top:.3rem;transform:scale(.7);transform-origin:left center;} .project-compact > a {gap:.9rem;padding:1.45rem 0;} .project-compact__title h3 {font-size:1.8rem;} .project-compact__copy {font-size:.94rem;} .journey-item {grid-template-columns:3.6rem 1fr;gap:.85rem;} .journey-item h3 {font-size:1.3rem;} .journey-item p {font-size:.96rem;} .thought-card {min-height: 16rem;} .thought-card h3 {font-size:1.65rem;} .closing__quote {font-size:clamp(1.75rem,7vw,2.25rem);} .story-chapter h2 {font-size:var(--type-h2);} .story-chapter__number {font-size:3.25rem;} .career-item {padding:1.5rem 0;gap:.7rem;} .project-index__visual {min-height: 16rem;} .project-index__copy h2 {font-size:1.85rem;} .project-detail-hero__content h1 {font-size:var(--type-h1);} .project-story-page blockquote {font-size:1.35rem;padding-left:1rem;} .contact-hero {min-height: 0;padding: 7rem 0 3.15rem;} .contact-hero h1 {max-width: 100%;} .contact-option {min-height: 13.5rem;} .contact-option strong {font-size:1.23rem;} .thought-detail h1 {font-size:var(--type-h1);} .thought-body {font-size:1.015rem;line-height:1.76;} .essay {padding:2.2rem 0;} .essay h2 {font-size:1.72rem;} .essay .lead {font-size:1.04rem;} .thoughts-note p {font-size:1.06rem;} .site-footer__grid {gap:1.6rem;} .site-footer__bottom {font-size:.7rem;}} @media (prefers-reduced-motion: reduce) {.js [data-reveal],.js .essay[data-motion-entry],.territory-list::before,.project-compact-list::before {animation: none !important;transition:none !important;transform:none !important;opacity:1 !important;}} @media (min-width:901px) {.page-home .site-header:not(.is-past-hero) .desktop-glass-bar,.page-home .site-header.is-past-hero .desktop-glass-bar {opacity:1 !important;pointer-events:auto !important;transform:scale(1) !important;clip-path:inset(0 0 0 0 round 999px) !important;} .page-home .site-header:not(.is-past-hero) .desktop-glass-bar a {visibility:visible !important;}} .hero__signature {display:none !important;} .career-timeline {width:100%;} .career-item,.career-item--accent,.career-item--dark {display:grid;grid-template-columns:minmax(8rem,.35fr) minmax(0,1fr);column-gap:clamp(1rem,3vw,3rem);align-items:start;margin-inline:0;padding-inline:clamp(.9rem,2vw,2rem);} .career-item > div {min-width:0;} .career-item time {display:block;min-width:0;white-space:normal;} .career-item h3,.career-item p {overflow-wrap:break-word;} .territory {grid-template-columns:3.5rem minmax(0,1fr) 7.5rem;} .territory-motion,.territory-motion--signal,.territory-motion--technology,.territory-motion--process,.territory-motion--digital {justify-self:center !important;align-self:center;width:6rem;height:4.25rem;display:flex;align-items:center;justify-content:center;padding:0;transform:none;} .territory-motion--signal {align-items:flex-end;padding-bottom:.65rem;} .page-contact .contact-hero {background:#040928 !important;} .page-contact .contact-hero__orb {opacity:.40;} html,body.page-home {background-color:#040928;} @media(max-width:900px) {.career-item,.career-item--accent,.career-item--dark {grid-template-columns:minmax(0,1fr);margin-inline:0;padding:1.6rem 1.25rem !important;gap:.5rem;} .career-item:not(.career-item--accent):not(.career-item--dark) {padding-inline:1.25rem !important;} .career-item time {margin:0;} .career-item h3 {margin:0 0 .5rem;} .career-item p {margin:0;} .territory {grid-template-columns:2.6rem minmax(0,1fr);} .territory-motion {display:none !important;} .site-header {top:max(1rem,env(safe-area-inset-top));}} @media(max-width:620px) {.career-item,.career-item--accent,.career-item--dark {padding-inline:1.15rem !important;} .territory {grid-template-columns:1.7rem minmax(0,1fr);}} @media(prefers-reduced-motion:reduce){.menu-panel__surface{transition:none !important;}} @media (max-width:900px) {body.menu-open .site-header {z-index: 650;} body.menu-open .site-header .mobile-glass-bar {box-shadow: 0 16px 38px rgba(4,9,40,.17),inset 0 1px 0 rgba(255,255,255,.35);} .site-header .menu-toggle {z-index: 2;} body.menu-open .menu-toggle span:first-child {transform: translateY(.198rem) rotate(45deg);} body.menu-open .menu-toggle span:last-child {transform: translateY(-.198rem) rotate(-45deg);} body.menu-open .menu-toggle span {transition: transform .25s ease;} .menu-panel {position: fixed;inset: 0;z-index: 600;visibility: hidden;pointer-events: none;} .menu-panel.is-open {visibility: visible;pointer-events: auto;} .menu-panel__backdrop,.menu-panel.is-open .menu-panel__backdrop {position: absolute;inset: 0;opacity: 1;background: transparent !important;-webkit-backdrop-filter: none !important;backdrop-filter: none !important;box-shadow: none !important;transition: none;} .menu-panel__surface {position: fixed !important;top: calc(max(.55rem,env(safe-area-inset-top)) + 3.55rem + .45rem) !important;right: max(.75rem,env(safe-area-inset-right)) !important;left: auto !important;bottom: auto !important;inset-block-end: auto !important;box-sizing: border-box;width: min(35rem,calc(100vw - 1.5rem)) !important;max-height: calc(100dvh - max(.55rem,env(safe-area-inset-top)) - 4.65rem - max(.5rem,env(safe-area-inset-bottom))) !important;height: auto !important;overflow-x: hidden !important;overflow-y: auto !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: .55rem 1.35rem .8rem !important;border: 1px solid rgba(255,255,255,.48) !important;border-radius: 1.75rem !important;background: linear-gradient(155deg,rgba(255,255,255,.23),rgba(255,255,255,.13) 48%,rgba(255,255,255,.10)) !important;color: #fff !important;-webkit-backdrop-filter: blur(38px) saturate(170%) !important;backdrop-filter: blur(38px) saturate(170%) !important;box-shadow: 0 18px 52px rgba(1,7,34,.22),inset 0 1px 0 rgba(255,255,255,.42) !important;opacity: 0;visibility: hidden;transform: translate3d(0,-9px,0) scale(.985) !important;transform-origin: top right !important;transition: opacity .28s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility .28s ease !important;isolation: isolate;} .menu-panel.is-open .menu-panel__surface {opacity: 1;visibility: visible;transform: translate3d(0,0,0) scale(1) !important;} .menu-panel__surface::before,.menu-panel__surface::after {display:none !important;content:none !important;} .menu-panel__top {display:none !important;} .menu-panel__nav {position: static !important;display: flex !important;flex-direction: column !important;gap: 0 !important;padding: 0 !important;margin: 0 !important;background: none !important;border: none !important;border-radius: 0 !important;box-shadow: none !important;-webkit-backdrop-filter: none !important;backdrop-filter: none !important;overflow: visible !important;} .menu-panel__nav::before,.menu-panel__nav::after {display:none !important;content:none !important;} .menu-panel__nav .nav-link {display: flex !important;width: 100%;min-height: 3.55rem !important;padding: .88rem .2rem !important;margin: 0 !important;justify-content: flex-start !important;align-items: center;font-size: clamp(1.05rem,4.2vw,1.18rem) !important;letter-spacing: -.017em;font-weight: 500 !important;border: none !important;border-bottom: 1px solid rgba(255,255,255,.19) !important;border-radius: 0 !important;background: transparent !important;box-shadow: none !important;color: rgba(255,255,255,.90) !important;text-shadow: 0 1px 8px rgba(4,9,40,.22);transition: color .18s ease,opacity .18s ease;} .menu-panel__nav .nav-link:last-child {border-bottom: 0 !important;} .menu-panel__nav .nav-link:hover,.menu-panel__nav .nav-link:focus-visible,.menu-panel__nav .nav-link.is-active {color: #fff !important;font-weight: 650 !important;opacity: 1 !important;background: transparent !important;} .menu-panel__meta {position: static !important;margin: .3rem 0 0 !important;padding: .8rem .2rem .2rem !important;border: 0 !important;border-top: 1px solid rgba(255,255,255,.22) !important;background: none !important;box-shadow: none !important;color: rgba(255,255,255,.78) !important;font-size: .8rem !important;} .menu-panel__meta a {color: inherit;} .menu-panel[data-header-tone="light"] .menu-panel__surface {background: linear-gradient(155deg,rgba(255,255,255,.84),rgba(255,255,255,.71) 49%,rgba(255,255,255,.63)) !important;border-color: rgba(255,255,255,.98) !important;box-shadow: 0 20px 56px rgba(4,9,40,.14),inset 0 1px 0 rgba(255,255,255,.98) !important;color: #040928 !important;} .menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link {color: rgba(4,9,40,.82) !important;text-shadow: none;border-bottom-color: rgba(4,9,40,.10) !important;} .menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link:hover,.menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link:focus-visible,.menu-panel[data-header-tone="light"] .menu-panel__nav .nav-link.is-active {color: #040928 !important;background: transparent !important;} .menu-panel[data-header-tone="light"] .menu-panel__meta {color: rgba(4,9,40,.65) !important;border-top-color: rgba(4,9,40,.10) !important;}} @media (prefers-reduced-motion: reduce) {.menu-panel__surface {transition: none !important;} body.menu-open .menu-toggle span {transition: none !important;}} @media (prefers-reduced-transparency: reduce) {.menu-panel[data-header-tone="dark"] .menu-panel__surface {background: rgba(26,34,56,.96) !important;} .menu-panel[data-header-tone="light"] .menu-panel__surface {background: rgba(250,252,255,.97) !important;}} :root {--ec-lens-material: linear-gradient(158deg,rgba(255,255,255,.53) 0%,rgba(255,255,255,.41) 35%,rgba(255,255,255,.26) 73%,rgba(255,255,255,.31) 100%);--ec-lens-blur: blur(24px) saturate(185%);--ec-lens-border: rgba(255,255,255,.50);--ec-lens-ink: #040928;--ec-lens-depth: 0 11px 29px rgba(4,9,40,.13),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(255,255,255,.12);} a.button,a.button.button--large {min-height:3.15rem;padding:.82rem 1.38rem;font-size:.88rem;font-weight:600;gap:.65rem;line-height:1.15;} a.button,a.button.button--light:not(.button--ghost),a.button.button--dark:not(.button--ghost),a.button.button--glass,a.button.button--ghost,a.contact-option,a.contact-option.contact-option--dark {position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;background-color:transparent !important;background-image:var(--ec-lens-material) !important;border:1px solid var(--ec-lens-border) !important;color:var(--ec-lens-ink) !important;-webkit-backdrop-filter:var(--ec-lens-blur) !important;backdrop-filter:var(--ec-lens-blur) !important;box-shadow:var(--ec-lens-depth) !important;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color .28s ease,border-color .28s ease !important;} a.button::before,a.contact-option::before {content:"" !important;position:absolute;display:block !important;pointer-events:none;z-index:0;inset:1px;border-radius:inherit;opacity:1 !important;background:linear-gradient(172deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.18) 23%,transparent 48%,transparent 76%,rgba(255,255,255,.07) 100%) !important;} a.button::after,a.contact-option::after {content:"" !important;position:absolute;pointer-events:none;z-index:0;inset:1px;border-radius:inherit;background:radial-gradient(ellipse 85% 70% at 16% 0%,rgba(255,255,255,.22),transparent 80%);} a.button > *,a.contact-option > * {position:relative;z-index:1;} a.contact-option .contact-option__arrow {position:absolute;z-index:1;} [data-section-tone="dark"] a.button,[data-section-tone="blue"] a.button,[data-section-tone="dark"] a.button.button--light:not(.button--ghost),[data-section-tone="blue"] a.button.button--light:not(.button--ghost),[data-section-tone="dark"] a.button.button--dark:not(.button--ghost),[data-section-tone="blue"] a.button.button--dark:not(.button--ghost) {--ec-lens-ink:#fff;--ec-lens-material:linear-gradient(162deg,rgba(255,255,255,.23) 0%,rgba(255,255,255,.13) 32%,rgba(8,14,35,.28) 100%);--ec-lens-border:rgba(255,255,255,.49);--ec-lens-depth:0 12px 30px rgba(0,4,25,.18),inset 0 1px 0 rgba(255,255,255,.63),inset 0 -1px 0 rgba(255,255,255,.13);} [data-section-tone="light"] a.button,[data-section-tone="light"] a.button.button--light:not(.button--ghost),[data-section-tone="light"] a.button.button--dark:not(.button--ghost),[data-section-tone="light"] a.contact-option,[data-section-tone="light"] a.contact-option.contact-option--dark {--ec-lens-ink:#040928;--ec-lens-border:rgba(45,70,112,.23);--ec-lens-depth:0 10px 28px rgba(4,9,40,.095),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(4,9,40,.035);} a.button:hover,a.button:focus-visible,a.button.button--light:not(.button--ghost):hover,a.button.button--dark:not(.button--ghost):hover,a.contact-option:hover,a.contact-option:focus-visible {transform:translateY(-2px);background-color:rgba(255,255,255,.065) !important;background-image:var(--ec-lens-material) !important;box-shadow:0 17px 38px rgba(4,9,40,.18),inset 0 1px 0 rgba(255,255,255,.77),inset 0 -1px 0 rgba(255,255,255,.16) !important;} a.button:active,a.contact-option:active {transform:translateY(0) scale(.985) !important;} a.button:focus-visible,a.contact-option:focus-visible {outline:2px solid #235ED1 !important;outline-offset:4px;} [data-section-tone="dark"] a.button:focus-visible,[data-section-tone="blue"] a.button:focus-visible {outline-color:white !important;} a.contact-option,a.contact-option.contact-option--dark {background-image:var(--ec-lens-material) !important;border-radius:var(--radius-l);} a.contact-option .contact-option__label,a.contact-option.contact-option--dark .contact-option__label {color:rgba(4,9,40,.58) !important;} @media (prefers-reduced-motion:reduce) {a.button,a.contact-option {transition:none !important;}} @media (prefers-reduced-transparency:reduce) {a.button,a.contact-option {-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(235,240,248,.94) !important;color:#040928 !important;}} .text-link,.text-link--dark,.project-index__item .text-link,.project-compact__cta,.thought-read,.episode-card__listen {width: max-content;max-width: 100%;font-size: .88rem;line-height: 1.45;font-weight: 600;letter-spacing: 0;text-decoration: none !important;text-underline-offset: initial;border-bottom: 0 !important;border-block-end: 0 !important;box-shadow: none;} .text-link:hover,.text-link:focus-visible,.thought-read:hover,.thought-read:focus-visible,.thought-link:hover,.thought-link:focus-visible {text-decoration: none !important;} .text-link:hover,.thought-read:hover {opacity: .78;} .text-link span {display: inline-block;} .projects-compact .section-heading--split > .text-link,.thoughts-preview .section-heading--split > .text-link {justify-self: end;align-self: end;justify-content: flex-end;text-align: right;margin: 0;} .journey__intro > .text-link {justify-self: start;align-self: start;text-align: left;} .project-detail-hero--radio,.project-detail-hero--wanderlust {min-height: clamp(20rem,36svh,27rem) !important;padding: clamp(5.5rem,8svh,7rem) 0 clamp(1.75rem,3svh,2.25rem) !important;align-items: flex-end;} .project-detail-hero--radio .project-detail-hero__content,.project-detail-hero--wanderlust .project-detail-hero__content {padding-top: clamp(1rem,2svh,1.4rem) !important;} .project-detail-hero--radio .project-detail-hero__content h1,.project-detail-hero--wanderlust .project-detail-hero__content h1 {margin: .45rem 0 .65rem;} .project-detail-hero--radio .project-detail-hero__content .lead,.project-detail-hero--wanderlust .project-detail-hero__content .lead {margin-bottom: 0;} @media (max-width: 620px) {.project-detail-hero--radio,.project-detail-hero--wanderlust {min-height: clamp(16rem,32svh,20rem) !important;padding-top: max(5.375rem,calc(env(safe-area-inset-top) + 4rem)) !important;padding-bottom: 1.75rem !important;} .projects-compact .section-heading--split > .text-link,.thoughts-preview .section-heading--split > .text-link {margin-left: auto;}} .page-thoughts .essay-list,.page-thoughts .essay-list.section-white {background:#fff;color:var(--ec-night);} .page-thoughts .essay-list > .shell {width:var(--shell);margin-inline:auto;} .page-thoughts .essay {display:grid;grid-template-columns:minmax(10rem,26%) minmax(0,1fr);column-gap:clamp(1.25rem,4vw,4.5rem);width:100%;min-width:0;margin:0;padding:clamp(2.65rem,5vw,4.5rem) 0;border:0;border-top:1px solid rgba(4,9,40,.13);background:transparent;color:var(--ec-night);} .page-thoughts .essay__meta {display:flex;align-items:baseline;gap:clamp(.7rem,2vw,1.1rem);margin:0;padding:.32rem 0 0;min-width:0;color:rgba(4,9,40,.55);font-size:.75rem;font-weight:600;letter-spacing:.07em;line-height:1.6;text-transform:uppercase;white-space:nowrap;} .page-thoughts .essay__number {display:inline-block;flex:0 0 2ch;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';} .page-thoughts .essay__meta time {font-variant-numeric:tabular-nums;} .page-thoughts .essay__content {width:100%;max-width:48rem;min-width:0;} .page-thoughts .essay__content h2,.page-thoughts .essay__content h2 a {margin:0;font-size:clamp(1.55rem,2.4vw,2.35rem);font-weight:600;line-height:1.22;letter-spacing:-.037em;color:var(--ec-night);text-decoration:none;overflow-wrap:anywhere;} .page-thoughts .essay__content h2 {margin-bottom:clamp(.9rem,1.9vw,1.25rem);} .page-thoughts .essay__content .lead {max-width:44rem;margin:0;font-size:clamp(.95rem,1.15vw,1.05rem);line-height:1.65;font-weight:400;letter-spacing:0;color:rgba(4,9,40,.75);overflow-wrap:break-word;} .page-thoughts .essay__content .thought-read {display:inline-flex;align-items:center;gap:.3rem;margin-top:1.45rem;font-size:.87rem;font-weight:600;color:var(--ec-night);text-decoration:none !important;border:0 !important;} .page-thoughts .essay__content a:hover {opacity:.7;} .page-thoughts .essay__content a:focus-visible,.page-thoughts .thought-pagination a:focus-visible {outline:2px solid var(--ec-accent);outline-offset:4px;border-radius:3px;} #elenco-pensieri {scroll-margin-top:6rem;} .thought-pagination {display:flex;justify-content:space-between;align-items:center;gap:.9rem;width:100%;padding:2.25rem 0 0;border-top:1px solid rgba(4,9,40,.13);color:var(--ec-night);} .thought-pagination a,.thought-pagination__disabled {display:inline-flex;justify-content:center;align-items:center;min-height:2.7rem;padding:.65rem .9rem;font-size:.85rem;font-weight:600;line-height:1.2;text-decoration:none;color:var(--ec-night);border-radius:999px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease;} .thought-pagination a:hover {background:rgba(4,9,40,.055);} .thought-pagination__disabled {opacity:.3;} .thought-pagination__numbers {display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;} .thought-pagination__numbers a {min-width:2.7rem;padding:.55rem;} .thought-pagination__current {display:inline-flex;align-items:center;justify-content:center;min-width:2.7rem;min-height:2.7rem;padding:.55rem;font-size:.85rem;font-weight:600;color:var(--ec-night);border-radius:999px;border:1px solid rgba(4,9,40,.13);background:rgba(4,9,40,.075);} .thought-pagination--single {justify-content:center;} .thought-pagination__ellipsis {align-self:center;padding:0 .22rem;font-size:.9rem;color:rgba(4,9,40,.55);} .thought-pagination__numbers a[aria-current="page"] {background:rgba(4,9,40,.075);border-color:rgba(4,9,40,.13);} .thought-grid[data-storyblok-home] {grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(.65rem,1.3vw,1rem);} .thought-grid[data-storyblok-home] .thought-card {min-width:0;min-height:clamp(17rem,24vw,21rem);padding:clamp(1.65rem,2.4vw,2.35rem);color:var(--ec-night);background:#fff;border:1px solid rgba(4,9,40,.095);} .thought-grid[data-storyblok-home] .thought-card h3 {margin:2.6rem 0 1.2rem;max-width:none;font-size:clamp(1.28rem,1.75vw,1.8rem);line-height:1.25;font-weight:600;overflow-wrap:anywhere;} .thought-grid[data-storyblok-home] .thought-card p {margin:auto 0 0;font-size:clamp(.93rem,1.08vw,1rem);line-height:1.65;color:rgba(4,9,40,.7);overflow-wrap:break-word;} .thought-grid[data-storyblok-home] .thought-card__arrow {top:1.4rem;right:1.55rem;} .thought-grid[data-storyblok-home] .thought-empty {grid-column:1/-1;} @media (max-width:900px) {.page-thoughts .essay {grid-template-columns:minmax(8rem,23%) minmax(0,1fr);column-gap:1.5rem;} .thought-grid[data-storyblok-home] {grid-template-columns:1fr;} .thought-grid[data-storyblok-home] .thought-card {min-height:unset;padding:1.8rem;} .thought-grid[data-storyblok-home] .thought-card h3 {margin:1.5rem 0 1rem;padding-right:1.5rem;}} @media (max-width:620px) {.page-thoughts .essay {grid-template-columns:minmax(0,1fr);row-gap:1.1rem;padding:2.5rem 0;} .page-thoughts .essay__meta {font-size:.72rem;} .page-thoughts .essay__content {width:100%;} .page-thoughts .essay__content h2,.page-thoughts .essay__content h2 a {font-size:clamp(1.45rem,6vw,1.9rem);} .thought-pagination {gap:.15rem;padding-top:1.5rem;} .thought-pagination > a,.thought-pagination > .thought-pagination__disabled {padding-inline:.25rem;font-size:.75rem;} .thought-pagination__numbers {gap:0;} .thought-pagination__numbers a {min-width:2.3rem;min-height:2.35rem;padding:.35rem;font-size:.82rem;}} @media (prefers-reduced-motion:reduce) {.thought-pagination a {transition:none;}} :root {--ec-footer-ink: #040928;} .page-home .closing {padding: clamp(2.1rem,3.35vw,3rem) 0 !important;} .page-home .closing__inner {min-height: 0 !important;grid-template-columns: minmax(0,1.25fr) minmax(15rem,.55fr);align-items: center;gap: clamp(1.65rem,5vw,5rem);} .page-home .closing__quotation {margin:0;min-width:0;} .page-home .closing__quote {margin:0;max-width:32ch;font-size:clamp(1.65rem,2.85vw,2.85rem);font-weight:400;letter-spacing:-.035em;line-height:1.22;position:relative;padding-left:clamp(1.25rem,2.8vw,2rem);} .page-home .closing__quote-mark {position:absolute;left:-.08em;top:-.25em;font-family:Georgia,serif;font-size:clamp(3rem,5vw,4.6rem);line-height:1;font-weight:400;opacity:.36;color:#c9dcff;} .page-home .closing__quote p {margin:0;} .page-home .closing__signature {margin:.9rem 0 0 clamp(1.25rem,2.8vw,2rem);color:rgba(255,255,255,.55);font-size:.75rem;font-weight:400;letter-spacing:.025em;} .page-home .closing__action {align-self:center;} .page-home .closing__action p {margin:0 0 .95rem;font-size:.94rem;line-height:1.6;} .site-footer {background:var(--ec-footer-ink);} .site-footer__inner {padding:clamp(2.15rem,3.9vw,3.6rem) 0 1.25rem !important;} .site-footer__brand {display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:0 0 clamp(1.2rem,2.5vw,2rem) !important;border-bottom:1px solid rgba(255,255,255,.10);} .site-footer__brand img {display:block;width:clamp(10.5rem,16vw,14.5rem);height:auto;} .site-footer__brand p {font-size:.72rem;margin:0;text-align:right;color:rgba(255,255,255,.55);letter-spacing:.06em;} .site-footer__grid {display:grid;grid-template-columns: 1.5fr 1fr .9fr;align-items:start;gap:clamp(1.25rem,4vw,4rem);padding:clamp(1.2rem,2.5vw,2rem) 0 !important;} .site-footer__grid .site-footer__links,.site-footer__grid .site-footer__links.footer-links,.site-footer__grid nav.site-footer__links {display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;grid-row:auto;} .site-footer__label {display:block;margin:0 0 .55rem;color:rgba(255,255,255,.45);font-size:.67rem;font-weight:600;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;} .site-footer__grid .nav-link,.site-footer__grid .footer-links a,.site-footer__grid nav.site-footer__links a {display:inline-flex;width:auto;min-height:1.7rem;padding:.15rem 0;border-radius:0;background:transparent !important;font-size:.83rem;font-weight:400;color:rgba(255,255,255,.71);line-height:1.4;white-space:normal;text-decoration:none;} .site-footer__grid a:hover,.site-footer__bottom a:hover {color:#fff;} .site-footer__grid .nav-link.is-active {color:#fff !important;} .site-footer__bottom {display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:.8rem 1.5rem;padding:1rem 0 0 !important;margin:0;color:rgba(255,255,255,.46);font-size:.71rem;letter-spacing:0;border-top:1px solid rgba(255,255,255,.1);} .site-footer__bottom a {color:rgba(255,255,255,.58);text-decoration:none;} .page-thoughts:not(.page-thought-detail) > main > .page-hero,.page-contact > main > .contact-hero {min-height:0 !important;height:auto !important;display:block !important;padding:clamp(7.25rem,10vw,9.25rem) 0 clamp(3rem,4.7vw,4.25rem) !important;background:#040928 !important;color:#fff !important;} .page-thoughts:not(.page-thought-detail) > main > .page-hero .kicker,.page-contact > main > .contact-hero .kicker {color:rgba(255,255,255,.72);} .page-thoughts:not(.page-thought-detail) > main > .page-hero__aside,.page-thoughts:not(.page-thought-detail) > main > .page-hero .page-hero__aside,.page-contact > main > .contact-hero .lead {color:rgba(255,255,255,.73) !important;} .page-thoughts:not(.page-thought-detail) > main > .page-hero h1,.page-contact > main > .contact-hero h1 {font-size:var(--type-h1) !important;line-height:1.14;letter-spacing:-.038em;font-weight:600;} .page-contact .contact-hero__orb {opacity:.18 !important;} .page-contact .contact-hero h1 {max-width:27ch;margin:1.1rem 0 1.2rem;} .page-contact .contact-hero__inner {display:block;} .page-thought-detail .essay-list {background:#fff;} .page-thought-detail .essay-list > .shell {width:var(--shell);} .page-thought-detail .thought-detail {padding-top:clamp(7.1rem,10vw,9.2rem) !important;padding-bottom:var(--section-vertical);} .page-contact .contact-context,.page-projects .project-philosophy,.page-story .quote-section,.page-project-detail .project-next,.page-thoughts:not(.page-thought-detail) .thoughts-note {padding-top:clamp(3rem,5vw,5.5rem);padding-bottom:clamp(3rem,5vw,5.5rem);} @media (max-width:900px) {.page-home .closing__inner {grid-template-columns:1fr;gap:2rem;} .page-home .closing {padding:3rem 0 !important;} .page-home .closing__quote {max-width:31ch;} .site-footer__grid {grid-template-columns:1.15fr 1fr .8fr;gap:1.5rem;}} @media (max-width:620px) {.page-home .closing {padding:clamp(2.4rem,7vw,3.1rem) 0 !important;} .page-home .closing__inner {gap:1.7rem;} .page-home .closing__quote {font-size:clamp(1.6rem,6.4vw,2rem);} .page-home .closing__action p {max-width:30rem;} .site-footer__inner {padding:2.05rem 0 1.05rem !important;} .site-footer__brand {align-items:flex-start;flex-direction:column;gap:.7rem;padding-bottom:1.35rem !important;} .site-footer__brand img {width:clamp(10.5rem,45vw,13rem);} .site-footer__brand p {text-align:left;font-size:.7rem;} .site-footer__grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem 1.15rem;padding:1.3rem 0 1.15rem !important;} .site-footer__grid .site-footer__legal {grid-column:1/-1;flex-direction:row !important;flex-wrap:wrap;gap:.25rem 1.2rem !important;padding-top:.8rem;margin-top:.2rem;border-top:1px solid rgba(255,255,255,.1);} .site-footer__grid .site-footer__legal .site-footer__label {flex:0 0 100%;margin-bottom:.15rem;} .site-footer__grid .nav-link,.site-footer__grid .footer-links a,.site-footer__grid nav.site-footer__links a {min-height:1.75rem;font-size:.8rem;} .site-footer__bottom {flex-wrap:wrap;gap:.45rem 1.25rem;font-size:.68rem;} .page-thoughts:not(.page-thought-detail) > main > .page-hero,.page-contact > main > .contact-hero {padding:clamp(6.15rem,19vw,7.15rem) 0 2.85rem !important;} .page-contact .contact-hero h1 {max-width:100%;} .page-thought-detail .thought-detail {padding-top:clamp(6rem,18vw,7rem) !important;}} @media (prefers-reduced-motion:reduce) {.page-home .closing__quote-mark {transition:none;}} @media (max-width: 900px) {.page-home .closing__action {display:none !important;} .page-home .closing__inner {display:block;}} .page-story .quote-section--personal {padding:clamp(2.35rem,4.4vw,4rem) 0 !important;background:#040928 !important;color:#fff;} .page-story .quote-section--personal .quote-section__inner {width:var(--shell);max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,5vw,5rem);} .page-story .quote-section--personal .closing__quotation {margin:0;min-width:0;} .page-story .quote-section--personal .closing__quote {margin:0;max-width:32ch;font-size:clamp(1.65rem,2.85vw,2.85rem);font-weight:400;letter-spacing:-.035em;line-height:1.22;position:relative;padding-left:clamp(1.25rem,2.8vw,2rem);} .page-story .quote-section--personal .closing__quote-mark {position:absolute;left:-.08em;top:-.25em;font-family:Georgia,serif;font-size:clamp(3rem,5vw,4.6rem);line-height:1;font-weight:400;opacity:.36;color:#c9dcff;} .page-story .quote-section--personal .closing__quote p {margin:0;} .page-story .quote-section--personal .closing__signature {margin:.9rem 0 0 clamp(1.25rem,2.8vw,2rem);color:rgba(255,255,255,.55);font-size:.75rem;font-weight:400;letter-spacing:.025em;} .page-story .quote-section--personal .quote-section__action {align-self:center;justify-self:end;} .page-story .quote-section--personal .quote-section__action .button {white-space:nowrap;} @media (max-width: 900px) {.page-story .quote-section--personal .quote-section__inner {grid-template-columns:1fr;gap:1.7rem;} .page-story .quote-section--personal .quote-section__action {justify-self:start;}} @media (max-width: 620px) {.page-story .quote-section--personal {padding:clamp(2.4rem,7vw,3.1rem) 0 !important;} .page-story .quote-section--personal .closing__quote {font-size:clamp(1.6rem,6.4vw,2rem);}} .page-projects .project-philosophy__grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(2rem,6vw,6rem);} .page-projects .project-philosophy__statement {min-width:0;} .page-projects .project-philosophy__statement .kicker {display:block;margin-bottom:clamp(1rem,2vw,1.7rem);} .page-projects .project-philosophy__statement h2 {margin:0;font-size:clamp(2rem,3.25vw,3.65rem);line-height:1.15;max-width:17ch;overflow-wrap:normal;} .page-projects .project-philosophy__grid > .lead {margin:0;align-self:center;min-width:0;} @media (max-width:900px) {.page-projects .project-philosophy__grid {grid-template-columns:1fr;gap:1.5rem;} .page-projects .project-philosophy__statement h2 {max-width:26ch;}} .page-contact .contact-form-section {padding:clamp(3.6rem,7vw,7rem) 0;background:#fff;color:#040928;} .page-contact .contact-form-layout {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,7vw,7.5rem);align-items:start;} .page-contact .contact-form-intro {min-width:0;} .page-contact .contact-form-intro h2 {margin:1rem 0 1.2rem;max-width:17ch;font-size:var(--type-h2);line-height:1.16;} .page-contact .contact-form-intro > p {max-width:40ch;color:#48516b;font-size:1rem;line-height:1.7;} .page-contact .contact-form-intro__note {font-size:.79rem !important;margin-top:2rem;color:#747d91 !important;} .page-contact .contact-form {min-width:0;width:100%;} .page-contact .contact-form__fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;} .page-contact .contact-form__field {min-width:0;display:flex;flex-direction:column;gap:.45rem;} .page-contact .contact-form__field--wide {grid-column:1/-1;} .page-contact .contact-form__field label {display:block;font-weight:600;color:#040928;font-size:.85rem;letter-spacing:-.005em;} .page-contact .contact-form__optional {font-weight:400;color:#798196;font-size:.78rem;margin-left:.25rem;} .page-contact .contact-form__field input,.page-contact .contact-form__field textarea {box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:3.45rem;border:1px solid rgba(4,9,40,.18);border-radius:1.05rem;padding:.95rem 1rem;color:#040928;background:rgba(244,246,251,.69);font:inherit;font-weight:400;font-size:.94rem;line-height:1.5;outline:0;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;-webkit-appearance:none;appearance:none;} .page-contact .contact-form__field textarea {min-height:11rem;resize:vertical;} .page-contact .contact-form__field input::placeholder,.page-contact .contact-form__field textarea::placeholder {color:#778298;opacity:1;} .page-contact .contact-form__field input:focus,.page-contact .contact-form__field textarea:focus {background:#fff;border-color:#235ed1;box-shadow:0 0 0 3px rgba(35,94,209,.12);} .page-contact .contact-form__field [aria-invalid="true"] {border-color:#b02d42;box-shadow:0 0 0 3px rgba(176,45,66,.09);} .page-contact .contact-form__bottom {display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.45rem;} .page-contact .contact-form__bottom > p {margin:0;font-size:.78rem;line-height:1.55;max-width:37ch;color:#6e7588;} .page-contact .contact-form__bottom > p a {color:#043496;text-decoration:underline;text-underline-offset:.18em;} .page-contact .contact-form__bottom .button {flex:none;min-width:10rem;} .page-contact .contact-form__bottom .button:disabled {opacity:.6;cursor:wait;transform:none;} .page-contact .contact-form__status {min-height:1.5rem;margin:.7rem 0 0;font-size:.88rem;font-weight:500;color:#043496;} .page-contact .contact-form__status[data-state="error"] {color:#a52e43;} .page-contact .contact-form__status[data-state="success"] {color:#126049;} .page-contact .contact-form__honeypot {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%) !important;white-space:nowrap;opacity:0;pointer-events:none;} .page-contact .contact-context__aside {color:#555f75;line-height:1.7;max-width:42ch;margin-top:1.15rem;} .page-contact .contact-context__list p {grid-template-columns:2rem minmax(0,1fr);gap:1rem;align-items:baseline;} @media(max-width:900px) {.page-contact .contact-form-layout {grid-template-columns:1fr;gap:2rem;} .page-contact .contact-form-intro h2 {max-width:22ch;} .page-contact .contact-form-intro__note {margin-top:1rem;}} @media(max-width:620px) {.page-contact .contact-form-section {padding:3.1rem 0 3.5rem;} .page-contact .contact-form__fields {grid-template-columns:1fr;gap:1.2rem;} .page-contact .contact-form__bottom {flex-direction:column;align-items:stretch;gap:1.2rem;} .page-contact .contact-form__bottom .button {align-self:flex-start;} .page-contact .contact-form__status {min-height:2rem;} .page-contact .contact-context__list p {grid-template-columns:1.8rem minmax(0,1fr);}} :root {--ec-cta-radius: 999px;--ec-cta-blur: blur(25px) saturate(180%);--ec-cta-surface: linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 42%,rgba(4,9,40,.29));--ec-cta-stroke: rgba(255,255,255,.28);--ec-cta-color: #fff;--ec-cta-shadow: 0 15px 36px rgba(0,5,28,.16),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.05);} a.button,button.button,input.button,a.button.button--light,a.button.button--dark,a.button.button--ghost,a.button.button--glass,button.button.button--light,button.button.button--dark,button.button.button--glass {--ec-lens-material: var(--ec-cta-surface) !important;--ec-lens-blur: var(--ec-cta-blur) !important;--ec-lens-border: var(--ec-cta-stroke) !important;--ec-lens-ink: var(--ec-cta-color) !important;--ec-lens-depth: var(--ec-cta-shadow) !important;isolation: isolate;overflow: hidden;position: relative;box-sizing: border-box;min-height: 3.2rem;padding: .83rem 1.35rem;border-radius: var(--ec-cta-radius) !important;border: 1px solid var(--ec-lens-border) !important;background: var(--ec-lens-material) !important;color: var(--ec-lens-ink) !important;-webkit-backdrop-filter: var(--ec-lens-blur) !important;backdrop-filter: var(--ec-lens-blur) !important;box-shadow: var(--ec-lens-depth) !important;font-family: inherit;font-size: .88rem;font-weight: 600;line-height: 1.15;letter-spacing: 0;text-decoration:none;cursor:pointer;gap:.65rem;transition: transform .26s ease,box-shadow .26s ease,border-color .26s ease !important;} a.button::before,button.button::before,a.button::after,button.button::after {content:'' !important;position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:0;opacity:1 !important;display:block !important;} a.button::before,button.button::before {background:linear-gradient(166deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 35%,transparent 60%) !important;} a.button::after,button.button::after {background:radial-gradient(ellipse 75% 75% at 8% 0,rgba(255,255,255,.13),transparent 70%) !important;} a.button > *,button.button > * {z-index:1;position:relative;} [data-section-tone="light"] a.button,[data-section-tone="light"] button.button,[data-section-tone="light"] a.button.button--light,[data-section-tone="light"] button.button.button--light {--ec-cta-surface:linear-gradient(160deg,rgba(255,255,255,.65),rgba(255,255,255,.33) 55%,rgba(220,230,250,.28));--ec-cta-stroke:rgba(255,255,255,.82);--ec-cta-color:#040928;--ec-cta-shadow:0 13px 34px rgba(4,9,40,.105),inset 0 1px 0 rgba(255,255,255,.83),inset 0 -1px 0 rgba(4,9,40,.025);} [data-section-tone="dark"] a.button,[data-section-tone="blue"] a.button,[data-section-tone="dark"] button.button,[data-section-tone="blue"] button.button {--ec-cta-surface:linear-gradient(160deg,rgba(255,255,255,.19),rgba(255,255,255,.065) 45%,rgba(4,9,40,.32));--ec-cta-stroke:rgba(255,255,255,.32);--ec-cta-color:#fff;--ec-cta-shadow:0 15px 36px rgba(0,5,28,.16),inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(255,255,255,.07);} a.button:hover,button.button:hover,a.button:focus-visible,button.button:focus-visible {transform:translateY(-2px);background:var(--ec-lens-material) !important;box-shadow:0 20px 45px rgba(1,6,32,.2),inset 0 1px 0 rgba(255,255,255,.53) !important;} a.button:active,button.button:active {transform:translateY(0) scale(.985) !important;} @media (max-width:620px) {a.button,button.button,a.button.button--light,button.button.button--light {-webkit-backdrop-filter:var(--ec-lens-blur) !important;backdrop-filter:var(--ec-lens-blur) !important;background:var(--ec-lens-material) !important;box-shadow:var(--ec-lens-depth) !important;}} @media(prefers-reduced-transparency:reduce) {a.button,button.button {background:rgba(255,255,255,.94)!important;color:#040928!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}} @media(prefers-reduced-motion:reduce) {a.button,button.button {transition:none!important;}} .page-contact .contact-form__consent {display:flex;align-items:flex-start;gap:.75rem;margin-top:1.4rem;max-width:52rem;} .page-contact .contact-form__consent input[type=checkbox] {appearance:auto;-webkit-appearance:checkbox;flex:0 0 auto;width:1.18rem;height:1.18rem;margin:.1rem 0 0;accent-color:#043496;cursor:pointer;} .page-contact .contact-form__consent label {font-size:.84rem;line-height:1.55;color:#45506b;cursor:pointer;} .page-contact .contact-form__consent a {color:#043496;text-decoration:underline;text-underline-offset:.18em;} .page-contact .contact-form__consent input[aria-invalid="true"] {outline:2px solid #b02d42;outline-offset:3px;} .page-contact .contact-form__bottom {justify-content:flex-start;margin-top:1.1rem;} .page-contact .contact-form__bottom button.button {align-self:flex-start;} .page-home .closing__quote,.page-story .quote-section--personal .closing__quote,.page-projects .project-philosophy .closing__quote {max-width:32ch;font-size:clamp(1.4rem,calc(2.85vw - 4px),2.6rem) !important;font-weight:400 !important;line-height:1.22 !important;letter-spacing:-.035em;position:relative;margin:0;padding-left:clamp(1.25rem,2.8vw,2rem);} .page-projects .project-philosophy .closing__quotation {margin:0;min-width:0;} .page-projects .project-philosophy .closing__quote p {margin:0;} .page-projects .project-philosophy .closing__quote-mark {position:absolute;left:-.08em;top:-.25em;font-family:Georgia,serif;font-size:clamp(3rem,5vw,4.6rem);line-height:1;font-weight:400;opacity:.36;color:#c9dcff;} .page-projects .project-philosophy .closing__signature {margin:.9rem 0 0 clamp(1.25rem,2.8vw,2rem);color:rgba(255,255,255,.55);font-size:.75rem;font-weight:400;letter-spacing:.025em;} @media(max-width:620px) {.page-home .closing__quote,.page-story .quote-section--personal .closing__quote,.page-projects .project-philosophy .closing__quote {font-size:clamp(1.35rem,calc(6.4vw - 4px),1.75rem) !important;}} .page-thoughts .essay__number {display:none!important;} .page-thoughts .essay__meta {gap:0;} .page-thoughts .thoughts-note__last-line {display:block;margin-top:.32em;} .page-story .page-hero__grid {grid-template-columns:minmax(0,1fr);} .page-story .page-hero__grid > div {min-width:0;} .page-story .page-hero h1 {max-width:28ch;} .page-story .story-opening__preface {margin:0 0 clamp(1.65rem,3vw,2.65rem);display:grid;gap:.9rem;} .page-story .story-opening__preface p {margin:0;max-width:60ch;font-size:clamp(1.08rem,1.6vw,1.3rem);font-weight:400;line-height:1.57;letter-spacing:-.012em;color:var(--ec-night);} .page-story .story-opening__preface p + p {color:var(--text-soft);} .page-story .quote-section--personal .closing__quote-second-line {display:block;margin-top:.25em;} .page-contact .contact-form__bottom {justify-content:flex-end !important;} .page-contact .contact-form__bottom button.button {align-self:flex-end !important;margin-left:auto;} @media(max-width:900px) {.page-story .page-hero h1 {max-width:26ch;}} @media(max-width:620px) {.page-story .story-opening__preface {gap:.7rem;margin-bottom:1.55rem;} .page-story .story-opening__preface p {font-size:1.05rem;}} .page-story .story-opening__grid {grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr);gap: clamp(2.5rem,6vw,7rem);align-items:start;} .page-story .story-opening__portrait-frame {position:sticky;top:clamp(6rem,9vw,8rem);} .page-story .story-opening__text {min-width:0;} .page-story .story-opening__text > .kicker {margin-bottom:1.25rem;} .page-story .biography-prose p {margin:0;line-height:1.76;letter-spacing:-.005em;} .page-story .story-opening__text p:not(.lead) {color:var(--text-soft);} .page-story .biography-prose .lead {max-width:67ch;line-height:1.68;} .page-story .biography-passage {margin-top:clamp(1.75rem,3vw,2.7rem);} .page-story .biography-passage h3 {font-size:clamp(1.15rem,1.55vw,1.42rem);font-weight:600;line-height:1.35;letter-spacing:-.024em;margin:0 0 .75rem;text-wrap:pretty;} .page-story .biography-passage p + p {margin-top:1rem;} .page-story .biography-passage a {color:inherit;text-underline-offset:.23em;text-decoration-color:currentColor;} .page-story .biography-passage a:hover {text-decoration-thickness:2px;} .page-story .biography-chapter .story-chapter__grid {grid-template-columns:minmax(3rem,.13fr) minmax(0,.76fr) minmax(0,1.1fr);gap:clamp(1.6rem,3.7vw,4rem);} .page-story .biography-chapter .story-chapter__copy {padding-top:0;min-width:0;} .page-story .biography-chapter .story-chapter__copy .biography-passage:first-child {margin-top:0;} .page-story .biography-chapter .story-chapter__copy p {max-width:68ch;} .page-story .biography-chapter__heading {min-width:0;} .page-story .biography-chapter__heading h2 {max-width:20ch;} .page-story .biography-chapter .biography-passage {margin-top:clamp(2.05rem,3.4vw,3rem);} .page-story .biography-chapter .biography-passage h3 {color:inherit;} .page-story .biography-chapter:not(.section-white) .biography-prose p {color:rgba(255,255,255,.82);} .page-story .biography-chapter:not(.section-white) .biography-prose strong {color:#fff;font-weight:600;} .page-story .biography-chapter.section-white .biography-prose p {color:var(--text-soft);} .page-story .biography-chapter.section-white .biography-prose strong {color:var(--ec-night);font-weight:600;} .page-story .biography-passage__link {margin-top:1.5rem !important;font-weight:600;} @media(max-width:900px) {.page-story .story-opening__grid,.page-story .biography-chapter .story-chapter__grid {grid-template-columns:minmax(0,1fr);} .page-story .story-opening__portrait-frame {position:static;max-width:32rem;order:2;margin-top:clamp(2.2rem,6vw,3.5rem);} .page-story .story-opening__text {order:1;} .page-story .biography-chapter .story-chapter__number {margin:0;line-height:1;} .page-story .biography-chapter__heading h2 {max-width:22ch;}} @media(max-width:620px) {.page-story .biography-prose p {font-size:1rem;line-height:1.74;} .page-story .biography-prose .lead {font-size:1.055rem;} .page-story .biography-passage {margin-top:1.85rem;} .page-story .biography-chapter .biography-passage {margin-top:2.05rem;} .page-story .biography-chapter .story-chapter__grid {gap:1.45rem;} .page-story .biography-chapter__heading h2 {margin-bottom:1rem;}} .page-story .biography-chapter:not(.section-white) .biography-passage h3 {color:rgba(255,255,255,.95);} .page-story .biography-chapter.section-white .biography-passage h3 {color:var(--ec-night);} @media (min-width:621px) {.page-story > main > .story-opening,.page-projects > main > .page-hero {padding-top:clamp(7.25rem,10vw,9.25rem) !important;}} @media (max-width:620px) {.page-story > main > .story-opening,.page-projects > main > .page-hero {padding-top:clamp(6.15rem,19vw,7.15rem) !important;}} .page-radio .tyr-opening,.page-radio .tyr-chapter,.page-radio .tyr-archive {color: #040928;} .page-radio .tyr-opening {padding:clamp(4.2rem,7.1vw,7.2rem) 0 clamp(4.4rem,7.5vw,7.6rem);} .page-radio .tyr-opening__masthead {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.2rem 2rem;margin-bottom:clamp(2.1rem,3vw,3.1rem);} .page-radio .tyr-opening__masthead .kicker {grid-column:1 / -1;} .page-radio .tyr-opening__masthead h2 {grid-column:1;grid-row:2;margin:0;max-width:24ch;font-size:clamp(2.15rem,3.6vw,3.8rem);line-height:1.11;letter-spacing:-.04em;font-weight:600;} .page-radio .tyr-opening__eyebrow {grid-column:2;grid-row:2;max-width:11rem;text-align:right;margin:.45rem 0 0;font-size:.77rem;line-height:1.6;letter-spacing:.035em;color:#5d6277;} .page-radio .tyr-opening__lead {max-width:70rem;margin:clamp(2.5rem,4vw,4.4rem) auto 0;} .page-radio .tyr-opening__lead p:first-child {font-size:clamp(1.28rem,2vw,1.92rem);line-height:1.53;color:#040928;letter-spacing:-.014em;max-width:65ch;} .page-radio .tyr-opening__lead p:last-child {max-width:66ch;} .page-radio .tyr-chapter {padding:clamp(4.65rem,8vw,8.5rem) 0;} .page-radio .tyr-chapter--white {background:#fff;} .page-radio .tyr-chapter--night {background:#040928;color:#fff;} .page-radio .tyr-chapter--blue {background:#073894;color:#fff;} .page-radio .tyr-chapter__grid {display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(2.1rem,7.5vw,8.2rem);} .page-radio .tyr-chapter__side {display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.8rem,1.3vw,1.2rem);min-width:0;} .page-radio .tyr-chapter__number {display:inline-block;padding-bottom:1.1rem;margin-bottom:clamp(.35rem,1vw,1rem);width:100%;border-bottom:1px solid currentColor;color:#8790a8;opacity:.76;font-size:.73rem;line-height:1.3;letter-spacing:.13em;} .page-radio .tyr-chapter__side h2 {margin:0;max-width:22ch;font-size:clamp(2.08rem,3.4vw,3.45rem);font-weight:600;line-height:1.14;letter-spacing:-.04em;} .page-radio .tyr-chapter--night .tyr-chapter__side h2,.page-radio .tyr-chapter--blue .tyr-chapter__side h2 {color:white;} .page-radio .tyr-chapter__content {min-width:0;} .page-radio .tyr-prose p,.page-radio .tyr-prose li {font-size:clamp(1rem,1.11vw,1.14rem);line-height:1.82;letter-spacing:.003em;} .page-radio .tyr-prose p {margin:0 0 1.25rem;color:#3e465f;} .page-radio .tyr-prose p:last-child {margin-bottom:0;} .page-radio .tyr-prose strong {font-weight:650;color:#040928;} .page-radio .tyr-prose h3 {margin:clamp(2rem,3.8vw,3.25rem) 0 1rem;font-size:clamp(1.38rem,2vw,1.9rem);line-height:1.28;letter-spacing:-.025em;font-weight:600;} .page-radio .tyr-chapter--night .tyr-prose p,.page-radio .tyr-chapter--blue .tyr-prose p {color:rgba(255,255,255,.83);} .page-radio .tyr-chapter--night .tyr-prose strong,.page-radio .tyr-chapter--blue .tyr-prose strong,.page-radio .tyr-chapter--night .tyr-prose h3,.page-radio .tyr-chapter--blue .tyr-prose h3 {color:#fff;} .page-radio .tyr-pullquote {color:inherit !important;font-size:clamp(1.42rem,2.05vw,2.2rem) !important;font-weight:500;line-height:1.42 !important;letter-spacing:-.026em !important;padding:0 0 1.15rem;margin-bottom:1.5rem !important;border-bottom:1px solid rgba(255,255,255,.25);} .page-radio .tyr-events {margin:1.3rem 0 2rem;padding:0;list-style:none;} .page-radio .tyr-events li {position:relative;padding:.72rem 0 .72rem 1.25rem;border-bottom:1px solid rgba(4,9,40,.11);color:#151d36;} .page-radio .tyr-events li::before {content:'';position:absolute;left:0;top:1.56rem;width:.38rem;height:.38rem;border-radius:50%;background:#235ed1;} .page-radio .tyr-events li em {color:#5c6381;} .page-radio .tyr-chapter__gallery {margin-top:clamp(2.8rem,5.5vw,5.7rem);} .page-radio .tyr-photo {margin:0;min-width:0;} .page-radio .tyr-photo picture {display:block;width:100%;} .page-radio .tyr-photo img {display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;border-radius:clamp(.65rem,1.1vw,1.05rem);box-shadow:0 12px 38px rgba(2,9,40,.06);} .page-radio .tyr-photo figcaption {margin-top:.75rem;color:#687086;font-size:.78rem;line-height:1.5;letter-spacing:.01em;} .page-radio .tyr-chapter--night .tyr-photo figcaption,.page-radio .tyr-chapter--blue .tyr-photo figcaption {color:rgba(255,255,255,.65);} .page-radio .tyr-photo-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start;} .page-radio .tyr-photo--first {max-width:100%;} .page-radio .tyr-archive {padding:clamp(4rem,6.2vw,7rem) 0;background:#f4f6f9;} .page-radio .tyr-archive__inner > h2 {font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.2;font-weight:600;letter-spacing:-.03em;margin:.95rem 0 1rem;} .page-radio .tyr-archive__inner > p {color:#525d76;line-height:1.7;max-width:65ch;} .page-radio .tyr-archive__cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(4,9,40,.15);border:1px solid rgba(4,9,40,.15);border-radius:.85rem;overflow:hidden;margin:clamp(1.9rem,3.5vw,3.5rem) 0 2.4rem;} .page-radio .tyr-archive__cards > div {background:#fff;padding:clamp(1.1rem,2vw,1.85rem);} .page-radio .tyr-archive__cards span {display:block;color:#54627e;font-size:.75rem;letter-spacing:.06em;margin-bottom:1rem;} .page-radio .tyr-archive__cards strong {display:block;font-size:1.04rem;line-height:1.32;font-weight:600;} .page-radio .tyr-archive__cards p {color:#616b80;font-size:.91rem;line-height:1.65;margin:1rem 0 0;} .page-radio .tyr-archive__links {display:flex;gap:1.25rem 2rem;flex-wrap:wrap;} .page-radio .tyr-archive__links a {font-size:.89rem;text-decoration:none;font-weight:600;color:#143b8f;} .page-radio .tyr-archive__links a:hover {opacity:.72;} .page-radio .tyr-signature {background:#040928;color:white;padding:clamp(4rem,7vw,7.5rem) 0;} .page-radio .tyr-signature__inner {display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(1.6rem,3vw,3rem);} .page-radio .tyr-signature p {margin:0;font-size:clamp(2.2rem,5.2vw,5.3rem);line-height:1.15;letter-spacing:-.035em;font-weight:400;} .page-radio .tyr-signature p em {font-style:normal;font-weight:300;color:#c4d7f9;} @media(max-width:950px) {.page-radio .tyr-chapter__grid {grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);gap:clamp(1.6rem,4vw,3rem);} .page-radio .tyr-archive__cards {grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:720px) {.page-radio .tyr-opening {padding-top:clamp(3rem,8vw,4rem);} .page-radio .tyr-opening__masthead {grid-template-columns:minmax(0,1fr);gap:.7rem;} .page-radio .tyr-opening__masthead .kicker,.page-radio .tyr-opening__masthead h2,.page-radio .tyr-opening__eyebrow {grid-column:1;grid-row:auto;} .page-radio .tyr-opening__eyebrow {text-align:left;max-width:100%;order:-1;font-size:.7rem;} .page-radio .tyr-opening__masthead .kicker {order:-2;} .page-radio .tyr-opening__masthead h2 {font-size:clamp(2.08rem,8vw,3.7rem);} .page-radio .tyr-chapter__grid {grid-template-columns:minmax(0,1fr);gap:1.75rem;} .page-radio .tyr-chapter__side h2 {max-width:24ch;font-size:clamp(2.05rem,7.3vw,3rem);} .page-radio .tyr-chapter__number {padding-bottom:.8rem;margin-bottom:0;} .page-radio .tyr-opening__lead p:first-child {font-size:clamp(1.2rem,4.8vw,1.5rem);} .page-radio .tyr-photo-pair {grid-template-columns:minmax(0,1fr);gap:1.8rem;} .page-radio .tyr-archive__cards {grid-template-columns:minmax(0,1fr);} .page-radio .tyr-prose p,.page-radio .tyr-prose li {font-size:1rem;line-height:1.78;} .page-radio .tyr-archive__links {flex-direction:column;}} .page-radio .tyr-opening__photo-duo {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: start;gap: clamp(1rem,2.1vw,2rem);} .page-radio .tyr-opening__photo-duo .tyr-photo {min-width:0;} .page-radio .tyr-opening__photo-duo .tyr-photo img {width:100%;aspect-ratio: 1672 / 941;height:auto;object-fit:cover;} .page-radio .tyr-opening__photo-duo figcaption {max-width:42ch;} .page-radio .tyr-opening__lead {margin-top:clamp(2rem,3.7vw,3.5rem);} .page-story .story-opening__media-column {min-width:0;position:sticky;top:clamp(6rem,9vw,8rem);align-self:start;display:flex;flex-direction:column;gap:1rem;} .page-story .story-opening__media-column .story-opening__portrait-frame {position:static;top:auto;width:100%;} .page-story .story-audio.glass-control {isolation:isolate;display:flex;flex-direction:column;gap:1.15rem;padding:clamp(1.05rem,2.2vw,1.45rem);border:1px solid rgba(255,255,255,.82);border-radius:1.28rem;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(225,235,251,.56));box-shadow:0 15px 40px rgba(4,9,40,.13),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(255,255,255,.16);-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);color:#040928;} .page-story .story-audio.glass-control::before {opacity:1;background:linear-gradient(172deg,rgba(255,255,255,.56) 0%,rgba(255,255,255,.18) 23%,transparent 48%,transparent 78%,rgba(255,255,255,.08) 100%);} .page-story .story-audio::after {content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 85% 70% at 16% 0%,rgba(255,255,255,.26),transparent 80%);} .page-story .story-audio > * {position:relative;z-index:1;} .page-story .story-audio__heading,.page-story .story-audio__transport,.page-story .story-audio__times {display:flex;align-items:center;justify-content:space-between;} .page-story .story-audio__heading {gap:1rem;} .page-story .story-audio__eyebrow {font-size:.63rem;letter-spacing:.125em;font-weight:700;color:rgba(4,9,40,.64);display:flex;align-items:center;gap:.48rem;} .page-story .story-audio__signal {width:.4rem;height:.4rem;border-radius:50%;background:#8ea4d0;box-shadow:0 0 0 .22rem rgba(142,164,208,.16);} .page-story .story-audio__length {font-size:.68rem;white-space:nowrap;color:rgba(4,9,40,.48);} .page-story .story-audio__transport {justify-content:flex-start;gap:1.05rem;} .page-story .story-audio__toggle {flex:0 0 3.05rem;width:3.05rem;height:3.05rem;border-radius:50%;border:1px solid rgba(255,255,255,.84);display:grid;place-items:center;padding:0;cursor:pointer;color:#040928;background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(225,235,251,.58));box-shadow:0 10px 24px rgba(4,9,40,.11),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(4,9,40,.04);-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;} .page-story .story-audio__toggle:hover {transform:translateY(-1px);box-shadow:0 14px 30px rgba(4,9,40,.14),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(4,9,40,.05);} .page-story .story-audio__toggle:focus-visible,.page-story .story-audio__timeline input:focus-visible {outline:2px solid #235ED1;outline-offset:4px;} .page-story .story-audio__toggle svg {width:1.12rem;height:1.12rem;display:block;} .page-story .story-audio__icon-pause {display:none !important;} .page-story .story-audio[data-playing="true"] .story-audio__icon-pause {display:block !important;} .page-story .story-audio[data-playing="true"] .story-audio__icon-play {display:none !important;} .page-story .story-audio__timeline {flex:1;min-width:0;display:flex;flex-direction:column;gap:.55rem;} .page-story .story-audio__label {font-size:.875rem;line-height:1.3;font-weight:600;color:#040928;} .page-story .story-audio__timeline input[type="range"] {-webkit-appearance:none;appearance:none;width:100%;height:5px;margin:.15rem 0 0;border:0;border-radius:30px;cursor:pointer;background:linear-gradient(to right,#7c93c5 0%,#7c93c5 var(--audio-progress,0%),rgba(4,9,40,.14) var(--audio-progress,0%),rgba(4,9,40,.14) 100%);} .page-story .story-audio__timeline input[type="range"]::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#ffffff;box-shadow:0 0 0 3px rgba(124,147,197,.18),0 2px 6px rgba(4,9,40,.14);} .page-story .story-audio__timeline input[type="range"]::-moz-range-thumb {width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:#fff;box-shadow:0 0 0 3px rgba(124,147,197,.18);} .page-story .story-audio__times {gap:1rem;font-size:.68rem;line-height:1.4;letter-spacing:.03em;color:rgba(4,9,40,.6);font-variant-numeric:tabular-nums;} .page-story .story-audio__error {font-size:.78rem;margin:0;color:#040928;line-height:1.5;} .page-story .story-audio__error[hidden] {display:none;} .page-story .story-audio audio {display:none;} @media(max-width:900px) {.page-story .story-opening__media-column {position:static;top:auto;order:2;max-width:32rem;margin-top:clamp(2.2rem,6vw,3.5rem);} .page-story .story-opening__media-column .story-opening__portrait-frame {margin-top:0;order:initial;max-width:none;}} @media(max-width:660px) {.page-radio .tyr-opening__photo-duo {grid-template-columns:minmax(0,1fr);gap:1.4rem;} .page-story .story-audio.glass-control {gap:1rem;padding:1.05rem;} .page-story .story-audio__transport {gap:.85rem;} .page-story .story-audio__label {font-size:.83rem;}} @media(max-height:740px) and (min-width:901px) {.page-story .story-opening__media-column {position:static;}} @media(prefers-reduced-motion:reduce) {.page-story .story-audio__toggle {transition:none;} .page-story .story-audio__toggle:hover {transform:none;}} .page-radio .tyr-chapter__gallery--opening-moment {margin-top: clamp(1.4rem,3vw,2.4rem);} .page-radio .tyr-photo-pair .tyr-photo figcaption {max-width: 42ch;} .page-radio .project-detail-hero--radio .radio-visual__frequency {background: repeating-linear-gradient(90deg,transparent 0 6%,rgba(255,255,255,.14) 6% 6.06%,transparent 6.06% 12%);} .page-radio .project-detail-hero--radio .project-detail-hero__content {border-top: 0;} .page-radio .tyr-chapter__side > .kicker::before {content: none;display: none;} .page-radio .tyr-chapter__number {border-bottom: 0;padding-bottom: 0;} @media (max-width: 720px) {.page-radio .tyr-chapter__number {padding-bottom: 0;}} .page-wanderlust .project-link-list {grid-template-columns: minmax(0,1fr);} .page-wanderlust .project-link-list > a {min-width:0;width:100%;background:#040928;border:1px solid rgba(255,255,255,.13);color:#fff;box-shadow:0 16px 32px rgba(4,9,40,.11);} .page-wanderlust .project-link-list > a .project-meta {color:rgba(255,255,255,.68);} .page-wanderlust .project-link-list > a strong {color:#fff;} .page-wanderlust .project-link-list > a p {color:rgba(255,255,255,.76);} .page-wanderlust .project-link-list > a:hover {box-shadow:0 20px 42px rgba(4,9,40,.21);} .page-wanderlust .project-link-list > a:focus-visible {outline:2px solid #235ED1;outline-offset:3px;} .page-wanderlust .project-detail-hero--wanderlust .project-detail-hero__content {border-top:0;} .page-wanderlust .wanderlust-story {max-width:72ch;margin-bottom:clamp(2.4rem,4vw,4rem);} .page-wanderlust .wanderlust-story p {margin:0 0 1.4rem;line-height:1.84;} .page-wanderlust .wanderlust-story h3 {font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.25;letter-spacing:-.025em;margin:clamp(2.3rem,3.8vw,3.3rem) 0 1.05rem;color:#040928;font-weight:600;} .page-wanderlust .wanderlust-story .lead {line-height:1.65;} .ec-lens-defs {position:absolute;width:0;height:0;overflow:hidden;pointer-events:none} a.button,button.button,input.button {--glass-ink:#fff;--glass-face:rgba(244,249,255,.15);--glass-stroke:rgba(255,255,255,.72);--glass-depth:rgba(0,4,35,.2);position:relative!important;isolation:isolate!important;overflow:hidden!important;border-radius:999px!important;border:1px solid var(--glass-stroke)!important;background:linear-gradient(142deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 28%,rgba(255,255,255,.08) 72%,rgba(255,255,255,.22) 100%)!important;color:var(--glass-ink)!important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.82),inset 0 -1px 1px rgba(255,255,255,.28),inset 2px 0 9px rgba(255,255,255,.09),0 12px 28px var(--glass-depth)!important;backdrop-filter:blur(12px) saturate(185%) contrast(108%)!important;-webkit-backdrop-filter:blur(12px) saturate(185%) contrast(108%)!important;text-shadow:0 1px 2px rgba(0,0,0,.07);transition:transform .22s ease,box-shadow .22s ease!important;} a.button::before,button.button::before,input.button::before {content:""!important;position:absolute!important;inset:0!important;z-index:0!important;opacity:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(255,255,255,.56),transparent 22%,transparent 68%,rgba(255,255,255,.21) 100%)!important;border-radius:inherit!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.48),inset 0 -3px 6px rgba(255,255,255,.12)!important;} a.button::after,button.button::after,input.button::after {content:""!important;position:absolute!important;inset:1px!important;pointer-events:none!important;z-index:0!important;opacity:1!important;background:radial-gradient(ellipse 75% 115% at 10% -20%,rgba(255,255,255,.47),transparent 70%),radial-gradient(ellipse 35% 85% at 96% 100%,rgba(255,255,255,.20),transparent 75%)!important;border-radius:inherit!important;} a.button > *,button.button > * {position:relative;z-index:1} [data-section-tone="light"] a.button,[data-section-tone="light"] button.button,.page-contact button.button {--glass-ink:#040928;--glass-stroke:rgba(255,255,255,.95);--glass-depth:rgba(4,9,40,.12);background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(219,231,251,.29) 50%,rgba(255,255,255,.44))!important;} a.button:hover,button.button:hover,input.button:hover {transform:translateY(-2px)!important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -2px 4px rgba(255,255,255,.28),0 18px 36px var(--glass-depth)!important;} a.button:focus-visible,button.button:focus-visible {outline:2px solid #235ED1;outline-offset:4px} @supports ((backdrop-filter:url(#ec-refract)) or (-webkit-backdrop-filter:url(#ec-refract))) {a.button,button.button {backdrop-filter:url(#ec-refract) blur(10px) saturate(190%)!important;-webkit-backdrop-filter:url(#ec-refract) blur(10px) saturate(190%)!important}} @media(prefers-reduced-transparency:reduce) {a.button,button.button {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(247,249,253,.97)!important;color:#040928!important}} @media(prefers-reduced-motion:reduce) {a.button,button.button {transition:none!important}} html:not(.ec-nav-legacy) .site-header .desktop-glass-bar,html:not(.ec-nav-legacy) .site-header .mobile-glass-bar {isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.63) !important;background:linear-gradient(142deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.19) 34%,rgba(255,255,255,.115) 72%,rgba(255,255,255,.26) 100%) !important;box-shadow:0 17px 40px rgba(2,10,35,.19),inset 0 1.5px 0 rgba(255,255,255,.78),inset 0 -2px 4px rgba(255,255,255,.13),inset 3px 0 9px rgba(255,255,255,.09) !important;-webkit-backdrop-filter:blur(19px) saturate(195%) contrast(105%) !important;backdrop-filter:blur(19px) saturate(195%) contrast(105%) !important;} html:not(.ec-nav-legacy) .site-header[data-header-tone="light"] .desktop-glass-bar,html:not(.ec-nav-legacy) .site-header[data-header-tone="light"] .mobile-glass-bar {background:linear-gradient(147deg,rgba(255,255,255,.78) 0%,rgba(235,244,255,.46) 46%,rgba(250,252,255,.57) 100%) !important;border-color:rgba(255,255,255,.97) !important;box-shadow:0 14px 34px rgba(4,9,40,.13),inset 0 1.5px 0 white,inset 0 -2px 4px rgba(255,255,255,.33) !important;} html:not(.ec-nav-legacy) .site-header .desktop-glass-bar::before,html:not(.ec-nav-legacy) .site-header .mobile-glass-bar::before {content:"";display:block !important;position:absolute;pointer-events:none;inset:1px;border-radius:inherit;z-index:0;opacity:1 !important;background:linear-gradient(173deg,rgba(255,255,255,.56) 0%,rgba(255,255,255,.16) 16%,transparent 43%,transparent 74%,rgba(255,255,255,.13) 100%) !important;} html:not(.ec-nav-legacy) .site-header .desktop-glass-bar::after,html:not(.ec-nav-legacy) .site-header .mobile-glass-bar::after {content:"";position:absolute;pointer-events:none;inset:1px;border-radius:inherit;z-index:0;background:radial-gradient(ellipse 28% 115% at 4% 8%,rgba(255,255,255,.26),transparent 90%),radial-gradient(ellipse 30% 90% at 97% 95%,rgba(255,255,255,.14),transparent 85%);} html:not(.ec-nav-legacy) .desktop-glass-bar > *,html:not(.ec-nav-legacy) .mobile-glass-bar > * {position:relative;z-index:1} @media(max-width:900px) {html:not(.ec-nav-legacy) .site-header .menu-toggle {border:1px solid rgba(255,255,255,.58) !important;background:linear-gradient(146deg,rgba(255,255,255,.28),rgba(255,255,255,.1)) !important;box-shadow:inset 0 1px rgba(255,255,255,.56),0 5px 15px rgba(3,9,30,.09) !important;-webkit-backdrop-filter:blur(14px) saturate(185%) !important;backdrop-filter:blur(14px) saturate(185%) !important;} html:not(.ec-nav-legacy) .site-header[data-header-tone="light"] .menu-toggle {background:linear-gradient(146deg,rgba(255,255,255,.72),rgba(223,232,249,.3)) !important;border-color:rgba(255,255,255,.93) !important;} html:not(.ec-nav-legacy) .menu-panel__surface {border-color:rgba(255,255,255,.65) !important;background:linear-gradient(151deg,rgba(255,255,255,.32),rgba(233,244,255,.15) 43%,rgba(255,255,255,.12)) !important;-webkit-backdrop-filter:blur(30px) saturate(190%) contrast(105%) !important;backdrop-filter:blur(30px) saturate(190%) contrast(105%) !important;box-shadow:0 20px 54px rgba(1,7,34,.24),inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.11) !important;} html:not(.ec-nav-legacy) .menu-panel[data-header-tone="light"] .menu-panel__surface {background:linear-gradient(151deg,rgba(255,255,255,.82),rgba(239,245,255,.64) 53%,rgba(255,255,255,.56)) !important;border-color:rgba(255,255,255,.97) !important;box-shadow:0 20px 50px rgba(4,9,40,.14),inset 0 1.5px 0 white !important;} html:not(.ec-nav-legacy) .menu-panel__surface::before {content:"" !important;display:block !important;position:absolute;pointer-events:none;z-index:0;inset:1px;border-radius:inherit;background:linear-gradient(172deg,rgba(255,255,255,.27),transparent 26%,transparent 85%,rgba(255,255,255,.09)) !important;} html:not(.ec-nav-legacy) .menu-panel__surface > * {position:relative;z-index:1}} @media(prefers-reduced-transparency:reduce){html:not(.ec-nav-legacy) .site-header .desktop-glass-bar,html:not(.ec-nav-legacy) .site-header .mobile-glass-bar,html:not(.ec-nav-legacy) .menu-panel__surface {-webkit-backdrop-filter:none !important;backdrop-filter:none !important;} html:not(.ec-nav-legacy) .site-header[data-header-tone="light"] .desktop-glass-bar,html:not(.ec-nav-legacy) .site-header[data-header-tone="light"] .mobile-glass-bar,html:not(.ec-nav-legacy) .menu-panel[data-header-tone="light"] .menu-panel__surface {background:rgba(250,252,255,.97) !important;} html:not(.ec-nav-legacy) .site-header[data-header-tone="dark"] .desktop-glass-bar,html:not(.ec-nav-legacy) .site-header[data-header-tone="dark"] .mobile-glass-bar,html:not(.ec-nav-legacy) .menu-panel[data-header-tone="dark"] .menu-panel__surface {background:rgba(17,30,64,.95) !important;}} .ec-consent[hidden],.ec-consent__disabled[hidden],.ec-consent__button[hidden] {display:none!important} .ec-consent {position:fixed;z-index:2500;inset:auto max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));pointer-events:none;} .ec-consent__surface {position:relative;pointer-events:auto;max-width:750px;margin:0 auto;padding:clamp(1.15rem,3.2vw,1.7rem);font-family:'Lato',sans-serif;color:#040928;border:1px solid rgba(255,255,255,.9);border-radius:1.4rem;background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(235,242,253,.97));box-shadow:0 12px 55px rgba(4,9,40,.29),inset 0 1px 1px #fff;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);} .ec-consent__eyebrow {display:block;color:#52627b;font-size:.67rem;letter-spacing:.12em;font-weight:800;margin:0 2.2rem .4rem 0} .ec-consent__surface h2 {font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.18;margin:0 1.5rem .6rem 0;color:#040928;letter-spacing:-.03em} .ec-consent__surface p {font-size:.84rem;line-height:1.55;margin:.6rem 0 1rem;color:#324159;max-width:65ch} .ec-consent__close {position:absolute;right:1rem;top:.9rem;width:2rem;height:2rem;border:1px solid rgba(4,9,40,.12);background:rgba(255,255,255,.6);color:#040928;border-radius:50%;cursor:pointer;font-size:1.3rem;line-height:1} .ec-consent__category {display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(4,9,40,.1);padding:.65rem 0} .ec-consent__category strong {font-size:.82rem;display:block;color:#040928} .ec-consent__category span {font-size:.73rem;color:#56627c} .ec-consent__required {white-space:nowrap} .ec-consent__switch {position:relative;display:inline-block;width:2.65rem;height:1.55rem;flex:none} .ec-consent__switch input {position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1} .ec-consent__switch span {display:block;background:#cdd5e1;border:1px solid #b8c4d3;border-radius:100px;height:100%;transition:background .2s} .ec-consent__switch span::after {content:"";position:absolute;top:.18rem;left:.2rem;width:1.15rem;height:1.15rem;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(4,9,40,.18);transition:transform .2s} .ec-consent__switch input:checked + span {background:#235ed1} .ec-consent__switch input:checked + span::after {transform:translateX(1.05rem)} .ec-consent__switch input:focus-visible + span {outline:2px solid #235ed1;outline-offset:3px} .ec-consent__switch input:disabled + span {opacity:.44} .ec-consent__actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.55rem} .ec-consent__button {display:flex;align-items:center;justify-content:center;text-align:center;min-height:2.8rem;border-radius:999px;padding:.6rem .65rem;border:1px solid rgba(4,9,40,.18);background:rgba(255,255,255,.86);color:#040928;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:800;line-height:1.25;transition:background-color .2s} .ec-consent__button:hover {background:#e7edf7} .ec-consent__button--accent,.ec-consent__actions .ec-consent__button[data-consent-reject] {background:#040928;color:white;border-color:#040928} .ec-consent__button--accent:hover,.ec-consent__actions .ec-consent__button[data-consent-reject]:hover {background:#1c2852} .ec-consent__button:focus-visible,.ec-consent__close:focus-visible,.ec-cookie-preferences-link:focus-visible,.ec-legal-preferences:focus-visible {outline:2px solid #235ed1;outline-offset:3px} .ec-consent__surface .ec-consent__legal {margin:.85rem 0 0;font-size:.73rem;text-align:center} .ec-consent__legal a {color:#043496;text-decoration:underline;text-underline-offset:3px} .ec-consent__surface .ec-consent__disabled {color:#374c69;font-size:.77rem;margin:.65rem 0 0} .ec-cookie-preferences-link {all:unset;display:inline-block;cursor:pointer;color:inherit;font:inherit;line-height:inherit} .ec-cookie-preferences-link:hover {text-decoration:underline} .ec-legal-preferences {all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:.18em;color:#043496;font:inherit} @media(max-width:620px){.ec-consent {inset:auto .65rem max(.65rem,env(safe-area-inset-bottom)) .65rem}.ec-consent__surface{max-height:min(87svh,700px);overflow-y:auto;border-radius:1.1rem}.ec-consent__actions{grid-template-columns:1fr}.ec-consent__button{min-height:2.6rem}.ec-consent__surface p{font-size:.79rem}} @media(prefers-reduced-motion:reduce){.ec-consent__switch span,.ec-consent__switch span::after,.ec-consent__button{transition:none}} .ec-consent[hidden],.ec-consent__categories[hidden],.ec-consent__button[hidden] {display:none !important;} .ec-consent {position:fixed;z-index:2500;inset:auto max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));pointer-events:none;} .ec-consent__surface {box-sizing:border-box;pointer-events:auto;position:relative;isolation:isolate;width:min(100%,795px);max-width:795px;margin:0 auto;padding:clamp(1.2rem,2.55vw,2rem);overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:clamp(1.2rem,2vw,1.65rem);background: radial-gradient(ellipse 88% 112% at -14% -30%,rgba(35,94,209,.3) 0%,transparent 75%),linear-gradient(138deg,rgba(4,9,40,.94),rgba(3,28,94,.94) 66%,rgba(4,9,40,.96));box-shadow:0 22px 75px rgba(4,9,40,.38),inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.08);backdrop-filter:blur(26px) saturate(175%);-webkit-backdrop-filter:blur(26px) saturate(175%);font-family:'Lato',sans-serif;} .ec-consent__surface::before {content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(170deg,rgba(255,255,255,.13),transparent 31%,transparent 72%,rgba(255,255,255,.035));} .ec-consent__surface > * {position:relative;z-index:1;} .ec-consent__brand {display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-right:2.5rem;margin:0 0 .9rem;} .ec-consent__brand img {width:clamp(7.6rem,17vw,9.1rem);height:auto;object-fit:contain;display:block;} .ec-consent__brand span {color:rgba(255,255,255,.59);font-size:.64rem;font-weight:700;letter-spacing:.13em;white-space:nowrap;} .ec-consent__surface h2 {margin:0 2rem .55rem 0;color:#fff;font-size:clamp(1.37rem,2.6vw,1.85rem);font-weight:700;letter-spacing:-.04em;line-height:1.18;} .ec-consent__surface p {margin:.35rem 0 .9rem;color:rgba(255,255,255,.79);font-size:.85rem;font-weight:400;line-height:1.58;max-width:74ch;} .ec-consent__surface p strong {color:#fff;font-weight:700;} .ec-consent__close {position:absolute;z-index:3;top:.85rem;right:.9rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;font:400 1.55rem/1 'Lato',sans-serif;color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.11);cursor:pointer;transition:background-color .2s;} .ec-consent__close:hover {background:rgba(255,255,255,.25);} .ec-consent__categories {border-block:1px solid rgba(255,255,255,.15);margin:1rem 0;padding:.3rem 0;} .ec-consent__category {display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.65rem 0;border-top:0;} .ec-consent__category + .ec-consent__category {border-top:1px solid rgba(255,255,255,.11);} .ec-consent__category strong {display:block;font-size:.82rem;color:#fff;margin-bottom:.15rem;} .ec-consent__category span {font-size:.74rem;color:rgba(255,255,255,.62);} .ec-consent__category .ec-consent__required {font-size:.72rem;color:rgba(255,255,255,.79);white-space:nowrap;} .ec-consent__switch span {background:rgba(255,255,255,.23);border:1px solid rgba(255,255,255,.27);} .ec-consent__switch input:checked + span {background:#235ed1;} .ec-consent__switch input:focus-visible + span {outline:2px solid #fff;outline-offset:3px;} .ec-consent__actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;margin:.9rem 0 0;} .ec-consent__button {display:inline-flex;justify-content:center;align-items:center;min-height:2.8rem;border-radius:999px;padding:.6rem .7rem;white-space:nowrap;text-align:center;cursor:pointer;font-family:'Lato',sans-serif;font-size:.79rem;font-weight:700;letter-spacing:0;line-height:1.25;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;} .ec-consent__button--choice,.ec-consent__button--accept,.ec-consent__button--reject {background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.92);color:#040928;box-shadow:inset 0 1px 0 #fff,0 3px 14px rgba(0,0,0,.08);} .ec-consent__actions .ec-consent__button--reject[data-consent-reject] {background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.92);color:#040928;} .ec-consent__button--settings {border:1px solid rgba(255,255,255,.49);background:rgba(255,255,255,.11);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16);} .ec-consent__button--choice:hover {background:#fff;transform:translateY(-1px);box-shadow:0 5px 20px rgba(0,0,0,.16);} .ec-consent__button--settings:hover {background:rgba(255,255,255,.24);transform:translateY(-1px);} .ec-consent__button:focus-visible,.ec-consent__close:focus-visible {outline:2px solid #fff;outline-offset:3px;} .ec-consent__surface .ec-consent__legal {display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.88rem 0 0;color:rgba(255,255,255,.52);font-size:.73rem;} .ec-consent__legal a {color:rgba(255,255,255,.79);text-decoration:underline;text-decoration-color:rgba(255,255,255,.39);text-underline-offset:.2rem;} .ec-consent__legal a:hover {color:white;} .site-footer__grid nav.site-footer__links .ec-cookie-preferences-link {all:unset;box-sizing:border-box;display:inline-flex;width:auto;min-height:1.7rem;padding:.15rem 0;cursor:pointer;background:transparent !important;font-family:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.83rem;font-weight:400;color:rgba(255,255,255,.71);line-height:1.4;letter-spacing:normal;text-decoration:none;} .site-footer__grid nav.site-footer__links .ec-cookie-preferences-link:hover {color:#fff;} .site-footer__grid nav.site-footer__links .ec-cookie-preferences-link:focus-visible,.ec-legal-preferences:focus-visible {outline:2px solid #9abafd;outline-offset:3px;} @media(max-width:620px) {.ec-consent {inset:auto .65rem max(.65rem,env(safe-area-inset-bottom)) .65rem;} .ec-consent__surface {max-height:calc(100svh - 1.3rem - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:1.18rem;padding:1.2rem;} .ec-consent__brand {gap:.4rem;} .ec-consent__brand span {font-size:.55rem;letter-spacing:.09em;} .ec-consent__surface h2 {font-size:1.36rem;} .ec-consent__surface p {font-size:.79rem;line-height:1.54;} .ec-consent__actions {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'reject accept' 'settings settings';gap:.58rem;} .ec-consent__button--reject {grid-area:reject;} .ec-consent__button--accept {grid-area:accept;} .ec-consent__actions .ec-consent__button--reject[data-consent-reject] {background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.92);color:#040928;} .ec-consent__button--settings {grid-area:settings;} .ec-consent__button {min-height:2.8rem;font-size:.78rem;} .site-footer__grid nav.site-footer__links .ec-cookie-preferences-link {min-height:1.75rem;font-size:.8rem;}} @media (prefers-reduced-motion:reduce) {.ec-consent__button,.ec-consent__close {transition:none;}} @media (prefers-reduced-transparency:reduce) {.ec-consent__surface {backdrop-filter:none;-webkit-backdrop-filter:none;background:#06143b;}}