/* Apresentação de .home header */
/* Motion direction: K Studio / Lumora reference. All decorative icons are original SVGs. */
.home header {
position:relative;z-index:5;background:#000000;border:0;min-height:88px
}

/* Apresentação de .home header .logo */
.home header .logo {
width:120px
}

/* Apresentação de .home nav */
.home nav {
font-size:12px
}

/* Apresentação de .home nav a:last-child */
.home nav a:last-child {
background:var(--accent);color:var(--ink);font-weight:700
}

/* Apresentação de .motion-hero */
.motion-hero {
isolation:isolate;position:relative;overflow:hidden;min-height:760px;height:calc(100svh - 88px);max-height:1080px;padding:40px 24px 70px;background:#000000;display:flex;justify-content:center;align-items:flex-start;text-align:center;perspective:1100px
}

/* Apresentação de .stage */
.stage {
position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden
}

/* Apresentação de .atmosphere */
.atmosphere {
position:absolute;inset:0;background:radial-gradient(ellipse at 50% 76%,#e6e60055,transparent 44%),radial-gradient(ellipse at 50% 25%,#33333333,transparent 65%)
}

/* Apresentação de .platform */
.platform {
position:absolute;width:87%;height:29%;left:6.5%;bottom:5%;border-radius:50%;background:linear-gradient(#262626,#000000 65%);box-shadow:0 40px 60px #000;animation:platform-arrive 1.4s cubic-bezier(.16,1,.3,1) both
}

/* Apresentação de .light-ring */
.light-ring {
position:absolute;inset:3% 11% 50%;border-radius:50%;border:3px solid #ffffff;background:#e6e600;box-shadow:0 0 10px #e6e600,0 0 38px #e6e600c9,inset 0 0 38px #ffffff,0 0 100px #e6e60088;animation:light-breathe 5s ease-in-out 1.5s infinite alternate
}

/* Apresentação de .hero-copy */
.hero-copy {
position:relative;z-index:2;width:min(820px,72%);pointer-events:none
}

/* Apresentação de .hero-copy a */
.hero-copy a {
pointer-events:auto
}

/* Apresentação de .hero-copy .eyebrow */
.hero-copy .eyebrow {
font-size:10px;color:#cccccc;letter-spacing:.22em;animation:copy-enter .7s .4s both
}

/* Apresentação de .motion-hero h1 */
.motion-hero h1 {
font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(62px,7.2vw,110px);font-weight:400;line-height:1;letter-spacing:-.025em;margin:24px -20% 18px;max-width:none
}

/* Apresentação de .word-line */
.word-line {
display:block;overflow:hidden;padding-bottom:5px
}

/* Apresentação de .word-line>span */
.word-line>span {
display:block;animation:title-enter 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay:.45s
}

/* Apresentação de .word-line:nth-child(2)>span */
.word-line:nth-child(2)>span {
animation-delay:.65s
}

/* Apresentação de .word-line:nth-child(3)>span */
.word-line:nth-child(3)>span {
animation-delay:.85s
}

/* Apresentação de .motion-hero h1 em */
.motion-hero h1 em {
background:linear-gradient(#ffffff,#e6e600);background-clip:text;color:transparent
}

/* Apresentação de .hero-description */
.hero-description {
font-size:14px;line-height:1.6;color:#bbbbbb;margin:0 0 24px;animation:copy-enter .8s 1.1s both
}

/* Apresentação de .hero-actions */
.hero-actions {
display:flex;justify-content:center;gap:12px;animation:copy-enter .8s 1.3s both
}

/* Apresentação de .hero-actions .button */
.hero-actions .button {
font-size:12px;padding:12px 24px
}

/* Apresentação de .button-outline */
.button-outline {
background:#080808;color:#ffffff;border:1px solid #777777
}

/* Apresentação de .button-outline:hover */
.button-outline:hover {
background:#242424;color:#fff
}

/* Apresentação de .hero-foot */
.hero-foot {
position:absolute;bottom:22px;left:var(--space);right:var(--space);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:#cccccc;z-index:3
}

/* Apresentação de .motion-toggle */
.motion-toggle {
color:#cccccc;border:1px solid #555555;background:#101010;padding:9px 13px;border-radius:20px;font-size:10px;cursor:pointer
}

/* Apresentação de .orbit-field */
.orbit-field {
position:absolute;inset:0;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .6s ease-out
}

/* Apresentação de .orbit */
.orbit {
position:absolute;width:clamp(85px,11vw,170px);aspect-ratio:1;perspective:700px;animation:tile-arrive 1.5s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay);--r:0deg;--tilt:15deg
}

/* Apresentação de .creative-tile */
.creative-tile {
height:100%;border-radius:19%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(140deg,#77777766,#1a1a1a 55%,#0a0a0a);border:1px solid #ffffff66;box-shadow:inset 0 2px 3px #ffffff55,inset 0 -6px 2px #0005,8px 18px 25px #0008;transform:rotate(var(--r)) rotateX(var(--tilt)) rotateY(-20deg);animation:tile-float var(--duration,6s) ease-in-out infinite alternate;animation-delay:calc(var(--delay) * -2)
}

/* Apresentação de .creative-tile img */
.creative-tile img {
width:58%;height:58%;filter:drop-shadow(0 0 8px #e6e60055)
}

/* Apresentação de .creative-tile span */
.creative-tile span {
font-size:8px;letter-spacing:.15em;color:#ffffff;margin-top:4px
}

/* Apresentação de .orbit-1 */
.orbit-1 {
left:7%;top:35%;--r:-22deg;--delay:.75s
}

/* Apresentação de .orbit-2 */
.orbit-2 {
left:14%;top:57%;--r:-15deg;--delay:1s;--duration:5s
}

/* Apresentação de .orbit-3 */
.orbit-3 {
left:3%;top:65%;--r:18deg;--delay:1.25s;--duration:7s
}

/* Apresentação de .orbit-4 */
.orbit-4 {
right:11%;top:51%;--r:22deg;--delay:.9s;--duration:6.5s
}

/* Apresentação de .orbit-5 */
.orbit-5 {
right:4%;top:25%;--r:24deg;--delay:.7s;width:9vw;opacity:.65
}

/* Apresentação de .orbit-6 */
.orbit-6 {
right:2%;top:67%;--r:-15deg;--delay:1.3s
}

/* Apresentação de .orbit-7 */
.orbit-7 {
left:4%;top:12%;--r:-25deg;--delay:1.1s;width:7vw;opacity:.4
}

/* Apresentação de .orbit-8 */
.orbit-8 {
right:18%;top:9%;--r:35deg;--delay:1.2s;width:6vw;opacity:.3
}

/* Apresentação de .orbit-2 .creative-tile,.orbit-4 .creative-tile */
.orbit-2 .creative-tile,.orbit-4 .creative-tile {
background:linear-gradient(140deg,transparent 60%,#0005),linear-gradient(#e6e600,#e6e600)
}

/* Apresentação de .orbit-2 img,.orbit-4 img */
.orbit-2 img,.orbit-4 img {
filter:brightness(.25)
}

/* Apresentação de .orbit-2 span,.orbit-4 span */
.orbit-2 span,.orbit-4 span {
color:#000000
}

/* Apresentação de .creative-intro */
.creative-intro {
background:#ffffff;color:#000000;display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;overflow:hidden;padding-top:100px;padding-bottom:100px
}

/* Apresentação de .creative-intro:before */
.creative-intro:before {
content:'';position:absolute;inset:45% 0 0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 15px,#cccccc66 16px 17px);mask-image:linear-gradient(transparent,#000)
}

/* Apresentação de .creative-intro>div */
.creative-intro>div {
position:relative
}

/* Apresentação de .creative-intro h2 */
.creative-intro h2 {
font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,5.4vw,84px);line-height:1;letter-spacing:-.025em;font-weight:400
}

/* Apresentação de .creative-intro h2>span */
.creative-intro h2>span {
color:#666666
}

/* Apresentação de .creative-intro p */
.creative-intro p {
font-size:13px
}

/* Apresentação de .pillar-stack */
.pillar-stack {
display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:center
}

/* Apresentação de .pillar-card */
.pillar-card {
padding:28px;min-height:210px;background:#e6e600;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s
}

/* Apresentação de .pillar-card:first-child */
.pillar-card:first-child {
grid-column:2
}

/* Apresentação de .pillar-card:nth-child(2) */
.pillar-card:nth-child(2) {
background:#111111;color:#ffffff
}

/* Apresentação de .pillar-card:nth-child(3) */
.pillar-card:nth-child(3) {
background:#ffffff
}

/* Apresentação de .pillar-card span */
.pillar-card span {
font-size:10px;letter-spacing:.08em
}

/* Apresentação de .pillar-card h3 */
.pillar-card h3 {
font-size:29px;font-weight:600;letter-spacing:-.04em;margin:24px 0 14px
}

/* Apresentação de .pillar-card p */
.pillar-card p {
margin:0
}

/* Apresentação de .pillar-card:hover */
.pillar-card:hover {
transform:translateY(-7px);text-decoration:none
}

/* Apresentação de .home .section-title h2,.home .statement h2,.home .split h2 */
.home .section-title h2,.home .statement h2,.home .split h2 {
font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-.025em
}

/* Apresentação de .home .section-title */
.home .section-title {
justify-content:center;flex-direction:column;text-align:center;gap:0
}

/* Apresentação de .home .projects */
.home .projects {
gap:45px 25px
}

/* Apresentação de .home .project:first-child */
.home .project:first-child {
grid-column:auto
}

/* Apresentação de .home .project:first-child .picture img */
.home .project:first-child .picture img {
aspect-ratio:1.65
}

/* Apresentação de .home .project:last-child */
.home .project:last-child {
grid-column:1/-1;max-width:75%;justify-self:center
}

/* Apresentação de .reveal-ready */
.reveal-ready {
opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)
}

/* Apresentação de .reveal-ready.is-visible */
.reveal-ready.is-visible {
opacity:1;transform:none
}

/* Apresentação de .motion-paused *,.motion-off * */
.motion-paused *,.motion-off * {
animation-play-state:paused!important
}

/* Apresentação de .motion-off .reveal-ready */
.motion-off .reveal-ready {
opacity:1;transform:none;transition:none
}

/* Apresentação de .motion-off .orbit-field */
.motion-off .orbit-field {
transform:none
}

/* Apresentação de .motion-paused .orbit-field */
.motion-paused .orbit-field {
transition:none
}

/* Apresentação de .motion-toggle:hover */
.motion-toggle:hover {
border-color:var(--accent)
}

/* Regra responsiva / animação */
@keyframes title-enter {

/* Apresentação de from */
from {
transform:translateY(105%);filter:blur(10px);opacity:0
}

/* Apresentação de to */
to {
transform:none;filter:blur(0);opacity:1
}

}

/* Regra responsiva / animação */
@keyframes copy-enter {

/* Apresentação de from */
from {
transform:translateY(20px);opacity:0
}

/* Apresentação de to */
to {
transform:none;opacity:1
}

}

/* Regra responsiva / animação */
@keyframes platform-arrive {

/* Apresentação de from */
from {
transform:translateY(130px) scale(.7);opacity:0
}

/* Apresentação de to */
to {
transform:none;opacity:1
}

}

/* Regra responsiva / animação */
@keyframes tile-arrive {

/* Apresentação de from */
from {
transform:translateY(180px) scale(.6);opacity:0
}

/* Apresentação de to */
to {
transform:none;opacity:1
}

}

/* Regra responsiva / animação */
@keyframes tile-float {

/* Apresentação de from */
from {
transform:translateY(-9px) rotate(var(--r)) rotateX(var(--tilt)) rotateY(-20deg)
}

/* Apresentação de to */
to {
transform:translateY(13px) rotate(calc(var(--r) + 7deg)) rotateX(5deg) rotateY(0deg)
}

}

/* Regra responsiva / animação */
@keyframes light-breathe {

/* Apresentação de from */
from {
filter:brightness(.9);transform:scale(.98)
}

/* Apresentação de to */
to {
filter:brightness(1.12);transform:scale(1.015)
}

}

/* Regra responsiva / animação */
@media(min-width:1500px) {

/* Apresentação de .motion-hero */
.motion-hero {
padding-top:60px
}

/* Apresentação de .motion-hero h1 */
.motion-hero h1 {
font-size:130px
}

}

/* Regra responsiva / animação */
@media(max-width:900px) {

/* Apresentação de .motion-hero */
.motion-hero {
height:800px;min-height:760px;padding-top:55px
}

/* Apresentação de .hero-copy */
.hero-copy {
width:86%
}

/* Apresentação de .motion-hero h1 */
.motion-hero h1 {
font-size:clamp(58px,9.8vw,87px)
}

/* Apresentação de .orbit-1 */
.orbit-1 {
left:3%;top:53%
}

/* Apresentação de .orbit-4 */
.orbit-4 {
right:6%;top:56%
}

/* Apresentação de .orbit-5 */
.orbit-5 {
top:15%
}

/* Apresentação de .orbit-2 */
.orbit-2 {
top:70%;left:13%
}

/* Apresentação de .orbit-3 */
.orbit-3 {
top:78%
}

/* Apresentação de .orbit-6 */
.orbit-6 {
top:76%
}

/* Apresentação de .platform */
.platform {
bottom:4%;height:26%;width:106%;left:-3%
}

/* Apresentação de .creative-intro */
.creative-intro {
gap:24px
}

/* Apresentação de .pillar-card */
.pillar-card {
padding:18px;min-height:190px
}

/* Apresentação de .pillar-card h3 */
.pillar-card h3 {
font-size:24px
}

/* Apresentação de .hero-foot>span */
.hero-foot>span {
display:none
}

}

/* Regra responsiva / animação */
@media(max-width:560px) {

/* Apresentação de .home header */
.home header {
min-height:80px
}

/* Apresentação de .motion-hero */
.motion-hero {
height:760px;min-height:760px;padding-top:36px
}

/* Apresentação de .hero-copy */
.hero-copy {
width:100%
}

/* Apresentação de .motion-hero h1 */
.motion-hero h1 {
font-size:clamp(46px,11.8vw,66px);margin:25px 0 22px
}

/* Apresentação de .hero-description */
.hero-description {
font-size:13px
}

/* Apresentação de .hero-actions */
.hero-actions {
gap:8px
}

/* Apresentação de .hero-actions .button */
.hero-actions .button {
padding:12px 15px;font-size:11px
}

/* Apresentação de .hero-copy .eyebrow */
.hero-copy .eyebrow {
font-size:8px
}

/* Apresentação de .orbit */
.orbit {
width:90px
}

/* Apresentação de .orbit-1 */
.orbit-1 {
top:53%;left:5%
}

/* Apresentação de .orbit-2 */
.orbit-2 {
top:68%;left:14%
}

/* Apresentação de .orbit-3 */
.orbit-3 {
top:77%;left:-5%
}

/* Apresentação de .orbit-4 */
.orbit-4 {
top:56%;right:8%;width:105px
}

/* Apresentação de .orbit-5 */
.orbit-5 {
top:46%;right:-7%;width:67px
}

/* Apresentação de .orbit-6 */
.orbit-6 {
top:76%;right:-2%
}

/* Apresentação de .orbit-7,.orbit-8 */
.orbit-7,.orbit-8 {
display:none
}

/* Apresentação de .creative-intro */
.creative-intro {
grid-template-columns:1fr;padding-top:55px;padding-bottom:55px
}

/* Apresentação de .creative-intro h2 */
.creative-intro h2 {
font-size:58px
}

/* Apresentação de .pillar-card:first-child */
.pillar-card:first-child {
grid-column:1/-1;min-height:170px
}

/* Apresentação de .pillar-card */
.pillar-card {
min-height:210px
}

/* Apresentação de .pillar-card h3 */
.pillar-card h3 {
font-size:23px
}

/* Apresentação de .home .project:last-child */
.home .project:last-child {
grid-column:auto;max-width:100%
}

/* Apresentação de .hero-foot */
.hero-foot {
bottom:16px
}

/* Apresentação de .platform */
.platform {
height:23%;bottom:6%
}

}

/* Regra responsiva / animação */
@media(prefers-reduced-motion:reduce) {

/* Apresentação de .motion-hero * */
.motion-hero * {
animation:none!important;transition:none!important
}

/* Apresentação de .reveal-ready */
.reveal-ready {
opacity:1;transform:none;transition:none
}

/* Apresentação de .orbit-field */
.orbit-field {
transform:none!important
}

}

/* Apresentação de .menu-close */
/* Navegação lateral em ecrãs compactos. */
.menu-close {
display:none
}

/* Apresentação de .menu-backdrop */
.menu-backdrop {
position:fixed;inset:0;background:rgb(0 0 0 / 65%);backdrop-filter:blur(4px);z-index:90
}

/* Apresentação de .menu-is-open */
.menu-is-open {
overflow:hidden
}

/* Regra responsiva / animação */
@media(max-width:900px) {

/* Apresentação de header,.home header */
header,.home header {
position:relative;z-index:100
}

/* Apresentação de .js nav#navigation */
.js nav#navigation {
display:flex;position:fixed;inset:0 0 0 auto;width:min(360px,88vw);height:100dvh;padding:28px 26px 40px;background:#0b0b0b;box-shadow:-20px 0 60px #0008;z-index:100;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:8px;overflow-y:auto;visibility:hidden;transform:translateX(105%);transition:transform .3s ease,visibility .3s;pointer-events:none
}

/* Apresentação de .js nav#navigation.open */
.js nav#navigation.open {
visibility:visible;transform:translateX(0);pointer-events:auto
}

/* Apresentação de nav#navigation a */
nav#navigation a {
font-size:21px;padding:13px 8px;border-bottom:1px solid #333333
}

/* Apresentação de nav#navigation a:last-child */
nav#navigation a:last-child {
font-size:15px;text-align:center;margin-top:20px;padding:15px;border:1px solid var(--accent)
}

