/* Fable's sand-toned design, below the original hero. */
.home .site{background:#f3ead9}
.redesign{color:#0f2b33;font:17px/1.55 Archivo,Arial,sans-serif}
.redesign footer{border:0}
.redesign [data-tour-project]{min-width:0;display:flex}
.redesign [data-tour-project]>a{width:100%}
.redesign .agency-shot{display:block;min-width:0}
.redesign .agency-shot img{display:block;width:100%;height:auto}
.redesign .agency-shot span{display:block;margin-top:12px;font-size:14px}
.home .header nav .tour-trigger:hover,.home .header nav .tour-trigger:focus-visible{text-decoration:underline;text-underline-offset:4px}
.home .header nav{flex-wrap:wrap}
.home .header button:focus-visible{outline-color:#f6f5e9}
.redesign .design-1{display:flex;flex-wrap:wrap;align-items:flex-end;gap:48px;padding:96px 36px 80px}
.redesign .design-2{flex:1 1 0;min-width:min(330px,100%);font:700 clamp(40px,5.2vw,76px)/1.02 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:-.025em;margin:0;text-transform:uppercase}
.redesign .design-3{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}
.redesign .design-4{font:400 14px/1.5 Archivo,Arial,sans-serif;letter-spacing:0;text-transform:none}
.redesign .design-5{flex:1 1 0;min-width:min(330px,100%);max-width:38em;display:flex;flex-direction:column;gap:18px;align-self:end;margin-left:auto;text-align:right;container-type:inline-size}
.redesign .design-6{font:500 14px Archivo,Arial,sans-serif;color:#4a6068;margin:0}
.redesign .design-5 .design-6{font-size:clamp(16px,3.4cqw,20px);font-weight:700}
.redesign .design-7{text-transform:uppercase;font:700 min(40px,6cqw)/1.2 'Archivo Narrow','Arial Narrow',sans-serif;margin:0;white-space:nowrap}
.redesign .design-8{border-bottom:0}
.redesign .design-9{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.redesign .design-10{padding:56px 36px;display:flex;flex-direction:column;gap:20px;justify-content:space-between}
.redesign .design-11{font:700 clamp(40px,4.6vw,68px)/.98 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0;text-wrap:balance}
.redesign .design-12{font-size:clamp(16px,1.3vw,19px);line-height:1.6;margin:0;max-width:34em;text-wrap:pretty}
.redesign .design-13{display:grid;grid-template-rows:auto 1fr;background:#28cec7;color:#0c0c0c}
.redesign .design-14{padding:36px 36px 8px;display:flex;flex-direction:column;gap:12px}
.redesign .design-15{font:500 14px Archivo,Arial,sans-serif}
.redesign .design-16{font:700 clamp(64px,7vw,110px)/.9 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:-.03em;white-space:nowrap}
.redesign .design-17{font:500 clamp(16px,1.4vw,20px) Archivo,Arial,sans-serif;letter-spacing:0;margin-left:10px}
.redesign .design-18{list-style:none;margin:0;padding:28px 36px 36px;display:flex;flex-direction:column;gap:14px;font:15px/1.6 Archivo,Arial,sans-serif}
.redesign .design-19{display:flex;gap:16px}
.redesign .design-20{opacity:.6}
.redesign .design-21{padding:56px 36px;display:flex;flex-direction:column;gap:18px;justify-content:space-between;background:#ede2cc}
.redesign .design-22{font:700 clamp(32px,3.6vw,54px)/1 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0;text-wrap:balance}
.redesign .design-23{text-decoration:underline;text-underline-offset:4px}
.redesign .design-24{display:block;overflow:hidden;background:#082e39;min-height:280px}
.redesign .design-25{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.redesign .design-37>picture{display:block;width:100%;height:100%}
.redesign .design-26{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:24px;padding:40px 36px;background:#ede2cc}
.redesign .design-27{padding:0;display:flex;flex-direction:column;gap:6px}
.redesign .design-28{font:500 14px Archivo,Arial,sans-serif;color:#4a6068}
.redesign .design-29{font:700 clamp(30px,2.6vw,40px)/1 'Archivo Narrow','Arial Narrow',sans-serif;text-transform:uppercase}
.redesign .design-30{font:14px Archivo,Arial,sans-serif}
.redesign .design-31{font:700 clamp(30px,2.6vw,40px)/1 'Archivo Narrow','Arial Narrow',sans-serif;text-transform:uppercase;color:#4a6068}
.redesign .design-32{font:14px Archivo,Arial,sans-serif;color:#4a6068}
.redesign .design-33{padding:72px 36px 28px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px;background:#ede2cc}
.redesign .design-34{font:700 32px/1 'Archivo Narrow','Arial Narrow',sans-serif;text-transform:uppercase;margin:0}
.redesign .design-35{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:24px;padding:0 36px 48px;background:#f3ead9}
.redesign .design-36{display:flex;flex-direction:column;background:#ede2cc;min-width:0;border-radius:4px;overflow:hidden}
.redesign .design-37{aspect-ratio:16/10;overflow:hidden;background:#082e39}
.redesign .design-38{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 22px}
.redesign .design-39{display:flex;flex-direction:column;gap:8px;min-width:0}
.redesign .design-40{font:700 clamp(26px,2.2vw,34px)/1 'Archivo Narrow','Arial Narrow',sans-serif;text-transform:uppercase;margin:0}
.redesign .design-41{font:14px/1.55 Archivo,Arial,sans-serif;margin:0;color:#4a6068}
.work-testimonial{margin:0;text-align:left}
.work-testimonial blockquote{margin:0;padding:0;border:0;font:500 clamp(32px,3.6vw,54px)/1.08 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:-.02em;text-transform:none}
.work-testimonial blockquote p{margin:0}
.work-testimonial blockquote strong{font-weight:700}
.work-testimonial figcaption{margin-top:32px;font:400 16px/1.4 Archivo,Arial,sans-serif;color:#0b3039}
.work-testimonial figcaption span{margin-left:10px;color:#4a6068}
.testimonial-aside{margin:12px 0 0;font:14px/1.4 Archivo,Arial,sans-serif;color:#4a6068}
.swaga-testimonial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#f3ead9;margin:0;padding:0}
.testimonial-logo{display:grid;place-items:center;background:#d26b31;padding:56px 36px;min-height:280px}
.testimonial-logo img{display:block;width:72%;max-width:395px;height:auto}
.testimonial-copy{padding:56px 36px;min-width:0}
.testimonial-copy .testimonial-label{margin-bottom:28px}
.testimonial-label{margin:0;font:500 16px/1.4 Archivo,Arial,sans-serif;color:#4a6068}
@media(max-width:720px){.swaga-testimonial{grid-template-columns:1fr}.testimonial-logo{min-height:210px;padding:40px 20px}.testimonial-copy{padding:32px 20px}.work-testimonial figcaption span{display:block;margin:4px 0 0}}
.redesign .design-42{font:12px 'JetBrains Mono',monospace;text-transform:uppercase;background:#28cec7;color:#0c0c0c;padding:10px 12px;white-space:nowrap}
.redesign .design-43{display:flex;flex-direction:column;gap:0;background:#ede2cc;padding:0;min-width:0;border-radius:4px;overflow:hidden}
.redesign .design-43 .design-44{padding:22px 22px 0}
.redesign .design-43>button{margin:20px 22px 22px}
.redesign [data-tour-software] .design-25{object-fit:contain;background:#f4f6f8}
.redesign .design-44{display:flex;flex-direction:column;gap:10px}
.redesign .design-45{align-self:flex-start;font:12px 'JetBrains Mono',monospace;text-transform:uppercase;background:#e6dcc6;border:0;color:inherit;padding:10px 12px;cursor:pointer}
.redesign .design-46{background:#061b20;color:#f6f5e9}
.redesign .design-47{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:32px 64px;padding:72px 36px 48px;align-items:end}
.redesign .design-48{display:flex;flex-direction:column;gap:18px}
.redesign #agency .design-48{align-self:start;text-align:left}
.agency-intro{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-transform:uppercase;margin-bottom:8px}
.agency-intro-label{margin:0;color:#28cec7;font:700 clamp(18px,1.7vw,22px)/1.2 'Archivo Narrow','Arial Narrow',sans-serif}
.agency-intro-years{margin:0;color:#fff;font:700 clamp(24px,2.5vw,32px)/1.2 'Archivo Narrow','Arial Narrow',sans-serif}
.redesign .design-49{font:500 14px Archivo,Arial,sans-serif;color:#28cec7;margin:0}
.redesign .design-50{font:700 clamp(40px,5.2vw,76px)/.98 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0;text-wrap:balance}
.redesign .design-51{display:flex;flex-direction:column;gap:16px;font-size:clamp(16px,1.4vw,20px);line-height:1.6;max-width:34em}
.redesign .design-52{margin:0;text-wrap:pretty}
.redesign .design-53{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(246,245,233,.12)}
.redesign .design-54{padding:28px 36px;display:flex;flex-direction:column;gap:12px}
.redesign .design-55{font:500 14px Archivo,Arial,sans-serif;color:#28cec7}
.redesign .design-56{font:15px/1.75 Archivo,Arial,sans-serif;margin:0}
.redesign .design-57{padding:36px;border-top:1px solid rgba(246,245,233,.12);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}
.redesign .design-58{font:13px Archivo,Arial,sans-serif;color:#c0cbc9;margin:0;padding:0 36px 36px}
.redesign .design-59{background:#061b20;color:#f6f5e9;padding:56px 36px}
.redesign .design-60{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px}
.redesign .design-61{font:700 clamp(38px,5vw,62px)/1 'Archivo Narrow','Arial Narrow',sans-serif;text-transform:uppercase;margin:0}
.redesign .design-62{font:15px Archivo,Arial,sans-serif;margin:0;max-width:30em;text-wrap:pretty}
.redesign .design-63{max-width:980px}
.contact-email{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.redesign .design-64{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:24px}
.redesign .design-65{display:block;font:500 14px Archivo,Arial,sans-serif;margin-bottom:22px}
.redesign .design-66{display:block;width:100%;padding:14px;margin-top:10px;background:#fbfbf9;color:#0c0c0c;border:2px solid #fbfbf9;border-radius:0;font:16px/1.5 Archivo,Arial,sans-serif}
.redesign .design-67{display:block;width:100%;padding:14px;margin-top:10px;background:#fbfbf9;color:#0c0c0c;border:2px solid #fbfbf9;border-radius:0;font:16px/1.5 Archivo,Arial,sans-serif;resize:vertical}
.redesign .design-68{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.redesign .design-69{font-size:13px;color:#bbb8af;margin:0}
.redesign .design-70{padding:16px 24px;border:2px solid #28cec7;background:#28cec7;color:#0c0c0c;font:500 14px 'JetBrains Mono',monospace;text-transform:uppercase;cursor:pointer}
.redesign .design-71{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:28px 36px 40px;font:14px Archivo,Arial,sans-serif;color:#4a6068}
@media(max-width:600px){
.redesign .design-37{aspect-ratio:390/844}
.redesign [data-tour-software] .design-37{aspect-ratio:16/10}
.redesign .design-1{padding:96px 20px 80px}
.redesign .design-10{padding:56px 20px}
.redesign .design-14{padding:20px 20px 8px}
.redesign .design-18{padding:28px 20px 20px}
.redesign .design-21{padding:56px 20px}
.redesign .design-26{padding:40px 20px}
.redesign .design-33{padding:72px 20px 28px}
.redesign .design-35{padding:0 20px 48px}
.redesign .design-47{padding:72px 20px 48px}
.redesign .design-54{padding:28px 20px}
.redesign .design-57{padding:20px}
.redesign .design-58{padding:0 20px 20px}
.redesign .design-59{padding:56px 20px}
.redesign .design-71{padding:28px 20px 40px}
}

/* Supplied hero copy and controls, anchored to the lower corners. */
.home .hero{grid-template-columns:minmax(0,440px) minmax(0,1fr)}
.home .hero .hero-intro{font:500 clamp(18px,1.5vw,23px)/1.4 Archivo,Arial,sans-serif;margin:0;max-width:440px;text-wrap:pretty}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.hero-actions a,.hero-actions button{padding:14px 18px;white-space:nowrap;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit}
.hero-actions a{background:#061b2033;color:inherit;border:1px solid rgba(246,245,233,.7)}
.hero-actions button{border:1px solid transparent;background:#28cec7;color:#0c0c0c;font-weight:700;min-height:44px}
.hero-actions button:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 .home .hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:28px;height:auto;min-height:max(580px,calc(100svh - var(--header-height,105px)))}
 .home .hero h1{order:1;align-self:flex-end;font-size:clamp(62px,14vw,92px);max-width:none}
 .hero-bottom{width:100%;gap:20px}
 .home .hero .hero-intro{font-size:18px;max-width:370px;padding:12px 14px;background:rgba(1,17,24,.22);border-radius:4px}
 .hero-actions{font-size:12px;letter-spacing:.03em;gap:10px}
 .hero-actions a,.hero-actions button{padding:13px 14px}
}
@media(max-width:360px){.home .hero h1{font-size:60px}.hero-actions{font-size:11px}.hero-actions a,.hero-actions button{padding:12px}}

@media(max-width:720px){
 .home .header{flex-wrap:nowrap;gap:12px;padding:14px 20px}
 .home .header nav{flex-wrap:nowrap;justify-content:flex-end;font-size:12px;letter-spacing:0;white-space:nowrap}
 .home .header nav a,.home .header nav .tour-trigger{padding:12px 6px}
}
@media(max-width:540px){
 .home .header{gap:8px;padding:12px 14px}
 .home .header .wordmark{font-size:18px}
 .home .header nav{font-size:11px}
 .home .header nav a,.home .header nav .tour-trigger{padding:12px 4px}
}
@media(max-width:360px){
 .home .header{padding-inline:10px}
 .home .header .wordmark{font-size:16px}
 .home .header nav{font-size:10px}
 .home .header nav a,.home .header nav .tour-trigger{padding-inline:3px}
}

@media(max-width:1100px){.redesign .design-53{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.redesign .design-53{grid-template-columns:1fr}}

/* Freediving introduction. */
.redesign .design-1{position:relative;isolation:isolate;min-height:720px;align-items:flex-start;padding-top:64px;color:#f6f5e9;background:#0b527e}
.redesign .intro-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.redesign .design-1::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,27,43,.48),rgba(3,27,43,.12) 55%,rgba(3,27,43,.65))}
.redesign .design-1 .design-6{color:inherit}
@media(max-width:740px){
 .redesign .design-1{min-height:880px;align-content:space-between;gap:200px;padding-top:56px;padding-bottom:48px}
 .redesign .intro-photo{object-position:48% 50%}
}

.work-phone-preview{display:none}
.experience-detail .design-52+.design-52{margin-top:16px}
@media(max-width:600px){
 .home .hero{min-height:calc(100svh - var(--header-height,68px));padding-top:100px}
 .redesign .design-1{min-height:620px;gap:100px;padding:32px 20px}
 .redesign .design-2{font-size:34px}
 .redesign .design-5{gap:12px}
 .redesign .design-33{padding:36px 20px 20px}
 .redesign .design-35{gap:20px;padding:16px 16px 32px}
 .redesign .design-38{order:-1;padding:18px;gap:12px}
 .redesign .design-40{font-size:28px}
 .redesign .design-39{gap:6px}
 .redesign .design-41{font-size:13px;line-height:1.45}
 .redesign .design-37{position:relative;aspect-ratio:3/2;margin:0 12px 12px;background:#e2d8c2}
 .redesign .design-37>picture{position:absolute;left:10px;top:12px;width:80%;height:auto;aspect-ratio:16/10;overflow:hidden;box-shadow:0 3px 14px #061b2026}
 .redesign .design-37>picture .design-25{object-fit:cover}
 .redesign .work-phone-preview{display:block;position:absolute;right:10px;bottom:10px;width:27%;height:auto;box-shadow:0 3px 14px #061b2040}
 .redesign .design-43 .design-44{order:-2;padding:18px 18px 0}
 .redesign .design-43>button{order:-1;margin:12px 18px 18px}
 .redesign [data-tour-software] .design-37{aspect-ratio:16/10}
 .redesign [data-tour-software] .design-37>picture{position:static;width:100%;height:100%;box-shadow:none}
 .redesign .design-47{padding:36px 20px 28px;gap:24px}
 .redesign .design-50{font-size:36px}
 .redesign .design-51{font-size:15px;line-height:1.6}
 .redesign .design-53{grid-template-columns:repeat(2,minmax(0,1fr))}
 .redesign .design-54{padding:20px 16px;gap:8px}
 .redesign .design-56{font-size:13px;line-height:1.6}
 .redesign .design-57{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:20px 16px}
 .redesign .agency-shot span{font-size:12px;line-height:1.4;margin-top:8px}
 .redesign .design-10,.redesign .design-21{padding:32px 20px;gap:16px}
 .redesign .design-11{font-size:36px}
 .redesign .design-24{min-height:0;height:210px}
 .redesign .design-26{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 20px;gap:16px}
 .redesign .design-29{font-size:26px}
 .redesign .design-30{font-size:12px}
 .redesign .design-59{padding:36px 20px}
 .redesign .design-60{gap:16px;margin-bottom:24px}
}

.redesign .design-36:hover{text-decoration:none}
.redesign .design-36:hover .design-40{text-decoration:underline;text-underline-offset:4px}

@media(max-width:720px){
 .home .header{gap:20px}
 .home .header nav{flex:1;min-width:0;justify-content:space-between;gap:6px;font:700 clamp(12px,3.5vw,14px)/1 'Archivo Narrow','Arial Narrow',sans-serif;letter-spacing:.015em}
 .home .header nav a,.home .header nav .tour-trigger{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 0}
}
@media(max-width:360px){.home .header{gap:10px}}
@media(max-width:480px){
 .home .header{flex-wrap:nowrap;gap:8px}
 .home .header nav{flex-basis:auto;gap:4px;font-size:clamp(10px,3vw,12px);letter-spacing:0}
}

@media(max-width:600px){
 .redesign .design-1{overflow:hidden}
 .redesign .intro-photo{inset:auto;top:50%;left:-37%;width:200%;max-width:none;height:auto;transform:translateY(-50%);object-fit:initial;mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}
}

.redesign .oroton-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:36px;background:#102d34}
.oroton-copy{display:flex;flex-direction:column;gap:14px;max-width:36em}
.oroton-copy h3{font:700 clamp(30px,3vw,42px)/1 'Archivo Narrow','Arial Narrow',sans-serif;text-transform:uppercase;margin:0}
.oroton-copy p{margin:0}
.oroton-copy>p:not(.design-49){font-size:16px;line-height:1.6}
.oroton-copy>a{align-self:flex-start;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.oroton-feature figure{margin:0;width:100%;max-width:440px;justify-self:end}
.oroton-feature img{display:block;width:100%;height:auto}
.oroton-feature figcaption{font-size:12px;color:#c0cbc9;margin-top:8px}
@media(max-width:600px){
 .redesign .oroton-feature{grid-template-columns:1fr;gap:20px;padding:28px 20px}
 .oroton-copy>p:not(.design-49){font-size:15px}
 .oroton-feature figure{max-width:none}
}

.lumara-results{display:flex;flex-direction:column;gap:6px;margin:0}
.lumara-results strong{font:700 30px/1 'Archivo Narrow','Arial Narrow',sans-serif;text-transform:uppercase}
.lumara-results span{font-size:14px}

.redesign .swaga-preview{display:grid;place-items:center;background:#d26b31;aspect-ratio:16/10}
.redesign .swaga-preview img{display:block;width:72%;max-width:395px;height:auto}
.redesign .work-coming-soon:hover .design-40{text-decoration:none}
@media(max-width:600px){
 .redesign .swaga-preview{aspect-ratio:3/2}
}

.redesign .work-coming-soon>.design-45{min-height:44px;align-self:flex-start;margin:0 22px 22px}
@media(max-width:600px){.redesign .work-coming-soon>.design-45{order:-1;margin:0 18px 18px}}

.redesign [data-tour-software]>.design-45{min-height:44px}

/* The hero's anemone returns along the bottom of the page. */
.redesign .site-footer{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:44px;padding:36px 36px clamp(160px,17vw,270px);background:#061b20;color:#f6f5e9}
.footer-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c0cbc9}
.footer-meta nav{display:flex;align-items:center;gap:32px}
.footer-meta a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.home .footer-wordmark{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;font-size:clamp(88px,12vw,184px);line-height:.86;letter-spacing:-.035em;text-align:right}
.footer-wordmark span+span{margin-top:6px}
.footer-wordmark:hover{text-decoration:none}
.site-footer a:focus-visible{outline-color:#28cec7}
.footer-anemone{position:absolute;z-index:0;pointer-events:none;bottom:0;left:0;width:100%;height:clamp(240px,29vw,440px);overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 20%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.65) 72%,rgba(0,0,0,.75) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 20%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.65) 72%,rgba(0,0,0,.75) 100%)}
.footer-anemone img{position:absolute;bottom:0;left:0;display:block;width:100%;height:200%;object-fit:cover;object-position:center bottom}
@media(max-width:600px){
 .redesign .site-footer{gap:36px;padding:24px 20px 180px}
 .footer-meta{align-items:flex-start;font-size:12px;gap:12px}
 .footer-meta>span{padding-top:15px;white-space:nowrap}
 .footer-meta nav{align-items:flex-end;flex-direction:column;gap:0}
 .home .footer-wordmark{font-size:clamp(76px,19vw,114px)}
 .footer-anemone{height:240px}
}

.work-heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.work-tour-button{min-height:44px;padding:14px 18px;border:1px solid transparent;background:#28cec7;color:#0c0c0c;font:700 13px var(--mono);text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.work-tour-button:hover{text-decoration:underline;text-underline-offset:4px}
.redesign .agency-role{display:block;margin-top:5px;font:11px/1.5 Archivo,Arial,sans-serif;color:#bac9ca;white-space:nowrap}
@media(max-width:600px){.redesign .design-57{grid-template-columns:1fr}.redesign .agency-role{font-size:clamp(10px,2.9vw,11px)}}
@media(max-width:600px){.redesign .agency-shot img{max-height:180px;object-fit:cover;object-position:top}}

.redesign .agency-more{margin:0 36px 24px}
.redesign .agency-more > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:600}
.redesign .agency-more > summary::-webkit-details-marker{display:none}
.redesign .agency-more > summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.redesign .agency-more > summary svg{transform:rotate(135deg);transition:transform .2s}
.redesign .agency-more[open] > summary svg{transform:rotate(-45deg)}
.redesign .agency-more .design-57{padding:12px 0;border:0}
.redesign .agency-shot img{aspect-ratio:16/9;object-fit:cover;object-position:top}
.redesign .agency-shot:hover span{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.redesign .agency-more{margin:0 16px 20px}.redesign .agency-more .design-57{padding:12px 0}}

.redesign .agency-shot{scroll-margin-top:100px}
.redesign .agency-shot span{margin-top:0;font-weight:600}
.redesign .agency-image{display:block;margin-top:12px;cursor:zoom-in}
.redesign .agency-scope,.redesign .agency-credit{display:block;margin-top:5px;font:11px/1.5 Archivo,Arial,sans-serif;color:#bac9ca}
.redesign .agency-credit{text-decoration:underline;text-underline-offset:3px}
.redesign .agency-shot:hover span{text-decoration:none}

.redesign .design-57{align-items:start}
.redesign .agency-shot>summary{display:block;cursor:pointer;list-style:none}
.redesign .agency-shot>summary::-webkit-details-marker{display:none}
.redesign .agency-shot>summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.redesign .agency-shot>summary img{margin-top:12px}
.redesign .agency-about-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font:12px/1.4 Archivo,Arial,sans-serif;color:#bac9ca}
.redesign .agency-about-toggle svg{transform:rotate(135deg)}
.redesign .agency-shot[open] .agency-about-toggle svg{transform:rotate(-45deg)}
.redesign .agency-about p{margin:12px 0 0;font:14px/1.6 Archivo,Arial,sans-serif;color:#f6f5e9}
.redesign .agency-shot{container-type:inline-size}
.redesign .agency-role{font-size:clamp(12px,4.7cqi,18px)}

.redesign .agency-about-toggle svg{transition:transform .26s cubic-bezier(.22,1,.36,1)}
.redesign .agency-shot[data-expanding="false"] .agency-about-toggle svg,.redesign .agency-more[data-expanding="false"]>summary svg{transform:rotate(135deg)}
@media(prefers-reduced-motion:reduce){.redesign .agency-about-toggle svg,.redesign .agency-more>summary svg{transition:none}}

/* Dark agency introduction above the sand-toned client gallery. */
.redesign #agency{background:#f3ead9;color:#0f2b33}
.redesign #agency>.design-47,.redesign #agency>.design-53{background:#061b20;color:#f6f5e9}
.redesign #agency .agency-about p{color:#0f2b33}
.redesign #agency .oroton-feature .design-49{color:#28cec7}
.redesign #agency .agency-role,.redesign #agency .agency-scope,.redesign #agency .agency-credit,.redesign #agency .agency-about-toggle,.redesign #agency .design-58{color:#4a6068}
.redesign #agency>.design-57{border-color:transparent}
.redesign #agency .oroton-feature{background:#102d34;color:#f6f5e9}

/* Keep the agency disclosure accessible while browsing the expanded clients. */
.redesign .agency-more{margin:0 0 24px}
.redesign .agency-more>summary{position:sticky;top:var(--header-height,85px);z-index:10;min-height:56px;padding:4px 36px;background:#ede2cc}
.redesign .agency-more-action{display:flex;align-items:center;gap:12px;white-space:nowrap}
.redesign .agency-more .agency-show-less{display:none}
.redesign .agency-more[open] .agency-show-more{display:none}
.redesign .agency-more[open] .agency-show-less{display:inline}
.redesign .agency-more[data-expanding="false"] .agency-show-more{display:inline}
.redesign .agency-more[data-expanding="false"] .agency-show-less{display:none}
.redesign .agency-more .design-57{padding:24px 36px}
@media(max-width:600px){.redesign .agency-more>summary{padding:4px 16px;font-size:13px;gap:8px;min-height:48px}.redesign .agency-more .design-57{padding:20px 16px}.redesign .agency-more-action{gap:8px}}

.redesign .agency-clients>.design-57{border-top:0}
.redesign .has-navigation>.agency-more>summary{display:none}
.redesign .agency-navigation{position:sticky;top:var(--header-height,85px);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:4px 36px;border:0;border-radius:0;background:#ede2cc;color:#0f2b33;font:600 14px Archivo,Arial,sans-serif;text-align:left;cursor:pointer}
.redesign .agency-navigation[hidden]{display:none}
.redesign .agency-navigation .agency-show-less{display:none}
.redesign .agency-navigation[aria-expanded="true"] .agency-show-more{display:none}
.redesign .agency-navigation[aria-expanded="true"] .agency-show-less{display:inline}
.redesign .agency-navigation svg{transform:rotate(135deg);transition:transform .26s}
.redesign .agency-navigation[aria-expanded="true"] svg{transform:rotate(-45deg)}
.redesign .agency-navigation:focus-visible{outline:2px solid #176a70;outline-offset:-4px}
@media(max-width:600px){.redesign .agency-navigation{padding:4px 16px;font-size:13px;gap:8px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.redesign .agency-navigation svg{transition:none}}

.redesign .agency-navigation[aria-expanded="false"]{position:relative;top:auto}

@media(max-width:720px){
 .redesign .lumara-story{grid-template-columns:1fr;background:#ede2cc;padding:32px 20px;gap:24px}
 .redesign .lumara-story>.design-24{order:-1}
 .redesign .lumara-story>.design-21{padding:0}
 .swaga-testimonial{padding:32px 20px;gap:24px}
 .swaga-testimonial>.testimonial-copy{order:-1;padding:0}
}

.redesign .agency-navigation,.redesign .agency-more>summary{background:#28cec7;color:#0c0c0c}

@media(max-width:540px){
  .home .hero-copy{
    display:flex;
    flex-direction:column;
    gap:18px;
    width:100%;
    padding:18px 16px;
    background:rgba(1,17,24,.34);
  }
  .home .hero h1{
    align-self:flex-start;
    width:100%;
    text-align:left;
  }
  .home .hero-bottom{
    gap:14px;
  }
  .home .hero .hero-intro{
    background:transparent;
    padding:0;
  }
}
