/* Production: an editorial, image-led studio page. */
body .page.is-active.prd-page { display:block; }
.prd-page { --prd-rule:rgba(17,17,17,.22); color:var(--black); background:var(--cream); }
.prd-page .prd-wrap { width:100%; max-width:108rem; margin-inline:auto; padding-inline:var(--page-gutter); }
.prd-page h1, .prd-page h2, .prd-page h3, .prd-page p, .prd-page figure { margin:0; }
.prd-page h1, .prd-page h2, .prd-page h3 { font-weight:600; letter-spacing:-.075em; }
.prd-page .serif { font-family:"Instrument Serif",Georgia,serif; font-style:italic; font-weight:400; letter-spacing:-.045em; }
.prd-page .eyebrow { font-size:.68rem; line-height:1.4; }
.prd-page button { cursor:pointer; }
.prd-page :focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.prd-page [id] { scroll-margin-top:7rem; }
.prd-section { padding-block:clamp(4rem,8vw,8rem); }
.prd-head { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr); align-items:start; column-gap:clamp(2rem,7vw,8rem); row-gap:clamp(2rem,3vw,3rem); margin-bottom:clamp(2.5rem,4.5vw,4.5rem); }
.prd-head__top { grid-column:1 / -1; width:100%; }
#prd-services .prd-head { margin-bottom:0; }
.prd-team-bridge { min-height:calc(clamp(3.5rem,5.5vw,5.5rem) + 2cm); padding:0; align-items:center; }
.prd-head h2 { margin-top:1.4rem; font-size:clamp(3rem,6vw,7rem); line-height:.96; text-align:left; }
.prd-head h2 small { display:block; margin-top:.8rem; margin-left:0; font-size:clamp(.62rem,.72vw,.76rem); font-weight:500; letter-spacing:-.01em; line-height:1.2; text-align:left; }
.prd-head > p { align-self:center; max-width:28rem; font-size:var(--body); line-height:1.5; }
.prd-kicker { font-size:.65rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; line-height:1.5; }
.prd-hero { position:relative; min-height:max(41rem,100svh); overflow:hidden; color:var(--cream); background:#232924; isolation:isolate; }
.prd-hero__media, .prd-hero::after { position:absolute; inset:0; width:100%; height:100%; }
.prd-hero__media { z-index:-3; object-fit:cover; filter:saturate(.82) contrast(1.04); }
.prd-hero::after { content:""; z-index:-2; background:linear-gradient(180deg,rgba(12,18,15,.36),rgba(12,18,15,.08) 38%,rgba(12,18,15,.78)); }
.prd-hero::before { position:absolute; z-index:-1; inset:0; content:""; opacity:.22; pointer-events:none; background-image:radial-gradient(rgba(246,241,230,.38) .55px,transparent .55px),linear-gradient(115deg,transparent 10%,rgba(246,241,230,.09) 45%,transparent 74%); background-size:4px 4px,100% 100%; mix-blend-mode:soft-light; }
.prd-hero__super { position:absolute; z-index:0; left:50%; bottom:.35rem; width:max-content; color:rgba(246,241,230,.11); font-size:clamp(4rem,10.5vw,13rem); font-weight:700; letter-spacing:-.1em; line-height:.78; white-space:nowrap; transform:translateX(-50%) scaleX(1.82); transform-origin:center bottom; pointer-events:none; }
.prd-hero__inner { position:relative; z-index:1; min-height:inherit; padding-top:clamp(8rem,11vw,12rem); padding-bottom:clamp(2rem,4vw,4rem); display:flex; flex-direction:column; gap:3rem; }
.prd-hero__top { display:flex; justify-content:space-between; align-items:start; gap:2rem; }
.prd-hero__top > p:last-child { text-align:right; opacity:.8; }
.prd-hero__main { display:grid; grid-template-columns:1fr; align-items:end; gap:3rem; margin-top:auto; }
.prd-hero h1, .prd-hero h2 { font-size:clamp(4rem,8.7vw,10.3rem); line-height:.91; }
.prd-hero h1 > span, .prd-hero h2 > span { display:block; }
.prd-hero__aside { max-width:25rem; display:grid; gap:1.6rem; padding-bottom:.3rem; }
.prd-hero__aside p { font-size:clamp(1rem,1.35vw,1.25rem); line-height:1.5; }
.prd-hero .button { justify-self:start; }
.prd-hero__bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(246,241,230,.4); padding-top:1.3rem; gap:1rem; }
.community-hero .prd-hero__top .eyebrow { margin:0; }
.community-hero .prd-hero__bottom { margin-top:0; }
.prd-video-toggle { border:1px solid rgba(246,241,230,.45); border-radius:999px; color:inherit; background:rgba(246,241,230,.1); padding:.65rem 1rem; font-size:.64rem; white-space:nowrap; backdrop-filter:blur(10px); }
.prd-nav { border-bottom:1px solid var(--prd-rule); }
.prd-nav__inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:5.5rem; }
.prd-nav__links { display:flex; gap:clamp(1.4rem,3.8vw,4rem); }
.prd-nav button { padding:.7rem 0; border:0; color:inherit; background:transparent; font-size:.76rem; }
.prd-nav button span { display:inline-block; margin-left:.6rem; transition:transform 420ms var(--ease); }
.prd-statement { padding-block:clamp(4.5rem,9vw,10rem); color:var(--cream); background:var(--black); }
.prd-statement__top { display:flex; justify-content:space-between; align-items:baseline; gap:2rem; padding-bottom:1rem; border-bottom:1px solid rgba(246,241,230,.32); }
.prd-statement__top .prd-kicker { color:rgba(246,241,230,.68); text-align:right; }
.prd-statement__body { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr); gap:clamp(2.5rem,9vw,11rem); align-items:end; padding-block:clamp(3rem,7vw,8rem); }
.prd-statement h2 { max-width:8ch; font-size:clamp(4.4rem,9.5vw,11rem); font-weight:600; letter-spacing:-.1em; line-height:.79; }
.prd-statement__copy { display:grid; gap:1.35rem; max-width:30rem; }
.prd-statement__copy p { color:rgba(246,241,230,.86); font-size:clamp(1.05rem,1.4vw,1.34rem); line-height:1.43; }
.prd-statement__copy p:last-child { color:rgba(246,241,230,.58); font-size:.78rem; font-weight:600; letter-spacing:.06em; line-height:1.55; text-transform:uppercase; }
.prd-statement__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:0; list-style:none; border-top:1px solid rgba(246,241,230,.32); border-left:1px solid rgba(246,241,230,.32); }
.prd-statement__facts li { display:grid; gap:.45rem; min-height:6.8rem; padding:1rem; border-right:1px solid rgba(246,241,230,.32); border-bottom:1px solid rgba(246,241,230,.32); }
.prd-statement__facts span { color:rgba(246,241,230,.55); font-size:.56rem; font-weight:700; letter-spacing:.1em; }
.prd-statement__facts strong { align-self:end; font-size:clamp(1.1rem,1.7vw,1.75rem); font-weight:500; letter-spacing:-.05em; line-height:.98; }
.prd-service-grid { display:grid; grid-template-columns:1fr; gap:clamp(1.75rem,2.5vw,2.5rem); }
.prd-service { min-width:0; display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); align-items:stretch; gap:0; overflow:hidden; aspect-ratio:10 / 3; border:1px solid var(--prd-rule); border-radius:clamp(1rem,1.5vw,1.5rem); }
.prd-service:nth-child(even) { grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
.prd-service:nth-child(n) .prd-service__visual { grid-column:1; grid-row:1; }
.prd-service:nth-child(n) .prd-service__copy { grid-column:2; grid-row:1; }
.prd-service:nth-child(even) .prd-service__visual { grid-column:2; }
.prd-service:nth-child(even) .prd-service__copy { grid-column:1; }
.prd-service__visual { position:relative; overflow:hidden; aspect-ratio:1.35; border-radius:0; color:var(--cream); background:#252724; isolation:isolate; }
.prd-service:nth-child(n) .prd-service__visual { height:100%; aspect-ratio:auto; }
.prd-service__visual > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 700ms var(--ease),filter 600ms ease; }
.prd-service:nth-child(3) .prd-service__visual > img { left:-3%; width:106%; }
.prd-service__visual::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 30%,rgba(0,0,0,.62)); }
.prd-service__caption { height:100%; padding:clamp(1.25rem,2.5vw,2.75rem); display:flex; flex-direction:column; justify-content:space-between; gap:2rem; }
.prd-service h3 { font-size:clamp(2.4rem,4.2vw,4.8rem); line-height:.94; max-width:13ch; transform-origin:left bottom; transition:transform 520ms var(--ease); }
.prd-service__copy { padding:clamp(1.75rem,3.5vw,4rem); align-self:center; }
.prd-service__copy > p { max-width:36rem; font-size:clamp(.96rem,1.2vw,1.12rem); line-height:1.55; }
.prd-scope { margin-top:1.1rem; border-bottom:1px solid var(--prd-rule); }
.prd-scope summary { padding:.7rem 0 1.1rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; cursor:pointer; font-size:.67rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; list-style:none; }
.prd-page summary::-webkit-details-marker { display:none; }
.prd-plus { position:relative; flex:0 0 1rem; width:1rem; height:1rem; transition:transform 420ms var(--ease); }
.prd-plus::before, .prd-plus::after { position:absolute; top:50%; left:0; width:100%; height:1px; content:""; background:currentColor; transition:transform 350ms var(--ease); }
.prd-plus::after { transform:rotate(90deg); }
.prd-page details[open] > summary .prd-plus::after { transform:rotate(0); }
.prd-scope__body { padding:0 0 1.5rem; font-size:.86rem; line-height:1.55; }
.prd-scope__body ul { margin:.9rem 0 1.2rem; padding-left:1.2rem; display:grid; gap:.45rem; }
.prd-scope__body a { display:inline-block; border-bottom:1px solid currentColor; padding-bottom:.15rem; font-size:.7rem; font-weight:600; }
.prd-work-link { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1.5rem; margin-top:calc(clamp(2.5rem,4vw,4rem) + 1cm); }
.prd-work-link p { max-width:28rem; font-size:.94rem; line-height:1.5; }
.prd-work-link .button--hero { min-height:3.4rem; padding:.95rem 1.5rem; color:var(--cream); background:rgba(17,17,17,.86); border-color:rgba(17,17,17,.28); box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 8px rgba(17,17,17,.08); backdrop-filter:blur(12px) saturate(125%); -webkit-backdrop-filter:blur(12px) saturate(125%); }
.prd-work-link .button--hero:hover { color:var(--cream); background:var(--black); border-color:var(--black); transform:translateY(-1px); }
.prd-work-link .button--hero:hover .arrow { transform:translateX(3px); }
.prd-process { color:var(--cream); background:var(--green); }
.prd-process .prd-head > p { color:rgba(246,241,230,.8); }
.prd-process__list { border-top:1px solid rgba(246,241,230,.36); }
.prd-step { border-bottom:1px solid rgba(246,241,230,.3); }
.prd-step summary { display:grid; grid-template-columns:3rem minmax(0,1fr) minmax(0,.78fr) 1.25rem; gap:clamp(1rem,3vw,3rem); padding:clamp(1.5rem,3vw,3rem) 0; align-items:center; cursor:pointer; list-style:none; }
.prd-step summary .prd-kicker { opacity:.65; }
.prd-step__title { font-size:clamp(2.25rem,4.6vw,5rem); font-weight:600; line-height:1; letter-spacing:-.06em; }
.prd-step__hint { max-width:28rem; font-size:clamp(.96rem,1.3vw,1.15rem); line-height:1.45; opacity:.8; }
.prd-step__body { padding:0 0 2.5rem calc(3rem + clamp(1rem,3vw,3rem)); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
.prd-step__body h3 { font-size:1rem; letter-spacing:-.025em; margin-bottom:.65rem; }
.prd-step__body p { color:rgba(246,241,230,.78); font-size:.86rem; line-height:1.55; }
.prd-process__foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; margin-top:2rem; opacity:.75; }
.prd-team { background-color:var(--cream); background-image:linear-gradient(to bottom,rgba(246,241,230,1) 0,rgba(246,241,230,.97) 4rem,rgba(246,241,230,.9) 11rem,rgba(246,241,230,.9) 100%),url("https://assets.zyrosite.com/Mn2obNWuFE95zhau/3d49c149-7a24-42dc-b797-ed4b974bcd37-2-VmqiBHIAwbQmpWMm.PNG"); background-position:center; background-size:cover; }
.prd-team .prd-head h2 { font-size:clamp(2.7rem,5vw,6rem); }
.prd-team .prd-head > p { font-size:clamp(.9rem,1.1vw,1rem); }
.prd-people { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(.75rem,1vw,1rem); }
.prd-person { position:relative; display:flex; flex-direction:column; min-width:0; min-height:18rem; padding:clamp(1.25rem,2.5vw,2.5rem); gap:1.3rem; border:1px solid rgba(246,241,230,.1); border-radius:clamp(1.15rem,1.6vw,1.5rem); text-align:left; background:linear-gradient(145deg,#20211f 0%,#181916 100%); color:var(--cream); box-shadow:0 .7rem 1.8rem rgba(17,17,17,.08); overflow:hidden; transition:transform 500ms var(--ease),box-shadow 500ms var(--ease),border-color 350ms ease; }
.prd-person:not(.prd-person--founder) { padding:clamp(1rem,1.5vw,1.5rem); }
.prd-person:not(.prd-person--founder) .prd-person__name { font-size:clamp(1.55rem,2.35vw,2.8rem); }
.prd-person__portrait-frame { --portrait-y:50%; position:absolute; right:1rem; top:1rem; width:4.75rem; height:4.75rem; border:1px solid rgba(246,241,230,.18); border-radius:50%; box-shadow:0 .45rem 1.4rem rgba(0,0,0,.2); background:#eee; overflow:hidden; }
.prd-person__portrait { position:absolute; left:50%; top:var(--portrait-y); width:152%; height:auto; max-width:none; transform:translate(-50%,-50%) scale(1); transition:transform 500ms var(--ease); }
.prd-person[data-team-member="lukas"] .prd-person__portrait-frame { --portrait-y:52%; background:#efefef; }
.prd-person[data-team-member="lukas"] .prd-person__portrait { width:155%; }
.prd-person[data-team-member="elias"] .prd-person__portrait-frame { --portrait-y:44%; background:#0a0c0b; }
.prd-person[data-team-member="julian"] .prd-person__portrait-frame { --portrait-y:49%; background:#070707; }
.prd-person[data-team-member="samuel"] .prd-person__portrait-frame { --portrait-y:54%; background:#f2f2f2; }
.prd-person[data-team-member="sebastian"] .prd-person__portrait-frame { --portrait-y:50%; background:#dbe9e8; }
.prd-person .prd-kicker { opacity:.62; }
.prd-person__name { position:relative; margin-top:auto; font-size:clamp(2rem,3.4vw,4rem); letter-spacing:-.065em; line-height:.94; }
.prd-person__name .serif { display:block; }
.prd-person__role { font-size:.72rem; line-height:1.55; color:rgba(246,241,230,.75); }
.prd-person__link { margin-top:.2rem; color:var(--green); font-size:.62rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; opacity:.82; }
.prd-person__instagram { position:absolute; z-index:2; right:.7rem; bottom:.7rem; display:grid; place-items:center; width:2.3rem; height:2.3rem; padding:.55rem; color:var(--cream); border-radius:50%; opacity:.82; cursor:pointer; transform-origin:center; transition:transform 360ms var(--ease),opacity 240ms ease,background-color 240ms ease; }
.prd-person__instagram svg { display:block; width:100%; height:100%; }
.prd-person__instagram:hover { opacity:1; background:rgba(246,241,230,.1); transform:rotate(-8deg) scale(1.14); }
.prd-person--founder { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); height:30rem; padding:0; gap:0; min-height:0; border-radius:clamp(1.5rem,2.2vw,2rem); }
.prd-person__photo { width:100%; height:100%; min-height:20rem; object-fit:cover; object-position:center 40%; transition:transform 700ms var(--ease); }
.prd-person__bio { display:flex; flex-direction:column; align-items:start; gap:1.5rem; padding:clamp(1.5rem,4vw,4rem); }
.prd-person--founder .prd-person__name { margin:0; font-size:clamp(2.6rem,5vw,5.5rem); }
.prd-person__note { font-size:.94rem; line-height:1.5; max-width:27rem; color:rgba(246,241,230,.74); }
.prd-person--founder .prd-person__link { margin-top:auto; }
.prd-page .team-profile-panel { scroll-margin-top:7rem; margin-top:1.5rem; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); border-radius:1.5rem; overflow:hidden; }
.prd-page .team-profile-panel__media { min-height:20rem; padding:clamp(1.5rem,3vw,3rem); background:#20201e; }
.prd-page .team-profile-panel__portrait-frame { --portrait-y:50%; position:relative; display:none; width:min(82%,25rem); aspect-ratio:1; border-radius:50%; background:#eee; overflow:hidden; }
.prd-page .team-profile-panel__media.has-image .team-profile-panel__portrait-frame { display:block; }
.prd-page .team-profile-panel__portrait-frame img { position:absolute; left:50%; top:var(--portrait-y); display:block; width:152%; height:auto; max-width:none; max-height:none; transform:translate(-50%,-50%); }
.prd-page .team-profile-panel[data-active-member="lukas"] .team-profile-panel__portrait-frame { --portrait-y:52%; background:#efefef; }
.prd-page .team-profile-panel[data-active-member="lukas"] .team-profile-panel__portrait-frame img { width:155%; }
.prd-page .team-profile-panel[data-active-member="elias"] .team-profile-panel__portrait-frame { --portrait-y:44%; background:#0a0c0b; }
.prd-page .team-profile-panel[data-active-member="julian"] .team-profile-panel__portrait-frame { --portrait-y:49%; background:#070707; }
.prd-page .team-profile-panel[data-active-member="samuel"] .team-profile-panel__portrait-frame { --portrait-y:54%; background:#f2f2f2; }
.prd-page .team-profile-panel[data-active-member="sebastian"] .team-profile-panel__portrait-frame { --portrait-y:50%; background:#dbe9e8; }
.prd-page .team-profile-panel[data-active-member="david"] .team-profile-panel__media { padding:0; }
.prd-page .team-profile-panel[data-active-member="david"] .team-profile-panel__portrait-frame { width:100%; height:100%; aspect-ratio:auto; border-radius:0; }
.prd-page .team-profile-panel[data-active-member="david"] .team-profile-panel__portrait-frame img { position:static; width:100%; height:100%; object-fit:cover; object-position:center 40%; transform:none; }
.prd-page .team-profile-panel__content { padding:3rem 2rem 2rem; }
.prd-page .team-profile-panel h3 { margin-top:.75rem; font-size:clamp(2.8rem,5vw,5rem); line-height:.98; }
.prd-page .team-profile-panel__role { margin-top:1.1rem; color:rgba(246,241,230,.85); white-space:pre-line; }
.prd-page .team-profile-panel__description { margin-top:1.55rem; }
.prd-page .team-profile-panel__close { padding:.4rem; font-size:.65rem; }
.prd-founder-dialog { position:fixed; inset:50% auto auto 50%; width:min(92vw,76rem); max-width:none; height:min(88svh,52rem); max-height:none; margin:0; padding:0; color:var(--cream); border:0; border-radius:clamp(1.25rem,2vw,2rem); background:#111210; box-shadow:0 2rem 6rem rgba(0,0,0,.42); overflow:hidden; transform:translate(-50%,-50%); }
.prd-founder-dialog::backdrop { background:rgba(8,9,8,.76); backdrop-filter:blur(12px); }
.prd-founder-dialog__shell { display:grid; grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr); height:100%; }
.prd-founder-dialog__media { min-height:0; background:#20201e; overflow:hidden; }
.prd-founder-dialog__media img { width:100%; height:100%; object-fit:cover; object-position:center 38%; }
.prd-founder-dialog__content { position:relative; display:flex; flex-direction:column; justify-content:center; padding:clamp(2.5rem,5vw,5.5rem); overflow:auto; scrollbar-width:none; }
.prd-founder-dialog__content::-webkit-scrollbar { display:none; }
.prd-founder-dialog__close { position:absolute; top:1.25rem; right:1.25rem; padding:.55rem .7rem; color:rgba(246,241,230,.76); font:inherit; font-size:.62rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; border:1px solid rgba(246,241,230,.2); border-radius:999px; background:transparent; }
.prd-founder-dialog__eyebrow { color:rgba(246,241,230,.58); }
.prd-founder-dialog h2 { max-width:8ch; margin:.9rem 0 0; font-size:clamp(3.7rem,7vw,7.5rem); line-height:.82; }
.prd-founder-dialog__role { margin:1.5rem 0 0; color:#a9c2a6; font-size:clamp(.82rem,1vw,.95rem); line-height:1.45; }
.prd-founder-dialog__copy { display:grid; gap:1rem; max-width:38rem; margin-top:2rem; padding-top:1.5rem; color:rgba(246,241,230,.75); border-top:1px solid rgba(246,241,230,.2); }
.prd-founder-dialog__copy p { font-size:clamp(.94rem,1.2vw,1.08rem); line-height:1.55; }
.prd-founder-dialog__facts { display:flex; flex-wrap:wrap; gap:2.5rem; margin-top:2rem; }
.prd-founder-dialog__facts span { display:grid; gap:.4rem; }
.prd-founder-dialog__facts b { color:rgba(246,241,230,.42); font-size:.55rem; letter-spacing:.1em; text-transform:uppercase; }
.prd-founder-dialog__facts strong { font-size:.78rem; }
.prd-founder-dialog__instagram { align-self:flex-start; margin-top:2rem; padding-bottom:.2rem; color:var(--cream); font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border-bottom:1px solid rgba(246,241,230,.38); }
.prd-circle { margin-top:2.5rem; padding-inline:clamp(1rem,2vw,1.6rem); border:1px solid rgba(17,17,17,.14); border-radius:1.25rem; background:rgba(246,241,230,.55); backdrop-filter:blur(10px); overflow:hidden; }
.prd-circle > summary { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.65rem 0; list-style:none; cursor:pointer; }
.prd-circle > summary > span:first-child { display:grid; gap:.65rem; }
.prd-circle strong { font-size:clamp(1.5rem,2.5vw,2.7rem); letter-spacing:-.055em; font-weight:600; }
.prd-network { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:3rem; padding:0 0 1.5rem; }
.prd-network button { display:grid; grid-template-columns:1fr auto; gap:.4rem; padding:1.2rem 0; border:0; border-top:1px solid var(--prd-rule); color:inherit; background:none; text-align:left; }
.prd-network button > span { font-size:1.2rem; font-weight:500; letter-spacing:-.04em; }
.prd-network small { grid-column:1; font-size:.68rem; line-height:1.45; color:rgba(17,17,17,.6); }
.prd-network i { grid-column:2; grid-row:1; font-style:normal; transition:transform 400ms var(--ease); }
.prd-how { position:relative; color:var(--cream); background:#101210; overflow:hidden; }
.prd-how::before { content:""; position:absolute; top:8%; right:-14%; width:44rem; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(56,87,61,.16),transparent 68%); pointer-events:none; }
.prd-how .prd-wrap { position:relative; z-index:1; }
.prd-how__intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(18rem,.62fr); gap:clamp(2rem,4vw,4rem) clamp(3rem,8vw,10rem); align-items:end; margin-bottom:clamp(3.5rem,6vw,6.5rem); }
.prd-how__chapter { grid-column:1/-1; }
.prd-how__intro h2 { max-width:8ch; font-size:clamp(4.2rem,8.2vw,9.5rem); line-height:.78; letter-spacing:-.085em; }
.prd-how__intro h2 .serif { font-weight:400; }
.prd-how__intro > p { max-width:31rem; margin-bottom:.5rem; color:rgba(246,241,230,.67); font-size:clamp(1rem,1.25vw,1.18rem); line-height:1.56; }
.prd-how__steps { display:grid; grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr); grid-template-rows:repeat(2,minmax(15rem,auto)); gap:1rem; margin:0; padding:0; list-style:none; }
.prd-how__steps li { position:relative; display:flex; flex-direction:column; min-width:0; padding:clamp(1.6rem,2.6vw,3rem); border:1px solid rgba(246,241,230,.18); border-radius:1.15rem; background:rgba(246,241,230,.012); overflow:hidden; transition:background-color 450ms ease,border-color 450ms ease,transform 550ms var(--ease); }
.prd-how__steps li:nth-child(1) { grid-column:1; grid-row:1; }
.prd-how__steps li:nth-child(2) { grid-column:2; grid-row:1 / span 2; min-height:34rem; padding:clamp(2rem,4vw,4.75rem); background:linear-gradient(145deg,rgba(56,87,61,.42),rgba(30,38,30,.18) 58%,rgba(246,241,230,.015)); }
.prd-how__steps li::after { position:absolute; right:-.04em; bottom:-.16em; color:rgba(246,241,230,.04); font-size:clamp(8rem,13vw,15rem); font-weight:700; letter-spacing:-.11em; line-height:.7; pointer-events:none; transition:transform 700ms var(--ease); }
.prd-how__steps li:nth-child(1)::after { content:"01"; }
.prd-how__steps li:nth-child(2)::after { content:"02"; font-size:clamp(12rem,24vw,30rem); }
.prd-how__steps li:nth-child(3)::after { content:"03"; }
.prd-how__steps li:nth-child(3) { grid-column:1; grid-row:2; }
.prd-how__steps small { position:relative; z-index:1; color:rgba(246,241,230,.48); font-size:.61rem; font-weight:700; letter-spacing:.12em; }
.prd-how__steps h3 { position:relative; z-index:1; max-width:10ch; margin:auto 0 1.15rem; font-size:clamp(2.15rem,3vw,3.5rem); line-height:.9; letter-spacing:-.07em; }
.prd-how__steps li:nth-child(2) h3 { max-width:8ch; font-size:clamp(4rem,6.4vw,7.8rem); line-height:.82; }
.prd-how__steps h3 .serif { font-weight:400; }
.prd-how__steps p { position:relative; z-index:1; max-width:25rem; color:rgba(246,241,230,.64); font-size:.88rem; line-height:1.55; }
.prd-how__steps li:nth-child(2) p { max-width:31rem; color:rgba(246,241,230,.76); font-size:clamp(.92rem,1.08vw,1.04rem); }
.prd-how__competencies { display:grid; grid-template-columns:minmax(9rem,.25fr) minmax(0,1fr); gap:2rem clamp(3rem,7vw,8rem); align-items:start; margin-top:clamp(3rem,5vw,5rem); }
.prd-how__competencies > p { padding-top:.25rem; color:rgba(246,241,230,.48); }
.prd-how__tags { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem 2rem; }
.prd-how__tags span { color:rgba(246,241,230,.82); font-size:.68rem; letter-spacing:.035em; }
.prd-how__tags span::before { content:"- "; }
.prd-final-cta { color:var(--cream); background:var(--black); }
.prd-final-cta__link { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:center; min-height:clamp(9rem,13vw,13rem); color:inherit; }
.prd-final-cta__link strong { font-size:clamp(2.5rem,5vw,6rem); font-weight:600; letter-spacing:-.075em; line-height:.9; }
.prd-final-cta__action { justify-self:end; padding:.9rem 1.2rem; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border:1px solid rgba(246,241,230,.48); border-radius:999px; transition:transform 360ms var(--ease),background-color 300ms ease,border-color 300ms ease; }
.prd-contact { background:var(--brown); color:var(--cream); }
.prd-contact .prd-head { margin:0; }
.prd-contact h2 { font-size:clamp(3.2rem,6.5vw,7.5rem); }
.prd-contact__aside { display:grid; gap:1.6rem; align-content:end; }
.prd-contact__aside p { font-size:var(--body); line-height:1.5; max-width:27rem; }
.prd-contact .button { justify-self:start; }
@media (hover:hover) and (pointer:fine) {
  .prd-service:hover .prd-service__visual > img { transform:scale(1.045); filter:saturate(.95); }
  .prd-service:nth-child(1):hover .prd-service__visual > img { transform:scale(1.015); }
  .prd-service:hover .prd-service__caption h3 { transform:translateY(-.04em) scale(1.045) rotate(-.35deg); }
  .prd-scope summary:hover .prd-plus { transform:translate(.08rem,-.08rem) rotate(8deg) scale(1.16); }
  .prd-how__steps li:hover { transform:scale(1.012); }
  .prd-final-cta__link:hover .prd-final-cta__action { transform:translateX(.35rem); }
  .prd-person:hover { transform:translateY(-4px); box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.12); }
  .prd-person:hover { border-color:rgba(246,241,230,.24); }
  .prd-person:hover .prd-person__photo { transform:scale(1.018); }
  .prd-person:hover .prd-person__portrait { transform:translate(-50%,-50%) scale(.94); }
  .prd-nav button:hover span, .prd-network button:hover i { transform:translate(3px,-2px); }
  .prd-step summary:hover .prd-step__title .serif { display:inline-block; transform:translateX(.06em); }
}
.prd-page.prd-motion-ready [data-prd-reveal] { opacity:0; transform:translateY(1rem); transition:opacity 700ms ease,transform 800ms var(--ease); }
.prd-page.prd-motion-ready [data-prd-reveal].prd-in-view { opacity:1; transform:none; }
@media (max-width:1000px) {
  .prd-hero__main { grid-template-columns:1fr; gap:2rem; }
  .prd-hero h1, .prd-hero h2 { font-size:clamp(3.5rem,8.5vw,7rem); }
  .prd-head { gap:2rem; grid-template-columns:1.1fr .85fr; }
  .prd-person { min-height:17rem; }
}
@media (max-width:720px) {
  .prd-hero { min-height:max(41rem,100svh); }
  .prd-hero__super { bottom:.55rem; font-size:clamp(3.2rem,10.5vw,5rem); transform:translateX(-50%) scaleX(1.5); }
  .prd-hero__inner { padding-top:7.5rem; gap:2rem; }
  .prd-hero__main, .prd-head { grid-template-columns:1fr; }
  .prd-hero h1, .prd-hero h2 { font-size:clamp(3.9rem,12vw,6.5rem); }
  .prd-hero__aside { max-width:32rem; gap:1.25rem; }
  .prd-hero__top .prd-kicker { font-size:.55rem; }
  .prd-hero__bottom .prd-kicker { max-width:23rem; font-size:.55rem; }
  .prd-nav__inner { min-height:5rem; gap:1rem; }
  .prd-nav__inner > .prd-kicker { display:none; }
  .prd-nav__links { width:100%; justify-content:space-between; gap:.75rem; }
  .prd-nav button { font-size:.72rem; }
  .prd-nav button span { margin-left:.3rem; }
  .prd-statement__top { align-items:start; flex-direction:column; gap:.7rem; }
  .prd-statement__top .prd-kicker { text-align:left; }
  .prd-statement__body { grid-template-columns:1fr; gap:2rem; padding-block:3.5rem; }
  .prd-statement h2 { font-size:clamp(4.2rem,15vw,6.5rem); }
  .prd-statement__facts { grid-template-columns:1fr; }
  .prd-statement__facts li { min-height:5.25rem; }
  .prd-head h2 { font-size:clamp(3rem,9vw,4.5rem); }
  .prd-head > p { max-width:34rem; }
  .prd-service-grid { grid-template-columns:1fr; gap:2.5rem; }
  .prd-service:nth-child(n) { grid-template-columns:1fr; gap:0; aspect-ratio:auto; }
  .prd-service:nth-child(n) .prd-service__visual { grid-column:1; grid-row:1; }
  .prd-service:nth-child(n) .prd-service__copy { grid-column:1; grid-row:2; }
  .prd-service__copy { padding:1.5rem; }
  .prd-service__visual { aspect-ratio:4 / 3; }
  .prd-service:nth-child(n) .prd-service__visual { width:100%; max-width:none; height:auto; aspect-ratio:4 / 3; justify-self:stretch; }
  .prd-service h3 { font-size:clamp(2.75rem,8.7vw,4.5rem); }
  .prd-service__caption { padding:1.5rem; }
  .prd-step summary { grid-template-columns:1.7rem 1fr 1rem; gap:1rem; padding-block:1.6rem; }
  .prd-step__hint { grid-column:2; grid-row:2; font-size:.92rem; }
  .prd-step .prd-plus { grid-column:3; grid-row:1; }
  .prd-step__body { grid-template-columns:1fr; padding:0 0 2rem 2.7rem; gap:1.4rem; }
  .prd-people { grid-template-columns:1fr; gap:1rem; }
  .prd-person { min-height:13.5rem; padding:1.5rem; gap:1rem; border-radius:1.25rem; }
  .prd-person--founder { grid-template-columns:1fr; height:auto; min-height:0; padding:0; border-radius:1.5rem; }
  .prd-person__photo { min-height:0; height:auto; aspect-ratio:1.5; object-position:center 36%; }
  .prd-person__bio { padding:1.6rem 1.5rem 1.75rem; }
  .prd-person__name, .prd-person--founder .prd-person__name { font-size:clamp(2.5rem,8vw,3.6rem); }
  .prd-person:not(.prd-person--founder) .prd-person__name .serif { display:inline; }
  .prd-page .team-profile-panel { grid-template-columns:1fr; }
  .prd-page .team-profile-panel__media { min-height:18rem; padding:1.5rem; }
  .prd-page .team-profile-panel__portrait-frame { width:min(74vw,18rem); }
  .prd-page .team-profile-panel[data-active-member="david"] .team-profile-panel__media { min-height:0; padding:0; }
  .prd-page .team-profile-panel[data-active-member="david"] .team-profile-panel__portrait-frame { height:auto; aspect-ratio:1.5; }
  .prd-page .team-profile-panel__content { padding:3rem 1.5rem 1.8rem; }
  .prd-founder-dialog { width:calc(100vw - 1.5rem); height:calc(100svh - 1.5rem); border-radius:1.25rem; }
  .prd-founder-dialog__shell { grid-template-columns:1fr; grid-template-rows:minmax(15rem,42svh) minmax(0,1fr); }
  .prd-founder-dialog__media img { object-position:center 34%; }
  .prd-founder-dialog__content { justify-content:flex-start; padding:3.7rem 1.5rem 2rem; }
  .prd-founder-dialog h2 { font-size:clamp(3.5rem,15vw,5.5rem); }
  .prd-circle { padding-inline:1rem; border-radius:1.1rem; }
  .prd-network { grid-template-columns:1fr; }
  .prd-how__intro { grid-template-columns:1fr; gap:1.5rem; }
  .prd-how__chapter { grid-column:1; }
  .prd-how__intro h2 { font-size:clamp(4rem,15vw,6.5rem); }
  .prd-how__steps { grid-template-columns:1fr; grid-template-rows:none; gap:.85rem; }
  .prd-how__steps li:nth-child(n) { grid-column:1; grid-row:auto; min-height:14rem; padding:1.6rem; }
  .prd-how__steps li:nth-child(2) { min-height:22rem; padding:1.8rem 1.6rem; }
  .prd-how__steps li:nth-child(2) h3 { font-size:clamp(3.6rem,14vw,5.5rem); }
  .prd-how__steps li:nth-child(2)::after { font-size:clamp(11rem,55vw,18rem); }
  .prd-how__competencies { grid-template-columns:1fr; gap:1.5rem; }
  .prd-how__tags { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 1rem; }
  .prd-final-cta__link { grid-template-columns:1fr auto; gap:1rem; min-height:9rem; }
  .prd-final-cta__link strong { font-size:clamp(2.45rem,10vw,4rem); }
  .prd-contact__aside { gap:1.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  .prd-page *, .prd-page *::before, .prd-page *::after { animation:none !important; transition:none !important; }
  .prd-page.prd-motion-ready [data-prd-reveal] { opacity:1; transform:none; }
}