/* Apresentação de .js .menu-close */
.js .menu-close {
display:block;align-self:flex-end;background:transparent;border:1px solid #555555;border-radius:24px;padding:9px 16px;color:var(--paper);cursor:pointer;margin:0 0 24px;font-size:14px
}

/* Apresentação de .menu span */
.menu span {
margin-right:6px
}


}

/* Regra responsiva / animação */
@media(prefers-reduced-motion:reduce) {

/* Apresentação de .js nav#navigation */
.js nav#navigation {
transition:none
}

}

/* Apresentação de .laptop-scene */
/* Portátil: entrada e abertura da tampa ao carregar a página. */
.laptop-scene {
position:absolute;width:min(620px,60vw);height:290px;left:50%;bottom:48px;transform:translateX(-50%);perspective:1100px;pointer-events:none
}

/* Apresentação de .laptop */
.laptop {
position:absolute;inset:0;transform-style:preserve-3d;animation:laptop-arrive 1s cubic-bezier(.16,1,.3,1) both
}

/* Apresentação de .laptop-shadow */
.laptop-shadow {
position:absolute;bottom:-15px;left:-10%;width:120%;height:55px;border-radius:50%;background:#000;filter:blur(20px)
}

/* Apresentação de .laptop-lid */
.laptop-lid {
position:absolute;left:4%;bottom:30px;width:92%;height:260px;background:linear-gradient(135deg,#555,#111 35%,#333);border:2px solid #777;border-radius:15px 15px 5px 5px;padding:12px 12px 16px;transform-origin:50% 100%;transform:rotateX(-9deg);backface-visibility:hidden;animation:laptop-open 1.9s .2s cubic-bezier(.2,.75,.2,1) both;box-shadow:0 0 45px #e6e60018
}

/* Apresentação de .laptop-camera */
.laptop-camera {
position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#aaa
}

/* Apresentação de .laptop-screen */
.laptop-screen {
height:100%;background:#080808;border-radius:5px;overflow:hidden;border:1px solid #000;animation:screen-on .8s 1.15s both
}

/* Apresentação de .screen-toolbar */
.screen-toolbar {
height:22px;background:#222;display:flex;gap:5px;align-items:center;padding:0 9px;text-align:left
}

/* Apresentação de .screen-toolbar i */
.screen-toolbar i {
width:4px;height:4px;border-radius:50%;background:#777
}

/* Apresentação de .screen-toolbar i:first-child */
.screen-toolbar i:first-child {
background:#e6e600
}

/* Apresentação de .screen-toolbar span */
.screen-toolbar span {
font:7px Arial,sans-serif;letter-spacing:.12em;color:#aaa;margin-left:8px
}

/* Apresentação de .screen-art */
.screen-art {
position:relative;height:calc(100% - 66px);display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#333,#080808 72%);overflow:hidden
}

/* Apresentação de .screen-art strong */
.screen-art strong {
font-family:Impact,'Arial Narrow',sans-serif;font-size:48px;font-weight:400;line-height:.92;letter-spacing:-.02em;text-align:left;color:#fff;transform:rotate(-6deg)
}

/* Apresentação de .screen-art strong span */
.screen-art strong span {
color:#e6e600
}

/* Apresentação de .art-frame */
.art-frame {
position:absolute;width:145px;height:103px;border:1px solid #e6e600;transform:rotate(-6deg)
}

/* Apresentação de .art-frame:before,.art-frame:after */
.art-frame:before,.art-frame:after {
content:'';position:absolute;width:6px;height:6px;background:#e6e600
}

/* Apresentação de .art-frame:before */
.art-frame:before {
top:-3px;left:-3px
}

/* Apresentação de .art-frame:after */
.art-frame:after {
right:-3px;bottom:-3px
}

/* Apresentação de .screen-play */
.screen-play {
position:absolute;right:15%;font-size:21px;color:#e6e600
}

/* Apresentação de .screen-timeline */
.screen-timeline {
height:44px;background:#191919;position:relative;display:flex;flex-direction:column;gap:4px;padding:7px 12%
}

/* Apresentação de .screen-timeline span */
.screen-timeline span {
height:6px;width:67%;background:#777;border-radius:2px
}

/* Apresentação de .screen-timeline span:nth-child(2) */
.screen-timeline span:nth-child(2) {
width:48%;margin-left:20%;background:#e6e600
}

/* Apresentação de .screen-timeline span:nth-child(3) */
.screen-timeline span:nth-child(3) {
width:35%;margin-left:45%
}

/* Apresentação de .screen-timeline i */
.screen-timeline i {
position:absolute;top:3px;bottom:3px;width:1px;background:#fff;left:25%;animation:timeline-play 5s 2s linear infinite
}

/* Apresentação de .laptop-base */
.laptop-base {
position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(#777,#333 70%,#999 74%,#333 85%,#111);border-radius:3px 3px 40% 40% / 3px 3px 15px 15px;transform:rotateX(35deg);transform-origin:50% 0;box-shadow:0 6px 8px #0008
}

/* Apresentação de .laptop-keys */
.laptop-keys {
position:absolute;left:16%;right:16%;top:4px;height:13px;background:repeating-linear-gradient(90deg,#111 0 15px,#777 16px 18px);border:2px solid #222;border-radius:2px
}

/* Apresentação de .laptop-trackpad */
.laptop-trackpad {
position:absolute;top:20px;left:40%;width:20%;height:9px;border:1px solid #999;border-radius:2px
}

/* Apresentação de .laptop-notch */
.laptop-notch {
position:absolute;bottom:4px;left:43%;width:14%;height:3px;background:#111;border-radius:0 0 8px 8px
}

/* Apresentação de .motion-hero */
.motion-hero {
min-height:880px
}

/* Apresentação de .atmosphere */
.atmosphere {
background:radial-gradient(ellipse at 50% 80%,#e6e60015,transparent 45%)
}

/* Regra responsiva / animação */
@keyframes laptop-open {

/* Apresentação de 0% */
0% {
transform:rotateX(-88deg)
}

/* Apresentação de 100% */
100% {
transform:rotateX(-9deg)
}

}

/* Regra responsiva / animação */
@keyframes laptop-arrive {

/* Apresentação de from */
from {
opacity:0;translate:0 70px
}

/* Apresentação de to */
to {
opacity:1;translate:0 0
}

}

/* Regra responsiva / animação */
@keyframes screen-on {

/* Apresentação de from */
from {
opacity:0
}

/* Apresentação de to */
to {
opacity:1
}

}

/* Regra responsiva / animação */
@keyframes timeline-play {

/* Apresentação de from */
from {
left:18%
}

/* Apresentação de to */
to {
left:82%
}

}

/* Regra responsiva / animação */
@media(max-width:900px) {

/* Apresentação de .motion-hero */
.motion-hero {
height:920px;min-height:920px
}

/* Apresentação de .laptop-scene */
.laptop-scene {
width:65vw;max-width:560px;height:270px;bottom:55px
}

/* Apresentação de .laptop-lid */
.laptop-lid {
height:240px
}

/* Apresentação de .orbit-2 */
.orbit-2 {
left:5%;top:73%
}

/* Apresentação de .orbit-4 */
.orbit-4 {
right:4%;top:58%
}

}

/* Regra responsiva / animação */
@media(max-width:560px) {

/* Apresentação de .motion-hero */
.motion-hero {
height:830px;min-height:830px
}

/* Apresentação de .laptop-scene */
.laptop-scene {
width:82vw;height:205px;bottom:75px
}

/* Apresentação de .laptop-lid */
.laptop-lid {
height:175px;padding:9px 8px 10px;border-radius:10px 10px 3px 3px
}

/* Apresentação de .screen-art strong */
.screen-art strong {
font-size:31px
}

/* Apresentação de .art-frame */
.art-frame {
width:100px;height:70px
}

/* Apresentação de .screen-toolbar span */
.screen-toolbar span {
font-size:5px
}

/* Apresentação de .screen-play */
.screen-play {
right:10%;font-size:16px
}

/* Apresentação de .laptop-base */
.laptop-base {
height:30px
}

/* Apresentação de .laptop-lid */
.laptop-lid {
bottom:23px
}

/* Apresentação de .laptop-trackpad */
.laptop-trackpad {
top:18px;height:6px
}

/* Apresentação de .laptop-keys */
.laptop-keys {
height:10px
}

/* Apresentação de .orbit-1 */
.orbit-1 {
top:48%;left:2%;width:72px
}

/* Apresentação de .orbit-4 */
.orbit-4 {
top:48%;right:3%;width:82px
}

/* Apresentação de .orbit-2 */
.orbit-2 {
left:-3%;top:69%;width:70px
}

/* Apresentação de .orbit-6 */
.orbit-6 {
right:-3%;top:73%;width:72px
}

/* Apresentação de .orbit-3 */
.orbit-3 {
top:84%;width:65px
}

/* Apresentação de .orbit-5 */
.orbit-5 {
top:82%;right:12%;width:60px
}

}

/* Regra responsiva / animação */
@media(prefers-reduced-motion:reduce) {

/* Apresentação de .laptop,.laptop-lid,.laptop-screen,.screen-timeline i */
.laptop,.laptop-lid,.laptop-screen,.screen-timeline i {
animation:none!important
}

/* Apresentação de .laptop-lid */
.laptop-lid {
transform:rotateX(-9deg)
}

}

/* Regra responsiva / animação */
@media(min-width:901px) and (max-height:850px) {

/* Apresentação de .motion-hero */
.motion-hero {
min-height:620px;height:calc(100svh - 88px);padding-top:15px
}

/* Apresentação de .motion-hero h1 */
.motion-hero h1 {
font-size:clamp(58px,5.5vw,80px);margin-top:12px;margin-bottom:12px
}

/* Apresentação de .hero-description */
.hero-description {
font-size:12px;margin-bottom:14px
}

/* Apresentação de .hero-copy .eyebrow */
.hero-copy .eyebrow {
margin-bottom:8px
}

/* Apresentação de .laptop-scene */
.laptop-scene {
height:210px;width:440px;bottom:35px
}

/* Apresentação de .laptop-lid */
.laptop-lid {
height:180px
}

/* Apresentação de .screen-art strong */
.screen-art strong {
font-size:33px
}

/* Apresentação de .art-frame */
.art-frame {
width:110px;height:78px
}

/* Apresentação de .hero-foot */
.hero-foot {
bottom:10px
}

}

/* Apresentação de .laptop-scene */
/* Portátil de fundo: volume 3D, escala ampla e iluminação discreta. */
.laptop-scene {
width:min(1120px,96vw);height:540px;bottom:-75px;perspective:1400px;z-index:0;opacity:.48;filter:brightness(.48);transform:translateX(-50%) rotate(-5deg)
}

/* Apresentação de .laptop */
.laptop {
transform-style:preserve-3d;transform:rotateY(-16deg) rotateX(7deg)
}

/* Apresentação de .laptop-lid */
.laptop-lid {
height:450px;bottom:75px;left:5%;width:90%;padding:22px 20px 28px;border:3px solid #888;border-radius:24px 24px 9px 9px;transform-style:preserve-3d;box-shadow:10px 4px 0 #333,16px 7px 0 #111,22px 15px 35px #000,0 0 70px #e6e60012
}

/* Apresentação de .laptop-lid:before */
.laptop-lid:before {
content:'';position:absolute;inset:-3px;transform:translateZ(-14px);border-radius:24px 24px 9px 9px;background:linear-gradient(140deg,#777,#222 45%,#080808);border:2px solid #555;backface-visibility:visible
}

/* Apresentação de .laptop-lid:after */
.laptop-lid:after {
content:'';position:absolute;right:-15px;top:12px;bottom:0;width:13px;background:linear-gradient(90deg,#555,#111);transform:skewY(24deg);border-radius:0 9px 5px 0
}

/* Apresentação de .laptop-screen */
.laptop-screen {
position:relative;transform:translateZ(1px)
}

/* Apresentação de .laptop-base */
.laptop-base {
bottom:12px;height:85px;transform:rotateX(53deg) translateZ(4px);border-radius:5px 5px 24px 24px;transform-style:preserve-3d;box-shadow:0 10px 0 #555,0 15px 0 #171717,0 25px 35px #000
}

/* Apresentação de .laptop-base:after */
.laptop-base:after {
content:'';position:absolute;left:0;right:0;bottom:-12px;height:13px;background:linear-gradient(#555,#111);border-radius:0 0 20px 20px
}

/* Apresentação de .laptop-keys */
.laptop-keys {
top:8px;height:36px;left:13%;right:13%;background:repeating-linear-gradient(0deg,transparent 0 9px,#666 10px 12px),repeating-linear-gradient(90deg,#111 0 25px,#666 26px 29px)
}

/* Apresentação de .laptop-trackpad */
.laptop-trackpad {
top:50px;height:22px
}

/* Apresentação de .laptop-notch */
.laptop-notch {
z-index:1;bottom:-7px
}

/* Apresentação de .laptop-camera */
.laptop-camera {
top:9px;width:5px;height:5px
}

/* Apresentação de .screen-toolbar */
.screen-toolbar {
height:30px
}

/* Apresentação de .screen-toolbar span */
.screen-toolbar span {
font-size:9px
}

/* Apresentação de .screen-art */
.screen-art {
height:calc(100% - 100px)
}

/* Apresentação de .screen-art strong */
.screen-art strong {
font-size:85px
}

/* Apresentação de .art-frame */
.art-frame {
width:255px;height:190px
}

/* Apresentação de .screen-play */
.screen-play {
font-size:40px
}

/* Apresentação de .screen-timeline */
.screen-timeline {
height:70px;padding-top:12px;gap:7px
}

/* Apresentação de .screen-timeline span */
.screen-timeline span {
height:9px
}

/* Apresentação de .atmosphere */
.atmosphere {
z-index:1;background:linear-gradient(180deg,#0009,transparent 40%,#0005),radial-gradient(ellipse at 50% 85%,#e6e60008,transparent 65%)
}

/* Apresentação de .orbit-field */
.orbit-field {
z-index:2
}

/* Apresentação de .hero-copy,.hero-foot */
.hero-copy,.hero-foot {
z-index:3
}

/* Apresentação de .laptop-shadow */
.laptop-shadow {
height:90px;width:130%;left:-15%;bottom:-15px
}

/* Regra responsiva / animação */
@media(min-width:901px) and (max-height:850px) {

/* Apresentação de .laptop-scene */
.laptop-scene {
width:min(1100px,95vw);height:500px;bottom:-140px
}

/* Apresentação de .laptop-lid */
.laptop-lid {
height:430px;bottom:75px
}

/* Apresentação de .screen-art strong */
.screen-art strong {
font-size:85px
}

/* Apresentação de .art-frame */
.art-frame {
width:255px;height:190px
}

}

/* Regra responsiva / animação */
@media(max-width:900px) {

/* Apresentação de .laptop-scene */
.laptop-scene {
width:115vw;max-width:none;height:510px;bottom:-70px
}

/* Apresentação de .laptop-lid */
.laptop-lid {
height:430px;bottom:75px
}

/* Apresentação de .screen-art strong */
.screen-art strong {
font-size:75px
}

}

/* Regra responsiva / animação */
@media(max-width:560px) {

/* Apresentação de .laptop-scene */
.laptop-scene {
width:150vw;height:390px;bottom:0;opacity:.4;transform:translateX(-50%) rotate(-8deg)
}

/* Apresentação de .laptop-lid */
.laptop-lid {
height:320px;bottom:65px;padding:17px 15px 20px;border-radius:18px 18px 5px 5px
}

/* Apresentação de .laptop-base */
.laptop-base {
height:70px;bottom:12px
}

/* Apresentação de .laptop-keys */
.laptop-keys {
height:28px
}

/* Apresentação de .laptop-trackpad */
.laptop-trackpad {
top:42px;height:18px
}

/* Apresentação de .screen-art strong */
.screen-art strong {
font-size:58px
}

/* Apresentação de .art-frame */
.art-frame {
width:175px;height:130px
}

/* Apresentação de .screen-toolbar span */
.screen-toolbar span {
font-size:7px
}

/* Apresentação de .screen-play */
.screen-play {
font-size:26px
}

}

/* Apresentação de .screen-phrases */
/* Texto digitado no ecrã. */
.screen-phrases {
position:relative;width:85%;height:100%;display:grid;place-items:center;transform:rotate(-6deg)
}

/* Apresentação de .screen-art .screen-typewriter */
.screen-art .screen-typewriter {
text-align:center;font-size:clamp(32px,5.5vw,72px);line-height:1.05;transform:none;max-width:100%;min-height:2.1em
}

/* Apresentação de .screen-art .typed-text */
.screen-art .typed-text {
color:#fff;white-space:pre-line
}

/* Apresentação de .typing-cursor */
.typing-cursor {
display:inline-block;width:.045em;height:.85em;background:#e6e600;margin-left:.08em;vertical-align:-.04em;animation:cursor-blink 1s steps(1) infinite
}

/* Regra responsiva / animação */
@keyframes cursor-blink {

/* Apresentação de 0%,49% */
0%,49% {
opacity:1
}

/* Apresentação de 50%,100% */
50%,100% {
opacity:0
}

}

/* Regra responsiva / animação */
@media(max-width:560px) {

/* Apresentação de .screen-art .screen-typewriter */
.screen-art .screen-typewriter {
font-size:clamp(32px,8vw,45px)
}

}

/* Regra responsiva / animação */
@media(prefers-reduced-motion:reduce) {

/* Apresentação de .typing-cursor */
.typing-cursor {
display:none
}

}

/* Apresentação de .laptop-scene */
/* Ajuste subtil de visibilidade do portátil de fundo. */
.laptop-scene {
opacity:.54;filter:brightness(.53)
}

/* Regra responsiva / animação */
@media(max-width:560px) {

/* Apresentação de .laptop-scene */
.laptop-scene {
opacity:.46
}

}

/* Apresentação de .clients-section */
/* Clientes: faixa independente entre apresentação e portfólio. */
.clients-section {
background:#fff;color:#000;padding-top:48px;padding-bottom:40px;border-top:1px solid #ddd
}

/* Apresentação de .clients-heading */
.clients-heading {
display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px
}

/* Apresentação de .clients-heading h2 */
.clients-heading h2 {
font-size:clamp(28px,3.2vw,48px);margin-bottom:0
}

/* Apresentação de .clients-heading .eyebrow */
.clients-heading .eyebrow {
font-size:10px
}

/* Apresentação de .clients-controls */
.clients-controls {
display:flex;gap:8px;flex-shrink:0
}

/* Apresentação de .clients-controls button */
.clients-controls button {
border:1px solid #bbb;border-radius:30px;background:#fff;color:#000;padding:10px 15px;cursor:pointer;font-size:13px
}

/* Apresentação de .clients-controls button:hover */
.clients-controls button:hover {
background:#e6e600;border-color:#000
}

/* Apresentação de .clients-controls button:focus-visible,.clients-track:focus-visible */
.clients-controls button:focus-visible,.clients-track:focus-visible {
outline:3px solid #000;outline-offset:4px
}

/* Apresentação de .clients-track */
.clients-track {
list-style:none;padding:0 0 14px;margin:0;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#777 #eee;overscroll-behavior-x:contain
}

/* Apresentação de .client-slide */
.client-slide {
flex:0 0 205px;height:132px;scroll-snap-align:start;display:grid;place-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:18px
}

/* Apresentação de .client-slide img */
.client-slide img {
max-width:100%;max-height:94px;width:auto;height:auto;object-fit:contain
}

/* Apresentação de .clients-note */
.clients-note {
font-size:12px;color:#666;margin:14px 0 0
}

/* Regra responsiva / animação */
@media(max-width:560px) {

/* Apresentação de .clients-heading */
.clients-heading {
align-items:start;flex-direction:column;gap:18px
}

/* Apresentação de .client-slide */
.client-slide {
flex-basis:165px;height:120px
}

/* Apresentação de .client-slide img */
.client-slide img {
max-height:82px
}

/* Apresentação de .clients-section */
.clients-section {
padding-top:35px;padding-bottom:30px
}

}

/* Apresentação de .clients-section */
/* Faixa de marcas sem molduras nem controlos visuais. */
.clients-section {
border:0
}

/* Apresentação de .clients-track */
.clients-track {
scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0
}

/* Apresentação de .clients-track::-webkit-scrollbar */
.clients-track::-webkit-scrollbar {
display:none
}

/* Apresentação de .client-slide */
.client-slide {
border:0;border-radius:0;background:transparent
}

/* Apresentação de .client-slide img */
.client-slide img {
filter:grayscale(1);transition:filter .3s ease
}

/* Apresentação de .client-slide:hover img */
.client-slide:hover img {
filter:grayscale(0)
}

/* Apresentação de .home .work-heading h2 */
.home .work-heading h2 {
white-space:nowrap;font-size:clamp(20px,5.4vw,78px);max-width:100%;margin-bottom:38px
}


/* Deslocação contínua controlada por JS, sem snap nem animação nativa de scroll. */
.clients-track{scroll-snap-type:none;scroll-behavior:auto}