*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#6565b0;color:#f5f3ee;font-family:Georgia,"Times New Roman",serif}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit}h1,h2,h3,.nav,.button{font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:700;letter-spacing:-.045em;line-height:1.02;margin:0}h2{font-size:clamp(38px,5.8vw,82px)}p{font-size:clamp(17px,2.1vw,29px);line-height:1.22;margin:24px 0}header{padding:18px 5%;display:flex;justify-content:space-between;gap:20px;font:13px Arial,sans-serif;background:#2e2d31}header a{text-decoration:none}header nav{display:flex;gap:24px}.hero{background:#2e2d31;min-height:650px;padding:80px 8% 65px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.hero h1{font-size:clamp(52px,8.6vw,118px);max-width:1100px;text-transform:uppercase}.hero p{font-size:clamp(15px,2.1vw,29px);margin-top:100px}.section{padding:76px 7.3%;max-width:1600px;margin:auto}.selected{display:grid;grid-template-columns:1fr 1.13fr;gap:60px;min-height:650px}.selected-left{display:flex;flex-direction:column;justify-content:space-between;color:#2e2d31}.selected-left p{font-size:25px;max-width:400px}.work-list{display:flex;flex-direction:column;justify-content:space-between;gap:30px}.work-link{display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:center;text-decoration:none}.work-link img{width:170px;height:150px;object-fit:cover;border-radius:22px}.work-link h3{font-family:Georgia,serif;font-size:29px;letter-spacing:0}.work-link small{display:block;font-size:18px;margin-top:8px}.about{position:relative;background:#38364a;overflow:hidden;min-height:650px}.about>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about:after{content:"";position:absolute;inset:0;background:#6565b050}.about .section{position:relative;z-index:1;min-height:650px;display:flex;flex-direction:column;justify-content:space-between}.about h2{text-transform:uppercase}.about p{align-self:flex-end;text-align:right;max-width:650px}.featured{min-height:650px}.feature-grid{display:grid;grid-template-columns:382px 1fr;gap:100px;align-items:center;margin-top:48px}.snow{position:relative}.snow video{display:block;width:100%;height:380px;object-fit:cover;border-radius:24px}.snow strong{position:absolute;left:8%;top:42%;font:bold 62px/.9 Arial,sans-serif;color:#f3c763;pointer-events:none;text-shadow:0 1px 4px #0003}.button{display:inline-block;padding:12px 25px;border:1px solid #e7d69d;border-radius:30px;text-decoration:none;font-size:15px;letter-spacing:0;font-weight:400}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;min-height:430px}.contact h2{text-transform:uppercase}.contact p{font-size:23px}.contact-links{display:flex;flex-wrap:wrap;gap:15px}footer{background:#2e2d31;padding:20px 7.3%;font:12px Arial,sans-serif;display:flex;justify-content:space-between}.page-top{padding:25px 7.3%;font:14px Arial,sans-serif}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start;min-height:650px}.split h1{font-size:clamp(44px,6.5vw,91px)}.split p{font-size:clamp(18px,2.1vw,29px)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pair figure{margin:0}.pair figcaption{margin-bottom:12px;font-size:22px}.zoom{border:0;background:transparent;padding:0;cursor:zoom-in;width:100%;display:block;color:inherit}.zoom img{width:100%;height:auto}.newsletter{grid-template-columns:1.55fr .8fr}.newsletter .pair{gap:15px}.newsletter figcaption{font-size:15px;margin-top:12px}.reel-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:55px}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reels figure{margin:0}.reels video{width:100%;height:auto;display:block;background:#333}.reels figcaption{font-size:16px;margin-top:10px}.posts p{font-size:22px}.post-grid,.cycling-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px;align-items:start}.post-grid img{width:100%;height:auto}.cycling h1{font-size:clamp(42px,7.5vw,105px)}.cycling p{font-size:clamp(18px,2.15vw,29px)}.cycling-grid .image-box{height:360px;display:flex;align-items:center}.cycling-grid img{width:100%;max-height:360px;object-fit:contain}.brand-photo{position:relative}.brand-photo .brand-logo{position:absolute;top:35%;left:0;max-height:none;width:100%}.design-intro img{border-radius:30px;width:100%;height:auto}.design-intro{grid-template-columns:1fr 1fr}.boards{background:white;color:#181818}.board-section{padding:40px 4%;max-width:1500px;margin:auto}.board-section h2{font:400 36px Georgia,serif;letter-spacing:0}.board-section p{font-size:15px;margin:10px 0 18px}.board-section .full-board{width:100%;height:auto}.board-grid{display:grid;grid-template-columns:1fr 1.1fr .92fr;gap:25px;align-items:center}.board-grid img{width:100%;height:auto}.board-section+.board-section{border-top:1px solid #eee}.board-section .baked-title{margin-bottom:8px}.white-body{background:white}dialog{border:0;padding:0;max-width:96vw;max-height:95vh;background:#f5f3ee}dialog::backdrop{background:#000d}dialog img{max-width:94vw;max-height:90vh;width:auto;height:auto;object-fit:contain}dialog button{position:absolute;right:10px;top:10px;border:0;border-radius:50%;width:42px;height:42px;background:#f5f3ee;color:#222;font:28px Arial;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #f3c763;outline-offset:5px}@media(max-width:750px){header{padding:18px 6%}header nav{gap:18px}.hero{min-height:410px;padding:65px 6% 45px}.hero h1{font-size:12vw}.hero p{margin-top:60px;line-height:1.4}.section{padding:45px 6%}.selected{grid-template-columns:1fr;gap:35px}.selected-left p{font-size:20px}.work-link{grid-template-columns:100px 1fr;gap:20px}.work-link img{width:100px;height:110px;border-radius:14px}.work-link h3{font-size:23px}.work-link small{font-size:15px}.about,.about .section{min-height:570px}.about p{max-width:100%;font-size:21px;text-align:left;background:#39375b9e;padding:18px;margin-top:100px}.about>img{object-position:35% center}.feature-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.snow{max-width:380px}.feature-grid p{font-size:21px}.contact{grid-template-columns:1fr;gap:15px;min-height:0}.contact p{font-size:20px}.split,.newsletter,.reel-layout{grid-template-columns:1fr;gap:32px;min-height:0}.split h1{font-size:54px}.split h2{font-size:46px}.split p,.reel-layout p{font-size:20px}.pair{gap:15px}.pair figcaption{font-size:18px}.reels{gap:10px}.reels figcaption{font-size:12px}.posts p{font-size:20px}.post-grid,.cycling-grid{grid-template-columns:1fr 1fr;gap:16px}.cycling-grid .image-box{height:auto}.cycling-grid img{max-height:none}.cycling-grid .brand-photo{height:100%}.cycling-grid .brand-photo>img:first-child{height:100%;object-fit:cover}.cycling h1{font-size:11vw}.board-section{padding:28px 5%}.board-section h2{font-size:28px}.board-grid{grid-template-columns:1fr}.board-section p{font-size:15px}.design-intro img{max-height:none}footer{line-height:1.5;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Reference export corrections */
.cycling-grid{gap:12px}.cycling-grid img{width:100%;height:auto;max-height:none;object-fit:contain}.cycling-grid button{align-self:start}.snow img{width:100%;height:auto;border-radius:24px}.portfolio-export{max-width:1040px;margin:0 auto;padding:0 0 35px;background:white}.portfolio-export img{width:100%;height:auto}.design-intro img{width:100%;height:auto}.selected h2{font-size:clamp(40px,6.2vw,85px)}.contact{min-height:420px}@media(max-width:750px){.portfolio-export{max-width:100%}.cycling-grid{gap:12px}.cycling-grid img{height:auto;object-fit:contain}.hero h1{font-size:12vw}.selected h2{font-size:50px}}

