/* PRINCE DESIRE / IDEAS IN MOTION
   Deliberately layered: photographic plates + editable HTML + lightweight motion.
   Main knobs live here. No framework, build tool or icon/font files required. */
:root{
 --ink:#111714;--navy:#03121e;--cream:#f7f4eb;--green:#093b34;--red:#ff2035;
 --cyan:#4fdcfa;--gold:#ffe49b;--body:'DM Sans',Arial,sans-serif;
 --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
 --display:'Anton',Impact,'Arial Narrow',sans-serif;--hand:'Caveat','Brush Script MT',cursive;
 --ease:cubic-bezier(.2,.75,.2,1);--shell:960px;--wide:1280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}
body.pd-site{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.45 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
.pd-site h1,.pd-site h2,.pd-site h3,.pd-site p,.pd-site dl,.pd-site dd{margin:0}
.pd-site button,.pd-site input,.pd-site select,.pd-site textarea{font:inherit}
.pd-site button,.pd-site a{-webkit-tap-highlight-color:transparent}
.pd-site button{cursor:pointer;color:inherit}
.pd-site button{border:0}.pd-site a{color:inherit;text-decoration:none}
.pd-site img{display:block;max-width:100%;height:auto}.pd-site svg{display:block}
.pd-site button:disabled{cursor:wait;opacity:.6}
.pd-site :focus-visible{outline:3px solid #139ad5;outline-offset:5px}
.pd-site [hidden]{display:none!important}
.pd-site ::selection{background:#ffe17a;color:#071b1c}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:14px 22px;background:var(--cream);color:#000!important;transform:translateY(-180%);border-radius:6px}.skip-link:focus{transform:none}
.cosmic-shell{width:min(var(--shell),calc(100% - 80px));margin-inline:auto;position:relative}
.wide-shell{width:min(var(--wide),calc(100% - 80px));margin-inline:auto;position:relative}
.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;background:none;border-radius:50%;transition:background .2s,transform .2s}
.icon-button:hover{background:#ffffff16;transform:translateY(-1px)}
.pill{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:10px 25px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.pill .icon{width:22px;height:22px}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0002}.pill:active{transform:translateY(0)}
.pill--white{background:#fafbf9;color:#111b20!important;box-shadow:0 1px 8px #ffffff50}
.pill--black{background:#080b09;color:#fff!important}.pill--red{background:var(--red);color:#fff!important;border-radius:12px;box-shadow:0 5px 22px #ff203514}
.pill--outline{background:transparent;border:1px solid #17251925!important;font-weight:400}
.eyebrow{font:600 11px/1.35 var(--body);letter-spacing:.08em;display:flex;align-items:center;gap:12px}
.eyebrow--spaced{letter-spacing:.3em;font-size:10px}.red-dot{width:13px;height:13px;border-radius:50%;background:var(--red);display:inline-block;flex-shrink:0}
/* 01 — navy, cinematic mountain edges and real 2D orbit layers */
.cosmic-chapter{position:relative;isolation:isolate;overflow:hidden;color:#f8f7f4;background:#03121e}
.cosmic-scenery{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(to bottom,transparent 60%,#03121e 91%),url('../backgrounds/cosmic-mountains.webp');background-size:100% 1250px,100% 1120px;background-repeat:no-repeat;background-position:top center;pointer-events:none}
.cosmic-chapter::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 63% 24%,#00669d19,transparent 46%);pointer-events:none}
.starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.site-header{height:66px;display:flex;align-items:center;gap:34px;z-index:20}
.wordmark{font-weight:600;font-size:13px;letter-spacing:-.03em;white-space:nowrap}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:13px}
.desktop-nav button,.site-footer nav button{padding:0;background:none;font-weight:400;font-size:inherit}
.desktop-nav a,.desktop-nav button,.site-footer nav a,.site-footer nav button{position:relative}
.desktop-nav a::after,.desktop-nav button::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:#b8eff6;transition:transform .25s}
.desktop-nav a:hover::after,.desktop-nav button:hover::after{transform:scaleX(1)}
.menu-toggle{margin-right:-9px}.menu-toggle .icon{width:28px;height:28px;stroke-width:1.2}
.orbit-hero{height:608px;position:relative}
.hero-copy{position:relative;z-index:4;padding-top:27px;width:375px;pointer-events:none}
.hero-copy h1{font-size:clamp(64px,5.6vw,83px);line-height:.95;letter-spacing:-.065em;font-weight:500}
.hero-copy p{font-size:21px;line-height:1.3;margin-top:21px;color:#e7e8e7;letter-spacing:-.035em}
.orbit-scene{position:absolute;width:660px;height:602px;top:-4px;right:-60px;--mx:0px;--my:0px}
.orbit-tilt{position:absolute;inset:0;transform:translate3d(var(--mx),var(--my),0);transition:transform .55s var(--ease)}
.orbit-rings{position:absolute;left:50%;top:47%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}
.orbit-rings i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);border:1px solid #1b80aa25;border-radius:50%;width:calc(90% + var(--extra,0%));height:calc(88% + var(--extra,0%))}
.orbit-rings i:nth-child(1){--extra:24%;border-color:#22a6d222;border-left-color:#ff7627a0;border-bottom-color:#d7652425;animation:ring-breathe 12s ease-in-out infinite}
.orbit-rings i:nth-child(2){--extra:10%;border-right-color:#ffa36425}
.orbit-rings i:nth-child(3){--extra:-4%}.orbit-rings i:nth-child(4){--extra:-17%}.orbit-rings i:nth-child(5){--extra:-30%}.orbit-rings i:nth-child(6){--extra:-43%}
.orbit-spark{position:absolute;inset:-25px;border-radius:50%;border:1px solid transparent;animation:orbit-turn 38s linear infinite}
.orbit-spark::after{content:'';position:absolute;left:42%;top:0;width:5px;height:5px;background:#ddfdff;border-radius:50%;box-shadow:0 0 7px #67dfff,0 0 24px 3px #49cfff}
.portrait-orbit{position:absolute;left:50%;top:47%;width:324px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;padding:3px;background:conic-gradient(from 225deg,#ffa44a,#69efff 25%,#3dcdff 41%,#fdf9d7 71%,#ffb675 90%,#ffa44a);box-shadow:0 0 25px #23c3fd66,0 0 90px #167cbc35}
.portrait-orbit::before{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px solid #46d9ff22;box-shadow:inset 0 0 20px #42d4ff22}
.portrait-orbit img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;filter:grayscale(1);background:#dae8e8}
.planet{position:absolute;z-index:4;width:122px;background:transparent;padding:0;text-align:center;animation:float 8s ease-in-out infinite;--delay:0s;animation-delay:var(--delay)}
.planet__photo{width:112px;height:112px;display:block;margin:auto;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ffffffb5,#3ac3d754 55%,#f9c0839e);box-shadow:0 5px 25px #0004;transition:box-shadow .3s,transform .3s}
.planet__photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.planet__label{display:block;font-size:16px;margin-top:7px;white-space:nowrap;color:#eef5f8;text-shadow:0 1px 7px #000}
.planet:hover .planet__photo,.planet:focus-visible .planet__photo{transform:scale(1.08);box-shadow:0 0 35px #4fe1ff66}
.planet--1{left:8%;top:17%;--delay:-1s}.planet--2{left:66%;top:3%;--delay:-3s}.planet--3{left:82%;top:42%;--delay:-6s}.planet--4{left:2%;top:58%;--delay:-2s}.planet--5{left:45%;top:80%;--delay:-4s}
.scroll-cue{position:absolute;z-index:6;bottom:10px;left:38%;display:flex;align-items:center;gap:14px;color:#c5d0d7!important;font-size:12px}
.scroll-cue span{width:46px;height:46px;border-radius:50%;border:1px solid #32c7ff7f;display:grid;place-items:center;transition:box-shadow .2s}
.scroll-cue:hover span{box-shadow:0 0 20px #31d5fa30}.scroll-cue .icon{width:25px;height:25px;animation:nudge 3s ease-in-out infinite}
/* Selected projects is a real slider, not an image containing a button. */
.project-carousel{padding:13px 26px 18px;border:1px solid #a4d4dc40;border-radius:22px;background:linear-gradient(140deg,#ffffff06,#091c2699);box-shadow:0 15px 50px #0003,inset 0 1px #f8ffff0b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;z-index:10}
.carousel-heading{height:42px;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.carousel-heading h2{font-size:22px;font-weight:500;letter-spacing:-.045em}
.carousel-controls{display:flex;align-items:center;gap:2px}
.carousel-controls .icon-button{width:35px;height:35px;border:1px solid #b0dbea25}
.carousel-controls .carousel-pause{border:0;margin-right:7px;opacity:.7;width:30px}
.carousel-controls .icon{width:21px;height:21px}.carousel-controls .carousel-pause .icon{width:15px;height:15px}
.carousel-viewport{height:239px;position:relative;overflow:hidden;border-radius:13px;isolation:isolate;touch-action:pan-y;background:#071e2b}
.carousel-image{width:100%;height:100%!important;object-fit:cover;object-position:center;transition:opacity .25s;z-index:-2;position:absolute;inset:0}
.carousel-viewport::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#011722ed,transparent 85%);z-index:-1}
.carousel-caption{position:absolute;inset:auto 26px 18px;display:flex;align-items:end;gap:28px}
.carousel-caption h3{font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1.05}.carousel-caption p{color:#d4dfe4;font-size:16px;margin-top:5px}
.carousel-caption .pill{padding:10px 20px;min-height:40px;font-size:13px;margin-left:12px;margin-bottom:2px;gap:14px}
.carousel-counter{margin-left:auto;white-space:nowrap;font-size:16px;font-variant-numeric:tabular-nums;padding-bottom:4px}
/* Full-width Earth layer is deliberately independent of copy and statistics. */
.impact-section{position:relative;min-height:371px;margin-top:12px;isolation:isolate;padding:24px 0 62px;overflow:hidden}
.impact-scenery{position:absolute;inset:0;z-index:-2;background:url('../backgrounds/earth-horizon.webp') center bottom/100% 100% no-repeat;opacity:.95}
.impact-section::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0012205c,transparent 60%),linear-gradient(0deg,#03141d35,transparent 80%)}
.impact-content h2{font-family:var(--serif);font-size:77px;line-height:.93;letter-spacing:-.03em;font-weight:400;max-width:760px;text-shadow:0 2px 14px #00182640}
.impact-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:49px!important;max-width:945px}
.impact-stats>div{padding:0 28px;border-left:1px solid #c3e4ee23}.impact-stats>div:first-child{border:0;padding-left:0}
.impact-stats dt{font-size:31px;font-weight:500;line-height:1.2;letter-spacing:-.035em}.impact-stats dd{font-size:22px;line-height:1.25;letter-spacing:-.035em}
.sun-flare{position:absolute;z-index:-1;width:480px;height:60px;right:-45px;top:9px;background:radial-gradient(ellipse,#fff9e596,#ffc38422 40%,transparent 70%);filter:blur(5px);transform:rotate(-9deg);animation:flare 8s ease-in-out infinite}
/* 02 — curved storytelling bridge. No hard rectangular cut into cream. */
.story-section{position:relative;isolation:isolate;z-index:2;color:#f8f6f0;background:#081721;min-height:444px;margin-top:-5px;overflow:hidden;border-top:1px solid #daf2fa44;border-radius:50% 50% 48% 48% / 5% 5% 10% 10%;box-shadow:0 -15px 30px #01172125}
.story-scenery{position:absolute;z-index:-2;inset:0;background:url('../backgrounds/story-mountains.webp') center/cover no-repeat}
.story-section::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 0 85%,#cc9c5250,transparent 38%)}
.story-layout{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;min-height:435px;padding-top:26px;padding-bottom:44px}
.story-copy h2{font-family:var(--serif);font-weight:400;font-size:64px;line-height:.94;letter-spacing:-.025em}
.story-copy p{font-size:20px;line-height:1.3;margin-top:23px;color:#ebe9e4;letter-spacing:-.025em}
.story-portrait{position:relative;justify-self:start;width:351px;aspect-ratio:1;border-radius:50%;padding:3px;background:linear-gradient(130deg,#45dbff,#ffefd7,#fb9b4e);box-shadow:0 0 25px #74bfe426,0 0 44px #e8a7772a;transition:transform .45s var(--ease)}
.story-portrait:hover{transform:scale(1.025)}.story-portrait img{height:100%;width:100%;object-fit:cover;object-position:55% center;border-radius:50%;filter:saturate(.6)}
.play-circle{position:absolute;left:25px;bottom:46px;border:2px solid #eff6eee0;width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:#001e2855;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background .3s}
.play-circle .icon{width:39px;height:39px;margin-left:4px}.story-portrait:hover .play-circle{background:#0b313eaa}
.hand-note{font-family:var(--hand);font-weight:400;line-height:.85;letter-spacing:-.04em}
.story-note{position:absolute;right:1%;bottom:82px;font-size:48px;transform:rotate(-15deg);color:#dbe8e7a6}
/* 03 — warm paper, five photo categories, and the three-phone feature. */
.light-chapter{position:relative;padding-top:28px;isolation:isolate;padding-bottom:0;background-color:var(--cream);background-image:radial-gradient(ellipse at 0 100%,#a4d9c43d,transparent 20%),radial-gradient(ellipse at 95% 100%,#fde49c33,transparent 24%),url('../backgrounds/cream-contours.svg');background-size:auto,auto,100% 100%;background-repeat:no-repeat}
.light-chapter::before{content:'';position:absolute;z-index:-1;inset:0;background:url('../backgrounds/paper-grain.png') repeat;opacity:.035;mix-blend-mode:multiply;pointer-events:none}
.services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:12px}
.service-card{position:relative;padding:0;aspect-ratio:1.39;overflow:hidden;border-radius:9px;isolation:isolate;background:#20302b;text-align:left;box-shadow:0 1px 3px #0001;transition:transform .3s var(--ease)}
.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--ease)}
.service-card::before{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#000c,transparent 80%);z-index:-1}
.service-card>span{position:absolute;left:18px;bottom:16px;color:#fff;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.025em}
.mini-circle{position:absolute;right:13px;bottom:16px;width:27px;height:27px;border:1px solid #ffffffa3;border-radius:50%;display:grid;place-items:center;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mini-circle .icon{width:17px;height:17px}.service-card:hover{transform:translateY(-4px)}.service-card:hover img{transform:scale(1.06)}
.feature-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:21px;margin-bottom:12px}
.feature-card{height:336px;display:block;background:#103d32;position:relative;overflow:hidden;border-radius:12px;color:var(--cream)!important;isolation:isolate}
.feature-phones{position:absolute;right:0;top:0;width:69%;height:100%!important;object-fit:cover;object-position:right center;z-index:-2;transition:transform .8s var(--ease)}
.feature-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c362c 0%,#0d392dea 27%,#0e392b70 40%,transparent 52%)}
.feature-card:hover .feature-phones{transform:scale(1.02)}
.feature-copy{position:relative;z-index:1;padding:29px 34px;max-width:390px;height:100%}
.feature-copy h2{font-family:var(--serif);font-size:54px;line-height:.98;font-weight:400;margin-top:14px;letter-spacing:-.018em}
.feature-copy p{font-size:12px;line-height:1.5;max-width:285px;margin-top:17px;color:#ebeee1cf}
.circle-link{display:grid;place-items:center;width:48px;height:48px;border:1px solid #effceaab;border-radius:50%;margin-top:19px;transition:background .25s}.feature-card:hover .circle-link{background:#fcffed1a}
.industries{padding:17px 1px 0 0;position:relative;min-width:0}
.industries h3{font-size:9px;font-weight:600;letter-spacing:.045em;color:#70756b;white-space:nowrap;padding-bottom:10px;border-bottom:1px solid #243b3226}
.industries p{border-left:1px solid #4a52416b;padding-left:21px;font-size:12px;line-height:1.65;margin-top:13px;color:#73786d}
.industries img{width:175px;max-width:100%;margin-top:16px;margin-left:-5px}
.industries>span{position:absolute;bottom:20px;right:4px;font-size:8px;letter-spacing:.15em;line-height:1.5;color:#8a8b7f;text-align:right}
/* 04 — bold editorial middle. The arrangement is intentionally unchanged. */
.editorial{z-index:3;padding:37px 94px 36px;border:1px solid #fff;border-radius:29px 29px 10% 10% / 29px 29px 3% 3%;background:linear-gradient(145deg,#ffffff8c,#fffdf332 67%,#ffffff70);box-shadow:0 2px 40px #dddaca1c, inset 0 1px #fff;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);isolation:isolate}
.editorial-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;min-height:692px}
.editorial-copy>.eyebrow{margin-bottom:21px;font-size:10px;letter-spacing:.09em}
.statement{font-family:var(--display);font-size:clamp(80px,8.9vw,128px);line-height:.92;letter-spacing:-.012em;font-weight:400;max-width:520px}
.editorial-intro{font-size:18px;line-height:1.28;margin-top:19px!important;letter-spacing:-.035em}
.editorial-actions{display:flex;gap:23px;align-items:center;margin-top:21px}.editorial-actions .pill{font-size:14px;min-height:46px;padding-inline:23px}
.portrait-collage{position:relative;padding-top:10px;align-self:start;margin-top:0}
.editorial-photo{height:499px;overflow:hidden;border-radius:16px;background:#e9e8e6;box-shadow:inset 0 0 2px #0001}
.editorial-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 31%;filter:grayscale(1);mix-blend-mode:multiply}
.culture-sticker{position:absolute;right:-48px;top:326px;background:#ffe145;color:#10170e;transform:rotate(-2deg);font-family:var(--display);font-size:35px;line-height:.94;letter-spacing:-.04em;padding:17px 21px 16px 17px;border-radius:9px;box-shadow:0 1px 2px #0001;z-index:2}
.photo-note{position:absolute;right:-51px;top:514px;width:139px;height:108px;background:#fff;padding:7px 7px 13px;transform:rotate(-27deg);box-shadow:0 4px 18px #0001}
.photo-note img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.portfolio{scroll-margin-top:25px}
.portfolio-header{display:flex;align-items:center;min-height:42px;margin-bottom:18px;gap:20px}
.portfolio-header h2{white-space:nowrap;font-size:11px;font-weight:500;letter-spacing:.09em}
.portfolio-rule{height:1px;background:#42574014;flex:1}.portfolio-filters{display:flex;align-items:center;gap:11px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.portfolio-filters button{background:none;padding:7px 2px;color:#8f938b;font-weight:500;min-height:32px}.portfolio-filters button[aria-pressed=true]{color:#17241e;font-weight:700}.portfolio-filters button:hover{color:var(--red)}.portfolio-filters>span{color:#a7aaa1}
.portfolio-arrows{display:flex;gap:8px}.portfolio-arrows .icon-button{width:36px;height:36px}.portfolio-arrows .icon-button:hover{background:#173b2b0b}.portfolio-arrows .icon{width:27px;height:27px}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.work-card{position:relative;aspect-ratio:1.48;overflow:hidden;border-radius:7px;background:#234848;isolation:isolate;padding:0;text-align:left;transition:transform .3s var(--ease),box-shadow .3s}
.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s var(--ease)}
.work-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07252d66,transparent 65%)}
.work-card h3{position:relative;font-family:var(--display);font-size:27px;line-height:1.02;letter-spacing:-.02em;font-weight:400;color:#fff;text-transform:uppercase;max-width:95%;padding:16px 17px}
.work-card__hover{position:absolute;left:0;right:0;bottom:0;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff;font-size:10px;background:#031e27d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(101%);transition:transform .3s var(--ease)}
.work-card__hover .icon{width:18px;height:18px}.work-card:hover,.work-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 20px #04180e26}.work-card:hover img{transform:scale(1.035)}.work-card:hover .work-card__hover,.work-card:focus-visible .work-card__hover{transform:none}
.work-card--channel-a::before{background:linear-gradient(180deg,#9d001758,transparent 80%)}
.editorial-cta{display:grid;grid-template-columns:1.6fr .8fr auto;gap:32px;align-items:center;margin-top:30px;min-height:165px}
.editorial-cta h2{font-family:var(--display);font-size:61px;line-height:.96;letter-spacing:-.04em;font-weight:400}
.editorial-cta p{font-size:18px;line-height:1.27;letter-spacing:-.035em;align-self:center;margin-bottom:12px}
.editorial-cta .pill{align-self:center;min-height:60px;padding-inline:30px;margin-bottom:7px}
.signature-swish{width:208px;height:39px;stroke:var(--red);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-left:250px;margin-top:-6px}
/* 05 — emerald ribbons, supplied portrait, four glass disciplines, cream footer. */
.closing-section{position:relative;isolation:isolate;margin-top:-21px;background:#07392f url('../backgrounds/emerald-aurora.svg') center/cover no-repeat;min-height:425px;color:#f6f7ee;overflow:hidden}
.closing-inner{min-height:425px;padding:56px 24px 45px}
.closing-copy{position:relative;z-index:3;max-width:430px}.closing-copy h2{font:400 48px/.99 var(--serif);letter-spacing:-.025em}.closing-copy p{font-size:14px;margin-top:14px;letter-spacing:-.025em}
.watch-link{display:flex;align-items:center;gap:14px;background:transparent;padding:0;font-size:14px;margin-top:13px}.watch-link>span{display:grid;place-items:center;border-radius:50%;width:51px;height:51px;background:#f9fff4;color:#0c352f;transition:box-shadow .3s}.watch-link .icon{width:23px;height:23px;margin-left:3px}.watch-link:hover>span{box-shadow:0 0 30px #ffffad66}
.closing-portrait{position:absolute;left:48%;top:8px;width:342px;height:312px!important;object-fit:cover;object-position:50% 33%;opacity:.92;filter:grayscale(1);mix-blend-mode:luminosity;mask-image:radial-gradient(ellipse 67% 62% at 50% 38%,#000 46%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 67% 62% at 50% 38%,#000 46%,transparent 88%)}
.closing-note{position:absolute;right:-16px;top:105px;font-size:37px;transform:rotate(-13deg);color:#e9f3dbae;line-height:.9}
.closing-services{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:25px}
.closing-services button{height:96px;border-radius:16px;background:linear-gradient(145deg,#e5ffde24,#ffffff06);border:1px solid #f1fcd238;box-shadow:inset 0 2px 7px #f9ffe224,0 5px 22px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:14px;color:#f7fff0;transition:transform .3s,box-shadow .3s,background .3s}
.closing-services button .icon{width:29px;height:29px;stroke-width:1.3}.closing-services button:hover{transform:translateY(-5px);background:linear-gradient(140deg,#f3ffe738,#ffffff11);box-shadow:inset 0 1px 6px #ffffcf4d,0 6px 28px #e4f09c2e}
.closing-stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 15% 15%,#e4fdeab3 0 1px,transparent 2px),radial-gradient(circle at 74% 44%,#edffb655 0 1px,transparent 2px),radial-gradient(circle at 45% 71%,#defeda55 0 1px,transparent 2px);background-size:177px 181px,287px 307px,221px 167px;opacity:.45}
.site-footer{position:relative;z-index:6;background:var(--cream);border-top:1px solid #fffbe5;border-radius:40% 40% 0 0 / 60px 60px 0 0;margin-top:-24px;padding:28px 0 25px;box-shadow:0 -5px 22px #ffffb554}
.footer-inner{width:min(1100px,calc(100% - 80px));margin:auto}.footer-top{display:flex;align-items:center;gap:25px;min-height:32px}
.footer-top .wordmark{font-size:12px}.site-footer nav{display:flex;align-items:center;gap:27px;margin:auto;font-size:12px;color:#656d66}
.motion-toggle{background:transparent;display:flex;align-items:center;gap:7px;padding:5px;color:#7a8074!important;font-size:10px!important;white-space:nowrap}.motion-toggle .icon{width:16px;height:16px}
.footer-bottom{display:grid;grid-template-columns:240px minmax(0,1fr) 215px;align-items:start;gap:30px;margin-top:13px}
.newsletter-label{display:flex;align-items:center;gap:18px;font-size:12px;margin-top:13px;color:#60695f}.newsletter-label i{display:block;width:20px;height:20px;border-radius:50%;background:#152e24;border:6px solid #fff;box-shadow:0 0 0 1px #d4d9c9}
.newsletter-form{min-width:0}.newsletter-field{display:flex;align-items:center;background:#fff8;border:1px solid #263e2125;border-radius:7px;overflow:hidden;box-shadow:0 2px 8px #21432305}
.newsletter-field input{height:46px;background:none;border:0;min-width:0;flex:1;padding:0 20px;font-size:12px;color:#203128;outline-offset:-3px}.newsletter-field input::placeholder{color:#9eaa94}
.newsletter-field button{margin:3px;height:40px;width:57px;background:#0b3029;color:#fff;border-radius:5px;display:grid;place-items:center}.newsletter-field button:hover{background:#1b5144}
.newsletter-status{font-size:11px!important;line-height:1.4!important;margin-top:8px!important;color:#52644c}.newsletter-status:empty{display:none}.newsletter-status a{text-decoration:underline}
.footer-tagline{font-size:12px;color:#8b9480;line-height:1.25;padding:9px 0 0 51px;border-left:1px solid #b4c3a836}
/* Dialogs and forms use the same visual vocabulary, never fake success states. */
.pd-site dialog{color:var(--ink);padding:0;border:1px solid #fff8;box-shadow:0 25px 100px #0006;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.pd-site dialog::backdrop{background:#00131baf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pd-site dialog[open]{animation:dialog-in .3s var(--ease)}
.content-dialog,.contact-dialog{width:min(840px,calc(100% - 36px));border-radius:25px;background:var(--cream)}
.dialog-close{position:absolute;z-index:8;right:16px;top:16px;background:#f8f6efa8!important;border:1px solid #fff6!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#10271f!important}
.dialog-close:hover{background:#fff!important}.dialog-cover{width:100%;height:310px!important;object-fit:cover;background:#163c3c}
.dialog-body{padding:35px 44px 44px}.dialog-body>.eyebrow{color:#6d776b;margin-bottom:15px}.dialog-body h2,.contact-dialog h2{font:400 56px/1 var(--serif);letter-spacing:-.025em}
.dialog-body p{margin-top:17px;max-width:640px;font-size:17px;line-height:1.6}.dialog-body .scope-line{font-size:12px;color:#667361}.dialog-body .pill{margin-top:26px}
.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.dialog-actions .pill{margin-top:20px}
.dialog-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px}.dialog-story-grid img{aspect-ratio:1;object-fit:cover;width:100%}
.dialog-video{width:100%;max-height:65dvh;background:#041d23;display:block}.video-fallback{padding:16px 25px;color:#546750;font-size:13px}
.journal-entry{padding:22px 0;border-bottom:1px solid #1228191a}.journal-entry:last-child{border:0}.journal-entry h3{font-size:22px;font-weight:500;letter-spacing:-.03em}.journal-entry p{font-size:15px;margin-top:8px}
.nav-dialog{width:min(630px,calc(100% - 32px));background:#082626e6!important;color:#f2f5e9!important;border-radius:26px;padding:48px!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.nav-dialog>.eyebrow{margin-bottom:35px;font-size:11px}.nav-dialog nav{display:flex;flex-direction:column}.nav-dialog nav>a,.nav-dialog nav>button{display:flex;align-items:center;gap:20px;background:none;text-align:left;font:400 55px/1.5 var(--serif);border-bottom:1px solid #ffffff20;padding:0}
.nav-dialog nav span{font:400 11px/1 var(--body);color:#bed1bc}.nav-dialog nav .icon{margin-left:auto;width:28px;height:28px}.nav-dialog>p:last-child{font-size:12px;color:#bdcbb7;margin-top:26px}
.contact-dialog{padding:42px 44px!important;width:min(760px,calc(100% - 32px))}.contact-dialog h2{margin-top:24px}.contact-dialog .dialog-intro{margin:20px 0 26px;color:#60715c}
.pd-site form label:not(.newsletter-label):not(.hp-field){display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;letter-spacing:.01em;margin-bottom:17px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contact-form input,#contact-form select,#contact-form textarea{border:1px solid #83917840;border-radius:7px;background:#fff8;padding:12px;font-size:15px;color:#163726;max-width:100%;width:100%}
#contact-form textarea{resize:vertical}.form-status{font-size:12px;line-height:1.5;margin-top:16px!important}.form-status:empty{display:none}#brief-preview{margin-top:15px}#brief-preview .pill{margin-top:12px}
.hp-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.noscript-notice{background:#faf9ee;color:#34432e;padding:20px;text-align:center;font-size:13px}
/* Motion stays decorative; content is never hidden waiting for an observer. */
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ring-breathe{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes nudge{0%,65%,100%{transform:translateY(0)}80%{transform:translateY(4px)}}
@keyframes flare{0%,100%{opacity:.75;transform:rotate(-9deg) scaleX(.93)}50%{opacity:1;transform:rotate(-9deg) scaleX(1.1)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.pd-site.motion-off *, .pd-site.motion-off *::before,.pd-site.motion-off *::after{animation-play-state:paused!important;scroll-behavior:auto!important}
.pd-site.motion-off .orbit-tilt{transform:none!important}.pd-site.motion-off .scroll-cue .icon{animation:none}
@media (min-width:1600px){.cosmic-scenery{background-size:100% 1370px,100% 1250px}.impact-section{min-height:410px}.story-section{min-height:456px}}
/* Tablet: preserve the sequence, not a shrunken desktop canvas. */
@media (max-width:1190px){
 :root{--shell:850px}.cosmic-shell{width:calc(100% - 100px);max-width:850px}.wide-shell{width:calc(100% - 50px)}
 .site-header{gap:24px}.desktop-nav{gap:24px}.orbit-scene{transform:scale(.87);transform-origin:top right;right:-35px}.orbit-hero{height:540px}.hero-copy{width:300px}.hero-copy h1{font-size:70px}.hero-copy p{font-size:18px}.scroll-cue{bottom:10px}
 .carousel-viewport{height:220px}.carousel-caption h3{font-size:26px}.carousel-caption p{font-size:14px}
 .impact-content h2{font-size:68px}.impact-section{min-height:340px}.impact-stats dd{font-size:19px}.impact-stats dt{font-size:28px}
 .story-layout{min-height:390px}.story-section{min-height:400px}.story-copy h2{font-size:57px}.story-copy p{font-size:17px}.story-portrait{width:300px}.story-note{right:-12px;font-size:40px}
 .service-card>span{font-size:10px;left:12px;bottom:14px}.mini-circle{right:10px;bottom:14px;width:23px;height:23px}
 .feature-layout{grid-template-columns:minmax(0,4fr) minmax(0,1.03fr);gap:17px}.feature-card{height:290px}.feature-copy{padding:23px 26px;max-width:310px}.feature-copy h2{font-size:46px}.feature-copy p{font-size:10px;max-width:220px}.feature-copy .circle-link{margin-top:15px;width:42px;height:42px}.industries h3{font-size:8px}.industries p{font-size:10px;padding-left:13px}.industries>span{font-size:6px;bottom:20px}
 .editorial{padding:35px 65px 32px}.editorial-hero{gap:45px;min-height:603px}.statement{font-size:106px}.editorial-photo{height:435px}.culture-sticker{top:286px;right:-28px;font-size:29px;padding:15px}.photo-note{top:441px;right:-33px;width:116px;height:91px}.editorial-intro{font-size:16px}.editorial-actions{gap:14px}.editorial-actions .pill{font-size:12px;padding-inline:20px}
 .work-card h3{font-size:23px;padding:13px}.work-grid{gap:8px}.portfolio-filters{gap:8px}.portfolio-header{gap:14px}.editorial-cta{gap:20px;min-height:140px}.editorial-cta h2{font-size:50px}.editorial-cta p{font-size:15px}.editorial-cta .pill{padding-inline:24px;min-height:50px;font-size:12px}.signature-swish{margin-left:165px;width:190px}
 .closing-note{right:0;font-size:32px}.closing-portrait{left:46%;width:320px}.closing-copy h2{font-size:44px}.footer-bottom{grid-template-columns:190px minmax(0,1fr) 170px;gap:20px}.footer-tagline{padding-left:30px}.footer-inner{width:calc(100% - 100px)}
}
@media (max-width:900px) and (min-width:701px){
 .cosmic-shell{width:calc(100% - 90px)}.orbit-scene{transform:scale(.75);right:-35px}.orbit-hero{height:472px}.hero-copy{width:245px;padding-top:20px}.hero-copy h1{font-size:59px}.hero-copy p{font-size:16px}.desktop-nav{gap:18px}.wordmark{font-size:11px}
 .carousel-viewport{height:187px}.project-carousel{padding:10px 18px 15px}.carousel-caption h3{font-size:23px}.carousel-caption p{font-size:12px}.carousel-caption{inset:auto 18px 14px;gap:10px}.carousel-caption .pill{font-size:11px;padding:9px 15px;gap:8px;margin-left:5px}.carousel-counter{font-size:12px}
 .impact-section{min-height:300px}.impact-content h2{font-size:60px}.impact-stats{margin-top:42px!important}.impact-stats dd{font-size:16px}.impact-stats dt{font-size:25px}.impact-stats>div{padding-inline:20px}
 .story-layout{min-height:335px}.story-section{min-height:343px}.story-copy h2{font-size:49px}.story-copy p{font-size:15px}.story-portrait{width:260px}.story-note{font-size:34px;right:-20px}.play-circle{width:65px;height:65px;bottom:30px;left:20px}
 .services{gap:7px}.service-card>span{font-size:8px;left:9px;bottom:11px}.mini-circle{right:7px;bottom:11px;width:19px;height:19px}.mini-circle .icon{width:12px;height:12px}.feature-card{height:255px}.feature-copy{padding:20px;max-width:267px}.feature-copy h2{font-size:40px}.feature-copy p{font-size:9px;max-width:185px}.feature-copy .eyebrow{font-size:7px}.feature-copy .circle-link{width:35px;height:35px;margin-top:10px}.feature-phones{width:69%}.industries p{font-size:9px}.industries h3{font-size:7px}.industries img{margin-top:8px}.industries>span{font-size:5px}
 .editorial{padding:31px 47px 25px}.editorial-hero{gap:30px;min-height:526px}.statement{font-size:90px}.editorial-photo{height:365px}.culture-sticker{top:244px;font-size:25px;padding:12px;right:-25px}.photo-note{top:371px;right:-20px;width:99px;height:81px}.editorial-intro{font-size:14px}.editorial-copy>.eyebrow{font-size:8px;margin-bottom:18px}.editorial-actions .pill{font-size:10px;min-height:39px;padding-inline:16px;gap:10px}.red-dot{width:10px;height:10px}
 .portfolio-header h2{font-size:9px}.portfolio-filters{font-size:9px;gap:7px}.portfolio-arrows .icon-button{width:28px;height:28px}.portfolio-arrows .icon{width:22px;height:22px}.portfolio-header{gap:10px;margin-bottom:13px}.work-card h3{font-size:19px;padding:10px}.work-grid{gap:7px}.editorial-cta h2{font-size:42px}.editorial-cta p{font-size:13px}.editorial-cta .pill{font-size:10px;padding-inline:18px;gap:12px;min-height:43px}.editorial-cta{gap:16px;margin-top:22px;min-height:117px}.signature-swish{margin-left:127px;width:150px;height:31px}
 .closing-inner{padding-top:46px;min-height:370px;padding-inline:0}.closing-section{min-height:370px}.closing-copy h2{font-size:38px}.closing-copy p{font-size:11px}.watch-link{font-size:12px}.closing-portrait{width:275px;height:280px!important;left:43%;top:-10px}.closing-note{right:-10px;font-size:27px;top:90px}.closing-services{gap:12px;margin-top:22px}.closing-services button{height:82px;font-size:12px}.closing-services button .icon{width:24px;height:24px}
 .footer-inner{width:calc(100% - 90px)}.footer-bottom{grid-template-columns:160px minmax(0,1fr) 130px;gap:16px}.newsletter-label{font-size:10px;gap:12px}.footer-tagline{font-size:10px;padding-left:21px}.site-footer nav{gap:18px;font-size:10px}.footer-top .wordmark{font-size:10px}.motion-toggle{font-size:8px!important;gap:5px}.footer-top{gap:15px}.newsletter-field input{font-size:10px;padding-inline:11px}
}
/* Phone — rearrange only within sections. No overflowing desktop fragments. */
@media (max-width:700px){
 html{scroll-padding-top:16px}.cosmic-shell,.wide-shell{width:calc(100% - 36px);max-width:540px}.site-header{height:68px;gap:15px}.wordmark{font-size:10px;letter-spacing:-.02em}.desktop-nav{display:none}.menu-toggle{margin-left:auto;margin-right:0;width:35px}.menu-toggle .icon{width:25px}
 .cosmic-scenery{background-size:100% 1100px,auto 1060px;background-position:center top}.orbit-hero{height:666px}.hero-copy{padding-top:14px;width:auto;pointer-events:auto}.hero-copy h1{font-size:64px;line-height:.93;letter-spacing:-.065em}.hero-copy p{font-size:15px;line-height:1.33;margin-top:16px;max-width:280px}.desktop-break{display:none}
 .orbit-scene{top:237px;right:auto;left:50%;width:370px;height:370px;transform:translateX(-50%);transform-origin:center}.orbit-rings i{width:calc(83% + var(--extra,0%));height:calc(83% + var(--extra,0%))}.portrait-orbit{width:190px;top:47%;left:50%;padding:2px}.portrait-orbit::before{inset:-8px}.planet{width:80px}.planet__photo{width:65px;height:65px;padding:1.5px}.planet__label{font-size:10px;margin-top:6px}.planet--1{left:0;top:14%}.planet--2{left:73%;top:3%}.planet--3{left:79%;top:49%}.planet--4{left:0;top:59%}.planet--5{left:45%;top:81%}.orbit-spark{inset:0}.scroll-cue{left:50%;transform:translateX(-50%);bottom:3px;font-size:10px;gap:10px;white-space:nowrap}.scroll-cue span{width:35px;height:35px}.scroll-cue .icon{width:19px}
 .project-carousel{margin-top:12px;padding:12px;border-radius:16px}.carousel-heading{height:33px;margin-bottom:8px}.carousel-heading h2{font-size:18px}.carousel-controls{gap:0}.carousel-controls .icon-button{width:31px;height:31px}.carousel-controls .carousel-pause{width:27px;margin-right:3px}.carousel-viewport{height:195px;border-radius:9px}.carousel-image{object-position:center}.carousel-caption{inset:auto 15px 14px;display:grid;grid-template-columns:1fr auto;gap:13px}.carousel-caption h3{font-size:24px}.carousel-caption p{font-size:12px;line-height:1.3;margin-top:4px}.carousel-caption .pill{grid-column:1;grid-row:2;justify-self:start;font-size:11px;min-height:32px;padding:8px 12px;margin:0;gap:10px}.carousel-caption .pill .icon{width:15px;height:15px}.carousel-counter{grid-column:2;grid-row:2;align-self:center;font-size:12px;padding:0}
 .impact-section{margin-top:9px;min-height:320px;padding:29px 0 58px}.impact-scenery{background-size:auto 320px;background-position:62% bottom}.impact-content h2{font-size:46px;line-height:.99;letter-spacing:-.03em}.impact-stats{margin-top:52px!important;gap:0}.impact-stats>div{padding:0 10px}.impact-stats dt{font-size:24px}.impact-stats dd{font-size:13px;line-height:1.5}.sun-flare{right:-155px;top:95px;width:400px;height:40px}
 .story-section{min-height:590px;border-radius:50% 50% 48% 48%/3% 3% 5% 5%;margin-top:-8px}.story-layout{min-height:590px;grid-template-columns:1fr;padding:40px 16px 43px;gap:25px;align-content:start}.story-scenery{background-size:auto 100%;background-position:center}.story-copy h2{font-size:49px;line-height:.96}.story-copy p{font-size:15px;max-width:270px;line-height:1.4;margin-top:17px}.story-copy p br{display:none}.story-portrait{width:230px;justify-self:center}.play-circle{width:62px;height:62px;left:15px;bottom:22px}.play-circle .icon{width:29px;height:29px}.story-note{right:14px;bottom:50px;font-size:36px}
 .light-chapter{padding-top:20px;background-size:auto,auto,auto 100%}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.service-card{aspect-ratio:1.42;border-radius:7px}.service-card:last-child{grid-column:1/-1;aspect-ratio:2.94}.service-card:last-child img{object-position:50% 44%}.service-card>span{font-size:10px;left:13px;bottom:12px}.mini-circle{bottom:11px;right:12px;width:25px;height:25px}
 .feature-layout{grid-template-columns:1fr;gap:13px;margin-bottom:16px}.feature-card{height:330px;border-radius:12px}.feature-phones{width:100%;height:70%!important;bottom:0;top:auto;object-position:right center;opacity:.95}.feature-card::before{background:linear-gradient(150deg,#0b382ffc 0%,#0d382edd 30%,transparent 67%)}.feature-copy{padding:25px;max-width:300px}.feature-copy .eyebrow{font-size:8px}.feature-copy h2{font-size:43px;margin-top:12px}.feature-copy p{font-size:10px;max-width:170px;line-height:1.4;margin-top:14px}.feature-copy .circle-link{width:37px;height:37px;margin-top:18px}.feature-copy .circle-link .icon{width:20px}
 .industries{padding:5px 8px 8px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.industries h3{grid-column:1/-1;font-size:8px;letter-spacing:.13em;padding-bottom:8px}.industries p{font-size:10px;line-height:1.6;padding-left:12px;margin-top:12px;grid-row:2/4}.industries img{width:150px;align-self:end;margin-top:14px}.industries>span{position:static;font-size:6px;align-self:start;line-height:1.6;text-align:center}
 .editorial{padding:27px 22px 28px;border-radius:19px 19px 8% 8%/19px 19px 1.5% 1.5%;width:calc(100% - 28px)}
 .editorial-hero{display:flex;flex-direction:column;gap:25px;min-height:0}.editorial-copy>.eyebrow{font-size:9px;margin-bottom:20px}.red-dot{width:10px;height:10px}.statement{font-size:clamp(68px,19vw,110px);line-height:.9;letter-spacing:-.025em}.editorial-intro{font-size:15px;line-height:1.35;margin-top:19px!important}.editorial-actions{gap:13px;margin-top:19px}.editorial-actions .pill{font-size:12px;min-height:40px;padding-inline:18px;gap:12px}.editorial-actions .icon{width:18px}
 .portrait-collage{width:100%;padding-top:0;margin:5px 0 85px;max-width:365px;align-self:center}.editorial-photo{height:390px;border-radius:12px}.editorial-photo img{object-position:50% 35%}.culture-sticker{right:-11px;top:266px;font-size:31px;padding:14px;box-shadow:0 3px 12px #0001}.photo-note{top:399px;right:9px;width:111px;height:87px}
 .portfolio-header{gap:9px;flex-wrap:wrap;margin-bottom:13px;min-height:55px}.portfolio-header h2{font-size:9px;gap:9px}.portfolio-rule{display:none}.portfolio-filters{margin-left:auto;font-size:9px;gap:6px}.portfolio-filters button{padding-inline:0;min-height:32px}.portfolio-arrows{display:none}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.work-card{aspect-ratio:1.25;border-radius:6px}.work-card h3{font-size:21px;line-height:1.03;padding:12px 10px}.work-card__hover{display:none}
 .editorial-cta{grid-template-columns:1fr;gap:17px;margin-top:27px;min-height:0}.editorial-cta h2{font-size:46px;letter-spacing:-.04em;line-height:.96}.signature-swish{margin-left:auto;margin-right:0;width:142px;height:25px;margin-top:-2px}.editorial-cta p{font-size:15px;line-height:1.4;margin:0;max-width:250px}.editorial-cta p br{display:none}.editorial-cta .pill{justify-self:start;min-height:47px;font-size:12px;gap:26px;padding-inline:22px;margin-top:2px;margin-bottom:0}
 .closing-section{margin-top:-13px;min-height:525px;background-position:65% center;background-size:auto 100%}.closing-inner{min-height:525px;padding:45px 8px 46px}.closing-copy h2{font-size:42px}.closing-copy p{font-size:11px;max-width:210px;line-height:1.4}.watch-link{font-size:12px;margin-top:14px;gap:12px}.watch-link>span{width:44px;height:44px}.closing-portrait{width:230px;height:249px!important;top:97px;left:37%;opacity:.85}.closing-note{right:2px;top:45px;font-size:25px}.closing-copy{max-width:330px}.closing-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:82px}.closing-services button{height:78px;border-radius:12px;font-size:12px;gap:7px}.closing-services button .icon{width:25px;height:25px}
 .site-footer{border-radius:38% 38% 0 0 / 28px 28px 0 0;padding:27px 0 21px;margin-top:-22px}.footer-inner{width:calc(100% - 48px);max-width:480px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:17px 7px}.footer-top .wordmark{font-size:10px}.site-footer nav{grid-column:1/-1;grid-row:2;gap:23px;font-size:11px;margin:0;justify-content:space-between}.motion-toggle{grid-column:2;grid-row:1;font-size:8px!important;padding:0;gap:4px}.motion-toggle .icon{width:14px;height:14px}
 .footer-bottom{grid-template-columns:1fr;gap:10px;margin-top:22px}.newsletter-label{font-size:11px;margin-top:0;gap:12px}.newsletter-field input{height:44px;font-size:12px;padding-inline:14px}.newsletter-field button{height:38px;width:48px}.footer-tagline{border:0;font-size:10px;padding:5px 0 0;color:#7d8d72}.footer-tagline br{display:none}.newsletter-status{font-size:11px!important;max-width:100%}
 .dialog-cover{height:220px!important}.dialog-body{padding:26px 23px 30px}.dialog-body h2,.contact-dialog h2{font-size:45px}.dialog-body p{font-size:15px}.dialog-body .scope-line{font-size:10px}.dialog-close{right:10px;top:10px;width:34px;height:34px}.content-dialog,.contact-dialog{border-radius:18px}.contact-dialog{padding:34px 23px 28px!important}.contact-dialog>.eyebrow{font-size:9px;max-width:260px}.contact-dialog .dialog-intro{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.nav-dialog{padding:39px 26px 29px!important}.nav-dialog nav>a,.nav-dialog nav>button{font-size:45px}.journal-entry h3{font-size:20px}
}
@media (max-width:370px){.hero-copy h1{font-size:59px}.orbit-scene{transform:translateX(-50%) scale(.88)}.orbit-hero{height:629px}.orbit-scene{top:226px}.impact-content h2{font-size:41px}.impact-stats>div{padding-inline:8px}.impact-stats dt{font-size:21px}.impact-stats dd{font-size:11px}.editorial{padding-inline:18px}.statement{font-size:70px}.work-card h3{font-size:18px}.editorial-photo{height:340px}.culture-sticker{top:226px;font-size:28px}.photo-note{top:354px}.portfolio-filters{gap:4px;font-size:8px}.portfolio-header h2{font-size:8px}.closing-copy h2{font-size:38px}.closing-portrait{left:29%}.closing-note{font-size:22px}.footer-top .wordmark{font-size:9px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.orbit-tilt{transform:none!important}.starfield{opacity:.6}}
@media print{.cosmic-chapter,.story-section,.closing-section{-webkit-print-color-adjust:exact;print-color-adjust:exact}.starfield,.scroll-cue,.motion-toggle,.menu-toggle,dialog{display:none!important}.pd-site{font-size:12px}.work-grid{break-inside:avoid}.site-footer{box-shadow:none}}

/* A usable condensed fallback while the optional hosted display font is unavailable. */
.pd-site.fallback-display .statement,.pd-site.fallback-display .editorial-cta h2,.pd-site.fallback-display .culture-sticker,.pd-site.fallback-display .work-card h3{font-family:'Arial Narrow','Liberation Sans Narrow',Impact,sans-serif;font-weight:900;letter-spacing:-.065em}
.pd-site.fallback-display .statement{transform:scaleX(.85);width:117%;max-width:none}
.pd-site.fallback-display .editorial-cta h2{font-stretch:condensed;font-size:52px}
@media(max-width:1190px){.pd-site.fallback-display .editorial-cta h2{font-size:43px}}
@media(max-width:900px) and (min-width:701px){.pd-site.fallback-display .editorial-cta h2{font-size:35px}}
@media(max-width:700px){.pd-site.fallback-display .editorial-cta h2{font-size:41px}}
/* Final composition alignment. */
.work-card h3{position:absolute;top:0;left:0}
.planet--5{top:76%}
.story-section{margin-top:-27px}
@media(max-width:700px){.planet--5{top:81%}.story-section{margin-top:-21px}}
@media(max-width:700px){
 .feature-card{height:409px}
 .feature-copy{max-width:none;padding:24px}
 .feature-copy p{max-width:250px;font-size:11px}
 .feature-copy h2{font-size:42px}
 .feature-phones{height:51%!important}
 .feature-card::before{background:linear-gradient(180deg,#0b382f 0%,#0b382f 41%,#0b382f00 71%)}
 .feature-copy .circle-link{position:absolute;right:21px;top:22px;margin:0;width:34px;height:34px}
 .closing-note{font-size:20px;right:2px;top:47px}
 .closing-copy h2{font-size:38px}
}

/* --- Hero orbit circulation + pause on hover (Prince 2026-09-24) --- */
@keyframes ring-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes planet-spin{to{transform:rotate(360deg)}}
.orbit-rings{animation:ring-spin 64s linear infinite}
.orbit-planets{position:absolute;inset:0;transform-origin:50% 47%;animation:planet-spin 54s linear infinite}
.orbit-planets .planet{animation:planet-spin 54s linear infinite reverse}
.orbit-planets .planet__photo{animation:float 8s ease-in-out infinite;animation-delay:var(--delay)}
.orbit-scene:hover .orbit-rings,
.orbit-scene:hover .orbit-planets,
.orbit-scene:hover .orbit-planets .planet,
.orbit-scene:hover .orbit-planets .planet__photo,
.orbit-scene:hover .orbit-spark{animation-play-state:paused}
.pd-site.motion-off .orbit-rings,
.pd-site.motion-off .orbit-planets,
.pd-site.motion-off .orbit-planets .planet,
.pd-site.motion-off .orbit-planets .planet__photo{animation:none!important}
