.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-top:55px}.lead-copy{font-size:clamp(20px,2.1vw,30px);line-height:1.5;max-width:820px;color:#d7d1c8}.editorial-grid p:not(.lead-copy){color:#aaa9a4;line-height:1.85}.editorial-grid .inline-link{margin-top:25px}.web-showcase{border:1px solid #cba57d40;border-radius:9px;overflow:hidden;background:#181917;box-shadow:0 35px 100px #0005;transform:perspective(1100px) rotateY(-6deg)}.browser-bar,.mock-caption{padding:18px 22px;font-size:9px;letter-spacing:.16em;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff12}.mock-caption{border:0;color:#bcb3a4;letter-spacing:.05em}.mock-site{padding:44px 28px;position:relative;overflow:hidden;background:linear-gradient(125deg,#232922,#0b100d)}.mock-site small,.mock-site>span{display:block;font-size:8px;letter-spacing:.2em;position:relative;z-index:1}.mock-site strong{display:block;font-size:clamp(42px,5vw,80px);line-height:.98;font-weight:300;position:relative;z-index:1;margin:35px 0}.mock-site em,.media-art em{font-family:Georgia,serif;font-weight:400}.mock-pyramid-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 12px;pointer-events:none}.mock-site:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b100dcc 0%,#0b100d69 38%,transparent 70%)}.media-art{min-height:400px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:radial-gradient(ellipse at 75% 80%,#a47c5360,transparent 65%),linear-gradient(150deg,#262b2b,#0c1115);border:1px solid #9d8b7240;overflow:hidden}.media-art:after{content:"";position:absolute;width:65%;height:120%;border:1px solid #bca78750;transform:rotate(35deg);right:-10%;top:-10%}.media-art strong{font-size:clamp(42px,5vw,76px);font-weight:300;line-height:1}.media-art span,.media-art small{font-size:10px;letter-spacing:.2em}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.route-grid>a{font-size:22px;line-height:1.4;align-self:start}.route-grid p,.process-list p{color:#b9b4ab;line-height:1.8}.route-grid h3{font-size:28px;font-weight:400}.inner-eclipse .header{background:#0b0c0dba;backdrop-filter:blur(20px)}.page-opening{padding-top:190px;padding-bottom:50px}.page-opening h1{font-size:clamp(50px,8vw,118px);font-weight:300;letter-spacing:-.06em;line-height:1.02;max-width:1000px}.process-list{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:70px 0}.process-list article{border-top:1px solid #ffffff25;padding-top:25px}.process-list h3{font-size:32px;font-weight:400}.inner-eclipse .web-showcase{max-width:850px;margin:60px auto}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery img,.collection-card img{width:100%;height:auto;display:block}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.collection-card{border-top:1px solid #ffffff30;padding:25px 0}.collection-card h2{font-size:38px}.collection-card p{color:#c1b9ad}.empty-collection{border-top:1px solid #b9956940;padding:35px 0;color:#b8b1a5}.end-cta{border-top:1px solid #ffffff18}.mobile-menu nav{margin-top:30px}.mobile-menu nav>a,.mobile-menu nav>details>summary{font-size:clamp(25px,4vh,38px)}
@media(max-width:700px){.editorial-grid,.route-grid,.process-list,.collection-grid,.gallery{grid-template-columns:1fr}.editorial-grid{gap:35px;margin-top:30px}.media-art{min-height:330px;padding:30px}.web-showcase{transform:none}.route-grid{gap:24px}.page-opening{padding-top:155px}.page-opening h1{font-size:52px}.process-list{gap:25px}.chapter .lead-copy{font-size:21px}.mobile-menu nav{margin-top:22px}.mobile-menu nav>a,.mobile-menu nav>details>summary{font-size:28px}.mobile-menu .menu-foot{margin-top:24px}}

/* Section categories establish context before the editorial subtitle. */
.chapter > .kicker{font-size:clamp(26px,2.8vw,38px);font-weight:450;line-height:1.25;letter-spacing:.09em;color:var(--bronze);margin-bottom:34px;text-wrap:balance}

.chapter:not(.page-opening):has(> .kicker){padding-top:72px}
@media(max-width:700px){.chapter:not(.page-opening):has(> .kicker){padding-top:40px}.chapter > .kicker{margin-bottom:32px}}

/* The Studio example card rests at its original angle until dragged. */
.web-showcase[data-tilt-ready]{
 transform:perspective(1100px) rotateX(var(--studio-tilt-x,0deg)) rotateY(calc(-6deg + var(--studio-tilt-y,0deg)));
 transform-style:preserve-3d;transition:transform .6s cubic-bezier(.18,.72,.22,1);
}
.web-showcase[data-tilt-ready].studio-tilting{transition:none;will-change:transform}
.web-showcase[data-tilt-ready] .mock-site{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.web-showcase[data-tilt-ready].studio-tilting .mock-site{cursor:grabbing}
.web-showcase[data-tilt-ready]:focus-visible{outline:2px solid var(--bronze,#b89c83);outline-offset:5px}
@media(max-width:700px){.web-showcase[data-tilt-ready]{transform:perspective(1100px) rotateX(var(--studio-tilt-x,0deg)) rotateY(var(--studio-tilt-y,0deg))}}
@media(prefers-reduced-motion:reduce){.web-showcase[data-tilt-ready]{transition:none}}