/* Compact editorial sections: direct choices, without pinned scroll chapters. */
.portfolio{padding-top:64px;padding-bottom:80px}.portfolio .section-heading{margin-bottom:38px}
.work-showcase{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.7fr);gap:5%;align-items:start}
.selection-label{font-size:10px;letter-spacing:1.6px;color:#666c66;margin:12px 0 23px}.work-tabs{display:flex;flex-direction:column;border-top:1px solid #cdd0cb}
.work-tabs button{display:flex;align-items:center;gap:16px;text-align:left;padding:26px 5px;background:transparent;color:#626761;border-bottom:1px solid #cdd0cb;transition:color .2s}
.work-tab-number{font-size:11px;align-self:flex-start;margin-top:5px;font-variant-numeric:tabular-nums}.work-tabs strong{display:block;font-family:Manrope,sans-serif;font-weight:500;font-size:22px;line-height:1.3;letter-spacing:-.7px}.work-tabs small{display:block;font-size:12px;margin-top:9px;line-height:1.5}
.work-tab-marker{width:8px;height:8px;border:1px solid #92968e;border-radius:50%;margin-left:auto;flex-shrink:0}.work-tabs button[aria-selected=true]{color:#141613}.work-tabs button[aria-selected=true] .work-tab-number{color:var(--red)}.work-tabs button[aria-selected=true] .work-tab-marker{background:var(--red);border-color:var(--red)}.work-tabs button:hover{color:var(--red)}.work-selection-note{font-size:14px;line-height:1.75;color:#686e66;max-width:270px;margin-top:28px}
.work-panels{display:grid;min-width:0}.work-panels>.project{grid-area:1/1;min-width:0;padding:0}.work-panels>.project[hidden]{display:block;visibility:hidden;pointer-events:none}
.work-panels .project-open{aspect-ratio:1.65;min-height:0;border-radius:14px;padding:52px 30px 48px;background:radial-gradient(ellipse at 85% 20%,#424640,transparent 70%),#1b1e1b}
.work-panels .project-kind{top:17px;left:24px;font-size:9px;padding:0;border:0;border-radius:0;background:none;letter-spacing:1.1px;color:#d6d8d1}
.work-panels .motorsport-screen,.work-panels .rk-screen{transform:none;border-radius:7px;max-height:100%;width:100%}
.work-panels .project-open:hover .motorsport-screen,.work-panels .project-open:hover .rk-screen{transform:translateY(-3px)}
.work-panels .project-arrow{width:36px;height:36px;bottom:12px;right:20px}.work-panels .project-arrow svg{width:20px;height:20px}
.work-panels .project-meta{display:flex;align-items:center;padding-top:19px;gap:16px}.work-panels .project-meta h3{font-size:23px}.work-panels .project-meta p{font-size:13px;color:#636a60}.work-panels .project-text-link{margin:0}.work-panels .project-source{font-size:11px;margin-top:12px}
.work-panels .rk-screen-nav{height:34px;flex-shrink:0}.work-panels .rk-screen-nav img{width:85px}.work-panels .rk-screen-hero{padding:21px 24px;flex:1;min-height:0}.work-panels .rk-screen-title{font-size:clamp(28px,3vw,46px);line-height:1.1}.work-panels .rk-screen-caption{margin-top:14px}.work-panels .project-rk .project-open{display:flex;align-items:stretch}
.services{margin-top:0;border-radius:0;background:radial-gradient(ellipse at 100% 90%,#34221f,transparent 60%),#151714;padding-top:62px;padding-bottom:68px}.services .section-label{margin-bottom:32px}.services .section-heading{margin-bottom:34px}.services .section-heading>p{max-width:380px}
.expertise-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ffffff29;gap:24px}
.expertise-tabs button{position:relative;display:flex;gap:14px;align-items:center;padding:18px 0 22px;text-align:left;background:transparent;color:#b6bdb0;font-size:18px;transition:color .2s}.expertise-tabs button>span{font-size:11px;color:#899180}.expertise-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent}.expertise-tabs button[aria-selected=true]{color:white}.expertise-tabs button[aria-selected=true]>span{color:#ff786b}.expertise-tabs button[aria-selected=true]:after{background:#ff786b}.expertise-tabs button:hover{color:#ff786b}
.expertise-panels{display:grid}.expertise-panel{grid-area:1/1;display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;padding:36px 0 0;min-width:0}.expertise-panel[hidden]{display:grid;visibility:hidden;pointer-events:none}.expertise-panel .service-identity{border:0;padding:0;gap:18px;margin:0}.expertise-panel .service-symbol{width:37px;height:37px}.expertise-panel h3{font-size:clamp(31px,3.6vw,53px);line-height:1.12;font-weight:500;letter-spacing:-1.8px}.expertise-panel h4{font-size:23px;line-height:1.3;font-weight:500;margin:0 0 16px;color:#f5f6f1}.expertise-panel p{font-size:16px;line-height:1.75;color:#c4cbbd;max-width:590px}.expertise-panel .tags{margin-top:20px}
.photo-journey,.motion-enabled .photo-journey{height:auto;min-height:0;padding:0;background:#151714}.photo-sticky,.motion-enabled .photo-sticky{position:relative;top:auto;height:auto;display:block;padding:0}.photo-section,.motion-enabled .photo-section{height:450px;min-height:0;border-radius:0;background-position:center 58%;padding:48px 6.5%;background-image:linear-gradient(90deg,#101110e8,#10111024),url('company-example.jpg')}.motion-enabled .photo-caption{transform:none}.photo-caption h2{font-size:clamp(38px,4vw,58px);margin:19px 0}.photography-guide{max-width:320px}
.process{border-radius:0;background:#e9ebea;padding-top:62px;padding-bottom:72px}.process .section-label{margin-bottom:32px}.process .section-heading{margin-bottom:36px}.process-overview{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.process-overview li{display:flex;flex-direction:column;border-top:1px solid #bfc5c0;padding-top:20px}.step-heading{display:flex;align-items:center;gap:17px;margin-bottom:23px}.step-index{font-family:Manrope,sans-serif;font-size:43px;line-height:1;letter-spacing:-2px;font-weight:500}.step-index i{font-style:normal;color:var(--red)}.step-heading .eyebrow{font-size:10px;line-height:1.5;letter-spacing:1px;color:#545d56}.process-overview h3{font-size:25px;font-weight:500;letter-spacing:-.9px;margin-bottom:14px}.process-overview p{font-size:15px;line-height:1.8;color:#4f5a52;margin-bottom:24px}.step-outcome{font-size:11px;line-height:1.6;color:#39463c;margin-top:auto;padding-top:15px;border-top:1px solid #cbd0cc}
@media(max-width:1000px){.work-showcase{grid-template-columns:minmax(200px,.7fr) minmax(0,1.4fr);gap:30px}.work-tabs strong{font-size:19px}.work-panels .project-open{aspect-ratio:1.35;padding:51px 20px 46px}.work-panels .project-meta{display:block}.work-panels .project-text-link{margin-top:14px}.work-panels .rk-screen-title{font-size:32px}.expertise-tabs button{font-size:16px;gap:9px}.process-overview{gap:23px}.step-heading{gap:10px}.process-overview h3{font-size:23px}.photography-guide{max-width:265px}}
@media(max-width:700px){.portfolio{padding-top:42px;padding-bottom:48px}.portfolio .section-heading{margin-bottom:25px}.portfolio .section-label{margin-bottom:32px}.work-showcase{display:block}.selection-label{margin:0 0 12px;font-size:9px}.work-tabs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px}.work-tabs button{padding:16px 0;align-items:flex-start;gap:8px}.work-tabs strong{font-size:16px;letter-spacing:-.4px}.work-tabs small{font-size:10px;margin-top:6px}.work-tab-number{font-size:9px;margin-top:3px}.work-tab-marker{width:6px;height:6px;margin-top:6px}.work-selection-note{display:none}.work-panels .project-open{aspect-ratio:1.25;padding:48px 18px 45px}.work-panels .project-kind{font-size:8px;left:18px;top:17px}.work-panels .project-meta h3{font-size:21px}.work-panels .rk-screen-title{font-size:30px}.work-panels .rk-screen-hero{padding:20px 15px}.work-panels .rk-screen-caption{font-size:9px}.work-panels .rk-screen-nav>span{font-size:7px}.work-panels .project-source{font-size:10px}.services{padding:44px 6.5% 46px}.services .section-heading{margin-bottom:22px}.services .section-heading h2,.process .section-heading h2{font-size:39px}.expertise-tabs{grid-template-columns:repeat(2,1fr);gap:0 22px;border:0}.expertise-tabs button{font-size:16px;padding:16px 0;border-bottom:1px solid #ffffff26}.expertise-panel{grid-template-columns:1fr;gap:25px;padding-top:29px;align-content:start}.expertise-panel .service-identity{flex-direction:row;align-items:center;gap:18px}.expertise-panel h3{font-size:30px;letter-spacing:-1.2px}.expertise-panel .service-symbol{width:30px;height:30px}.expertise-panel h4{font-size:22px;margin-bottom:14px}.expertise-panel p{font-size:15px;line-height:1.75}.expertise-panel .tags{gap:7px}.services .expertise-panel .tags span{font-size:9px;padding:7px 9px}.photo-section,.motion-enabled .photo-section{height:430px;padding:38px 6.5%;align-items:flex-start}.photo-caption h2{font-size:39px}.photo-caption>span{font-size:10px}.photo-caption>p{font-size:15px;max-width:300px}.photography-guide{max-width:none;left:6.5%;right:6.5%;bottom:25px}.process{padding:44px 6.5% 46px}.process .section-heading{margin-bottom:28px}.process-overview{grid-template-columns:1fr;gap:25px}.process-overview li{padding-top:20px}.step-heading{margin-bottom:14px;gap:16px}.step-index{font-size:34px}.process-overview h3{font-size:25px;margin-bottom:10px}.process-overview p{font-size:15px;line-height:1.75;margin-bottom:16px}.step-outcome{padding-top:0;border:0;font-size:11px}}
@media(prefers-reduced-motion:no-preference){.work-panels>.project:not([hidden]),.expertise-panel:not([hidden]){animation:panel-arrive .32s ease-out}@keyframes panel-arrive{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}

/* Photography atmosphere, matched to Raymond's warm wood and red-lit portraits. */
.photo-section,.motion-enabled .photo-section{background-image:none;background-color:#141313;isolation:isolate}
.company-scene{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 66%;z-index:-2}
.photo-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121312d9 0%,#12131296 35%,#12131212 68%),linear-gradient(0deg,#12131266,transparent 35%);z-index:-1;pointer-events:none}
.photo-section .photo-caption{padding-bottom:0;max-width:540px}
.photo-section .photo-caption p{color:#e4e1dc}
.company-image-credit{position:absolute;right:24px;bottom:17px;font-size:11px;letter-spacing:.3px;color:#eee9e2b3}
@media(max-width:700px){.company-scene{object-position:72% center}.photo-section:after{background:linear-gradient(180deg,#121312ed 0%,#121312b3 39%,#12131212 77%,#12131259 100%)}.company-image-credit{right:6.5%;bottom:15px;font-size:10px}.photo-section .photo-caption{max-width:320px}}