@font-face{font-family:'Open Sauce';src:url('assets/open-sauce-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Open Sauce';src:url('assets/open-sauce-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Lora;src:url('assets/lora-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lora;src:url('assets/lora-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Cy Grotesk';src:url('assets/cy-grotesk-v3-grand-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
/* Canva point sizes at the original 1366px design width: 71pt / 24pt. */
body{font-family:Lora,Georgia,serif}h1,h2,h3,.button,header,footer{font-family:'Open Sauce',Arial,sans-serif}.hero h1{font-family:'Open Sauce',Arial,sans-serif;font-weight:400;font-size:clamp(48px,6.93vw,94.6667px);text-transform:uppercase;letter-spacing:-.055em}.hero p{font-family:Lora,Georgia,serif;font-size:clamp(16px,2.3426vw,32px)}h2,.selected h2,.cycling h1,.split h1{font-family:'Open Sauce',Arial,sans-serif;font-size:clamp(40px,6.93vw,94.6667px);text-transform:uppercase;letter-spacing:-.045em}p,.split p,.reel-layout p,.cycling p{font-family:Lora,Georgia,serif;font-size:clamp(18px,2.3426vw,32px);line-height:1.2}.work-link h3{font-family:Lora,Georgia,serif;font-size:29px;font-weight:700;letter-spacing:0}.work-link small{font-family:'Open Sauce',Arial,sans-serif;font-size:18px;font-weight:400}.work-link img{width:170px;height:150px;object-fit:cover;object-position:center}.work-link[href='ridenshine.html'] img{height:auto;aspect-ratio:338 / 300;object-fit:contain;object-position:center}.selected-left p{font-size:clamp(20px,2.3426vw,32px)}.feature-grid{grid-template-columns:382px minmax(0,1fr);gap:85px}.snow{aspect-ratio:1 / 1;overflow:hidden;border-radius:24px}.snow video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:24px}.snow .snow-caption{font-family:'Cy Grotesk','Open Sauce',Arial,sans-serif;font-size:60px;line-height:.95;text-align:center;left:0;right:0;top:52%;display:none;color:#f3c763;text-shadow:none}.snow.playing .snow-caption{display:block}.contact p{font-size:clamp(19px,2.1vw,29px)}.newsletter h2{font-size:clamp(38px,6.3vw,86px)}.post-grid{align-items:start}.posts p{font-size:clamp(19px,2.1vw,29px)}.about p{font-size:clamp(19px,2.3426vw,32px);max-width:650px}.reel-layout{grid-template-columns:.8fr 1.6fr}.page-top{font-family:'Open Sauce',Arial,sans-serif}.page-top a{display:inline-block;margin-bottom:8px}.project-subnav{display:flex;flex-wrap:wrap;gap:12px 22px;font:13px 'Open Sauce',Arial,sans-serif;padding:18px 7.3%;border-bottom:1px solid #f5f3ee30}.project-subnav a{text-decoration:none}.white-body .project-subnav{color:#222;border-color:#ddd}.pair figcaption,.reels figcaption{font-family:Lora,Georgia,serif}.newsletter .pair figcaption{font-size:16px}
@media(max-width:750px){.hero h1{font-size:10.4vw}.hero{min-height:390px}.hero p{font-size:17px}.work-link h3{font-size:23px}.work-link small{font-size:14px}.work-link img{width:100px;height:88.8px}.work-link[href='ridenshine.html'] img{height:auto}.selected h2{font-size:48px}.selected-left p{font-size:20px}p,.split p,.reel-layout p,.cycling p,.about p{font-size:20px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-grid p{font-size:20px}.snow{max-width:382px}.snow .snow-caption{font-size:clamp(42px,15vw,60px)}.split h1{font-size:clamp(40px,10vw,60px)}.newsletter h2{font-size:48px}.reel-layout{grid-template-columns:1fr}.contact p{font-size:20px}.project-subnav{padding:16px 6%;font-size:12px}.about .section{min-height:620px}.about p{max-width:100%}}

/* Refinements from the supplied reference screenshots. */
h1,h2,.hero h1,.selected h2,.split h1,.cycling h1,.newsletter h2{font-family:'Open Sauce',Arial,sans-serif;font-weight:400;font-synthesis:none}.work-link h3{font-family:Lora,Georgia,serif;font-weight:700}.work-link[href='transfer4yo.html'] img{aspect-ratio:292 / 258;height:auto;object-fit:contain;object-position:center}.about{aspect-ratio:1094 / 615;min-height:0;background:#6565b0}.about>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.about:after{background:rgba(101,101,176,.40);box-shadow:inset 0 0 35px 8px rgba(101,101,176,.4)}.about .section{position:absolute;inset:0;min-height:0;padding-top:6%;padding-bottom:6%;display:flex;flex-direction:column;justify-content:space-between}.about p{background:none;padding:0;max-width:54%;font-size:clamp(18px,2.3426vw,32px);margin:0;text-align:right}.about h2{font-size:clamp(38px,6.93vw,94.6667px)}.design-intro{grid-template-columns:1fr 1fr;align-items:start}.design-intro>img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:28px}.board-section{padding:35px 4%;max-width:1366px}.board-section h2{font:400 32px 'Open Sauce',Arial,sans-serif}.board-section h2 small{font:400 13px Lora,Georgia,serif;color:#666;letter-spacing:0;text-transform:none}.board-section p{font:400 15px/1.4 Lora,Georgia,serif;margin:10px 0 20px}.board-section img{width:100%;height:auto;max-height:none;object-fit:contain}.board-grid{grid-template-columns:1fr 1.1fr .92fr;align-items:center}.boards{background:white}.boards .page-top{color:#222}.board-section .zoom{margin:0}dialog.tall{overflow:auto;max-height:95vh}dialog.tall img{max-height:none;width:min(94vw,1600px);max-width:none;height:auto}dialog button{z-index:2;position:sticky;float:right;margin-bottom:-42px;top:8px;right:8px}
@media(max-width:750px){.about{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}.about>img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain}.about:after{inset:0 0 auto;height:auto;aspect-ratio:1094 / 615;pointer-events:none}.about .section{position:relative;inset:auto;padding:32px 6%;min-height:0}.about h2{font-size:10vw}.about p{max-width:100%;text-align:left;margin-top:24px;font-size:20px}.board-grid{grid-template-columns:1fr}.board-section{padding:28px 5%}.board-section h2{font-size:27px}.board-section h2 small{display:block;margin-top:6px}.design-intro{grid-template-columns:1fr}.design-intro>img{max-width:920px;justify-self:center}.work-link[href='transfer4yo.html'] img{height:auto;aspect-ratio:292 / 258}}

@font-face{font-family:'Open Sauce';src:url('assets/open-sauce-medium.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
h1,h2,.hero h1,.selected h2,.split h1,.cycling h1,.newsletter h2,.about h2,.board-section h2{font-weight:500}

/* Preserve original image colour and high-resolution source detail. */
.work-link img,.pair img,.post-grid img,.cycling-grid img,.board-section img{filter:none;opacity:1;mix-blend-mode:normal}.work-link[href='transfer4yo.html'] img{width:170px;height:150px;aspect-ratio:auto;object-fit:cover;object-position:50% 80%}.work-link[href='ridenshine.html'] img{width:170px;height:150px;aspect-ratio:auto;object-fit:cover;object-position:center top}.newsletter .pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.newsletter figure{margin:0;min-width:0;display:flex;flex-direction:column}.newsletter .zoom{width:100%;height:auto;aspect-ratio:908 / 1478;background:#fff3e8;border:0;display:flex;align-items:flex-start;justify-content:center}.newsletter .zoom img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center top;display:block}.newsletter .pair figcaption{margin:12px 0 0;min-height:24px}.reels video{aspect-ratio:9 / 16;object-fit:cover}.snow video{aspect-ratio:1 / 1}.motion-ready [data-entrance]{opacity:0;transform:translate3d(0,var(--entry-y,-55px),0);transition:transform 1.5s cubic-bezier(.2,.65,.25,1),opacity 1.15s ease;transition-delay:var(--entry-delay,0ms);will-change:transform,opacity}.motion-ready [data-entrance].entered{opacity:1;transform:translate3d(0,0,0)}@media(max-width:750px){.work-link[href='transfer4yo.html'] img,.work-link[href='ridenshine.html'] img{width:100px;height:88.3px}.newsletter .pair{gap:12px}.newsletter .zoom{aspect-ratio:908 / 1478}}@media(prefers-reduced-motion:reduce){.motion-ready [data-entrance]{opacity:1;transform:none;transition:none}}
.newsletter .zoom{position:relative;overflow:hidden;flex:none}.newsletter .zoom img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center}.cycling-grid>.zoom{aspect-ratio:289 / 362;position:relative;overflow:hidden}.cycling-grid>.zoom>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.cycling-grid>.zoom:last-child>img{object-fit:contain}

/* Shared image canvas aligns Before and After without stretching either image. */
.instagram-grid h2{font-size:clamp(40px,6.35vw,86.75px)}.instagram-grid .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}.instagram-grid figure{margin:0;min-width:0}.instagram-grid figure>figcaption{line-height:1.3;margin:0 0 12px;min-height:29px}.instagram-grid .zoom{position:relative;width:100%;aspect-ratio:1 / 2;overflow:hidden;background:transparent}.instagram-grid .zoom img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.hero{margin-top:0}@media(max-width:750px){.instagram-grid .pair{gap:15px}.instagram-grid h2{font-size:48px}.instagram-grid figure>figcaption{font-size:18px;min-height:24px}}

/* Equal display frames keep the four posts on a common baseline. */
.post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.post-grid>.zoom{position:relative;aspect-ratio:4 / 5;width:100%;overflow:hidden}.post-grid>.zoom>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}#viewer{box-sizing:border-box;width:max-content;height:max-content;padding:0;border:0;margin:auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:transparent;overflow:auto}#viewer>img{display:block;margin:0;padding:0;border:0;width:auto;height:auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);object-fit:contain}#viewer>button{position:fixed;float:none;inset:12px 12px auto auto;z-index:5;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:50%;background:#f5f3ee;color:#222;line-height:42px}#viewer.tall>img{max-height:none;width:min(90vw,1600px);height:auto;max-width:calc(100vw - 40px)}@media(max-width:750px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.newsletter>div:last-child{text-align:right}.newsletter>div:last-child h2,.newsletter>div:last-child p{text-align:right}.newsletter>div:last-child p{margin-left:auto}

/* Shared 1366px composition: 100px left edge, 77px right edge. */
.marketing-page .section:not(.contact){width:100%;max-width:1366px;margin-left:auto;margin-right:auto;padding-left:7.320644%;padding-right:5.636896%;padding-top:min(5.622255vw,76.8px);padding-bottom:min(5.622255vw,76.8px);min-height:min(56.222548vw,768px)}.marketing-page .instagram-grid{grid-template-columns:minmax(0,480fr) minmax(0,646fr);column-gap:min(4.685212vw,64px)}.marketing-page .instagram-grid>div:first-child p{max-width:380px}.marketing-page .instagram-grid .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:min(2.196193vw,30px);margin-top:calc(-1 * min(2.708638vw,37px))}.marketing-page .instagram-grid figure>figcaption{font-size:clamp(15px,1.610542vw,22px);line-height:1.3;min-height:min(2.708638vw,37px);height:min(2.708638vw,37px);margin:0}.marketing-page .instagram-grid .zoom{aspect-ratio:1 / 2}.marketing-page .newsletter{grid-template-columns:minmax(0,830fr) minmax(0,340fr);column-gap:min(1.464129vw,20px);padding-top:0!important}.marketing-page .newsletter .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:min(1.098097vw,15px);margin:0}.marketing-page .newsletter .zoom{aspect-ratio:3 / 5}.marketing-page .newsletter>div:last-child{align-self:start;text-align:right}.marketing-page .newsletter h2{font-size:clamp(38px,6.295754vw,86px);line-height:1;text-align:right}.marketing-page .newsletter>div:last-child p{font-size:clamp(18px,2.342606vw,32px);line-height:1.2;text-align:right;margin-top:8px;margin-bottom:0}.marketing-page .newsletter .pair figcaption{font-size:clamp(14px,1.171303vw,16px);line-height:1.35;margin-top:12px}.marketing-page .reel-layout{grid-template-columns:minmax(0,330fr) minmax(0,836fr);column-gap:min(1.756955vw,24px)}.marketing-page .reels{grid-template-columns:repeat(3,minmax(0,1fr));gap:min(1.610542vw,22px)}.marketing-page .reel-layout p{font-size:clamp(18px,2.342606vw,32px);line-height:1.2;margin-top:14px}.marketing-page .reels video{width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover}.marketing-page .posts .post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:min(.732064vw,10px);margin-top:24px}.marketing-page .posts>p{font-size:clamp(18px,2.122987vw,29px);line-height:1.2;text-align:justify}.marketing-page .post-grid>.zoom{aspect-ratio:4 / 5}.marketing-page .page-top{max-width:1366px;margin:auto;padding-left:7.320644%;padding-right:5.636896%}
@media(max-width:750px){.marketing-page .section:not(.contact){padding:44px 6%;min-height:0}.marketing-page .instagram-grid,.marketing-page .newsletter,.marketing-page .reel-layout{grid-template-columns:1fr;gap:30px}.marketing-page .instagram-grid>div:first-child p{max-width:100%}.marketing-page .instagram-grid .pair{margin-top:0;gap:15px}.marketing-page .instagram-grid figure>figcaption{height:auto;min-height:24px;margin-bottom:8px;font-size:18px}.marketing-page .newsletter{padding-top:30px!important}.marketing-page .newsletter>div:last-child{grid-row:1}.marketing-page .newsletter h2{font-size:48px}.marketing-page .newsletter>div:last-child p,.marketing-page .reel-layout p{font-size:20px}.marketing-page .newsletter .pair{gap:12px}.marketing-page .newsletter .pair figcaption{font-size:14px}.marketing-page .reels{gap:12px}.marketing-page .posts .post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marketing-page .posts>p{font-size:20px;text-align:left}.marketing-page .page-top{padding-left:6%;padding-right:6%}}
@media(min-width:751px){.marketing-page .section:not(.contact),.marketing-page .page-top{padding-left:min(7.320644vw,100px);padding-right:min(5.636896vw,77px)}.marketing-page .newsletter{padding-bottom:min(3.660322vw,50px)}}

/* Match the activation screen crop in the supplied four-panel composition. */
.cycling-grid>.zoom:nth-child(3)>img{inset:auto;left:-31.521739%;top:-47.826087%;width:173.913043%;height:auto;max-width:none;max-height:none;object-fit:initial;object-position:initial}.cycling-grid>.zoom{aspect-ratio:4 / 5}.cycling h1{max-width:100%;overflow-wrap:normal}

/* Hide the pale bottom-edge strip embedded in the website screenshot. */
.cycling-grid>.zoom:nth-child(2)>img{height:101%;object-position:center top}

/* Crops measured against the supplied four-panel reference. */
.cycling-grid>.zoom:first-child>img:first-child{inset:auto;left:-3.596%;top:-51.89%;width:106.975%;height:auto;max-width:none;max-height:none;object-fit:initial}
.cycling-grid>.zoom:first-child>img.camp-logo{inset:auto;left:1.36%;top:34.43%;width:97.27%;height:auto;max-width:none;object-fit:contain;pointer-events:none}
.cycling-grid>.zoom:nth-child(3)>img{inset:auto;left:-34.333%;top:-56.343%;width:181.324%;height:auto;max-width:none;max-height:none;object-fit:initial}

/* Use the supplied exact crop, at its full original resolution. */
.cycling-grid>.zoom:nth-child(3)>img{inset:0;left:0;top:0;width:100%;height:100%;max-width:100%;max-height:none;object-fit:fill;object-position:center}

/* Vertical offsets use frame height; keep every rider's head in view. */
.cycling-grid>.zoom:first-child>img:first-child{top:-41.51%}
/* The supplied crop contains a thin pale edge on its right and bottom. */
.cycling-grid>.zoom:nth-child(3)>img{width:100.45%;height:100.45%;max-width:none}
#viewer>img[src$='activation-exact-crop.png']{clip-path:inset(0 3px 3px 0)}

/* Homepage poster crop ends above the date, retaining illustration and title. */
.activation-thumb{display:block;position:relative;width:170px;height:150px;border-radius:22px;overflow:hidden;background:#b98bed}
.work-link[href='ridenshine.html'] .activation-thumb img{position:absolute;left:-2.5%;top:0;width:105%;height:auto;max-width:none;aspect-ratio:auto;object-fit:initial;border-radius:0}
@media(max-width:750px){.activation-thumb{width:100px;height:88.3px;border-radius:14px}.work-link[href='ridenshine.html'] .activation-thumb img{width:105%;height:auto}}

/* Current FF&E reference: native headings with original-resolution artwork. */
.board-art.art-0{position:relative;overflow:hidden;aspect-ratio:1925 / 780}
.board-art.art-0>img{position:absolute;max-width:none;width:106.389610%;height:auto;left:-3.636364%;top:-25.000000%}
.board-art.art-1{position:relative;overflow:hidden;aspect-ratio:1140 / 695}
.board-art.art-1>img{position:absolute;max-width:none;width:179.649123%;height:auto;left:-38.596491%;top:-28.057554%}
.board-art.art-2{position:relative;overflow:hidden;aspect-ratio:1925 / 905}
.board-art.art-2>img{position:absolute;max-width:none;width:106.389610%;height:auto;left:-3.636364%;top:-20.994475%}
.board-art.art-3{position:relative;overflow:hidden;aspect-ratio:1935 / 860}
.board-art.art-3>img{position:absolute;max-width:none;width:105.839793%;height:auto;left:-3.359173%;top:-21.511628%}
.board-art.art-4{position:relative;overflow:hidden;aspect-ratio:1943 / 800}
.board-art.art-4>img{position:absolute;max-width:none;width:105.404014%;height:auto;left:-3.345342%;top:-22.500000%}
.art-2 .legacy-copy-mask{position:absolute;left:32.5%;right:0;top:87%;bottom:0;background:white;pointer-events:none}.board-section h2{font-family:"Open Sauce",Arial,sans-serif;font-weight:500}.board-section h2 small{color:#b4aba0}.board-section .project-description{margin-top:20px}

#viewer .board-preview{width:min(90vw,1200px);padding:24px;background:white;color:#222}#viewer .board-preview h2{font:500 clamp(20px,3vw,32px)/1.2 'Open Sauce',Arial,sans-serif;letter-spacing:0}#viewer .board-preview h2 small{font:400 13px Lora,serif;color:#b4aba0}#viewer .board-preview p{font:400 15px/1.4 Lora,serif;margin:10px 0 20px}#viewer .board-preview .board-art{width:100%;cursor:default}#viewer .board-preview .board-art img{max-height:none;object-fit:initial}#viewer>img[hidden]{display:none}

.work-link[href='design.html'] img{object-fit:cover;object-position:50% 55%}

/* Campaign examples retain their original post and story proportions. */
.marketing-page .promos{display:grid;grid-template-columns:minmax(0,330fr) minmax(0,836fr);column-gap:min(1.756955vw,24px);align-items:start}.promo-intro p{max-width:380px}.promo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.703125fr);gap:min(1.610542vw,22px);align-items:start}.promo-grid figure{margin:0;min-width:0}.promo-grid video{display:block;width:100%;height:auto;object-fit:contain}.promo-grid figure:first-child video{aspect-ratio:4 / 5}.promo-grid figure:last-child video{aspect-ratio:9 / 16}@media(max-width:750px){.marketing-page .promos{grid-template-columns:1fr;gap:30px}.promo-grid{gap:12px}.promo-intro p{max-width:100%}}