*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}header,main,footer{width:min(1380px,calc(100% - 96px));margin:auto}.demo-note{display:flex;justify-content:space-between;gap:16px;padding:12px 48px;background:#203329;color:#f0efe5;font-size:12px;letter-spacing:.035em}.demo-note a{text-decoration:underline;text-underline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.wordmark{font-size:22px;font-weight:700;letter-spacing:-1px}nav{display:flex;gap:30px;font-size:14px}.demo-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:56px 0 70px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;margin:0 0 24px}h1{font:400 clamp(46px,5.6vw,86px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:0 0 28px}h1 em{display:block;font-weight:400}.intro{max-width:400px;font-size:15px;opacity:.8;margin:0 0 32px}.action{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 26px;background:var(--ink);color:var(--paper);font-size:14px;transition:transform .2s,opacity .2s}.action:hover{transform:translateY(-3px);opacity:.88}.brasa .action{border-radius:50px}.edition{font-size:10px;letter-spacing:.12em;margin-top:65px;opacity:.7}figure{margin:0;min-width:0}figure img{display:block;width:100%;height:570px;object-fit:cover}figcaption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}h2{font:400 clamp(32px,4vw,58px)/1.1 Georgia,serif;letter-spacing:-.045em;max-width:750px;margin:0 0 42px}.proposal{padding:70px 0;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.details article{border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding-top:20px}.details span{font-size:11px}.details h3{font:400 28px Georgia,serif;margin:24px 0 12px}.details p{max-width:300px;font-size:14px;opacity:.8}.demo-contact{padding:70px 0 100px;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.demo-contact p:not(.kicker){max-width:580px;margin-bottom:28px}.back{display:block;width:fit-content;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:22px}footer{border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:24px 0;display:flex;gap:20px;justify-content:space-between;font-size:12px}.orbita h1,.orbita h2,.orbita .details h3{font-family:"Trebuchet MS",sans-serif;font-weight:700}.orbita h1 em{font-style:normal;font-weight:700}.orbita figure img{background:#cce05d}.calma figure img{object-position:60% center}.calma .wordmark{letter-spacing:3px;font-size:17px}@media(min-width:1500px){.demo-hero{gap:70px}}@media(max-width:800px){header,main,footer{width:calc(100% - 40px)}.demo-note{padding:12px 20px;font-size:10px}.demo-hero{grid-template-columns:1fr;padding-top:40px;gap:24px}h1{font-size:clamp(48px,10vw,78px)}.edition{margin-top:36px}figure img{height:420px}.details{gap:20px}.details h3{font-size:24px}nav{gap:15px;font-size:12px}.wordmark{font-size:18px}.calma .wordmark{font-size:13px;letter-spacing:1px}footer{flex-direction:column;gap:8px}}@media(max-width:500px){.demo-note{align-items:center}.demo-note span{max-width:135px}.details{grid-template-columns:1fr;gap:20px}.details h3{margin-top:10px}.proposal,.demo-contact{padding:48px 0}figure img{height:320px}.demo-hero{padding-bottom:40px}nav a:first-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Photography and one-time reveals keep motion clear and stable when scrolling. */
.hero-photo,.detail-photo{overflow:hidden;background:color-mix(in srgb,var(--ink) 12%,var(--paper))}
.hero-photo img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.demo-hero figure:hover .hero-photo img{transform:scale(1.035)}
.detail-photo{margin-bottom:22px;aspect-ratio:4/3}
.detail-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.details article:hover .detail-photo img{transform:scale(1.055)}
.details article{min-width:0}
.action span{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.action:hover span,.action:focus-visible span{transform:translate(3px,-3px)}
.action:active{transform:translateY(0)}
nav a,.back{position:relative}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
nav a:hover::after,nav a:focus-visible::after{transform:scaleX(1)}
.photo-credit{display:block;margin-top:8px;font-size:10px;opacity:.7}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.demo-motion .demo-reveal{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.demo-motion .demo-reveal.is-visible,.demo-motion .demo-reveal:focus-within{opacity:1;transform:none}
.demo-motion .demo-hero figure{--reveal-delay:180ms}
@media(hover:none){.demo-hero figure:hover .hero-photo img,.details article:hover .detail-photo img{transform:none}}
@media(max-width:800px){.demo-motion .demo-hero figure{--reveal-delay:0ms}.details article{--reveal-delay:0ms!important}}
@media(prefers-reduced-motion:reduce){.demo-motion .demo-reveal{opacity:1;transform:none;transition:none}.hero-photo img,.detail-photo img,.action span,nav a::after{transition:none}.demo-hero figure:hover .hero-photo img,.details article:hover .detail-photo img{transform:none}}