:root{--ink:#17243b;--paper:#f7f3ea;--orange:#ff885f}header{background:#111c35;position:relative}nav{height:94px;border:0}.logo{width:115px;height:auto}.hero{background:#111c35;min-height:0;padding:55px 0 70px}.hero:before{background:radial-gradient(ellipse at 70% 30%,#35578240,transparent 65%)}.hero .grid{display:none}.portfolio-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;position:relative;z-index:3;width:min(1600px,90%)}.portfolio-intro{position:relative;z-index:5}.hero h1{font-size:clamp(40px,4.6vw,70px);line-height:1.06;letter-spacing:-2.4px;margin:26px 0}.hero h1 span{color:var(--orange)}.portfolio-intro .eyebrow{font-size:10px;letter-spacing:2px;color:#bac6d9}.portfolio-intro .eyebrow:before{display:none}.portfolio-lead{font-size:16px;line-height:1.7;color:#c9d2e1;max-width:470px;margin-bottom:30px}.portfolio-button{display:inline-flex;align-items:center;gap:40px;padding:19px 25px;background:var(--orange);color:var(--ink);font-size:14px;font-weight:bold;border-radius:40px;transition:transform .25s,box-shadow .25s}.portfolio-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.portfolio-button span{font-size:22px}.portfolio-count{font-size:11px;line-height:1.6;color:#99aac3;margin-top:26px}.portfolio-count b{color:var(--orange);font-size:17px;margin-right:5px}.portfolio-collage{position:relative;aspect-ratio:1.3;isolation:isolate}.portfolio-raccoon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;mask-image:linear-gradient(to right,transparent,black 10%,black 92%,transparent);z-index:0}.orbit-card{position:absolute;z-index:2;width:29%;padding:6px;background:var(--paper);border-radius:12px;box-shadow:0 14px 30px #0005;transition:transform .3s}.orbit-card img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top;border-radius:7px}.orbit-card span{display:block;padding:7px 5px 3px;font-size:10px;font-weight:bold;color:var(--ink)}.orbit-card-1{left:0;top:13%;transform:rotate(-9deg)}.orbit-card-2{left:4%;bottom:8%;transform:rotate(7deg)}.orbit-card-3{right:0;top:9%;transform:rotate(8deg);width:24%}.orbit-card-4{right:0;bottom:5%;transform:rotate(-7deg);width:25%}.orbit-card:hover{transform:rotate(0) translateY(-5px);z-index:4}.works{padding-top:70px}@media(min-width:1800px){.hero{padding:65px 0 80px}.portfolio-hero{gap:65px}}@media(max-width:950px){.portfolio-hero{grid-template-columns:1fr;gap:25px;max-width:750px}.portfolio-collage{width:100%;max-width:680px;margin:auto}.hero h1{font-size:52px}.portfolio-lead{max-width:560px}.hero{padding-top:40px}.portfolio-count{margin-bottom:0}}@media(max-width:580px){nav{height:85px}.logo{width:95px;height:auto}.portfolio-hero{width:88%}.hero h1{font-size:38px;letter-spacing:-1.5px}.portfolio-lead{font-size:14px}.portfolio-collage{margin-top:15px;aspect-ratio:1.2}.orbit-card span{font-size:8px;padding:5px 2px}.orbit-card{padding:4px;border-radius:8px}.works{padding-top:45px}.hero{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){.orbit-card,.portfolio-button{transition:none}}

.orbit-feature{position:absolute;z-index:1;left:12%;top:30%;width:40%;transform:rotate(8deg);border-radius:8px;overflow:hidden;background:#f7f3ea;box-shadow:0 8px 20px #0003}.orbit-feature img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}.orbit-feature span{display:block;color:#17243b;font-size:10px;font-weight:bold;padding:8px}.orbit-feature:hover{filter:brightness(1.08)}@media(max-width:580px){.orbit-feature span{font-size:8px;padding:5px}}

.portfolio-collage{aspect-ratio:1.5}.portfolio-raccoon{object-fit:contain;border-radius:45%;mask-image:radial-gradient(ellipse at center,black 60%,transparent 73%)}@media(max-width:580px){.portfolio-collage{aspect-ratio:1.5}}