:root{--ink:#14241f;--muted:#53645e;--paper:#f7f3e9;--panel:#fffdf8;--line:#cad8d0;--deep:#075545;--leaf:#28765f;--sun:#f0bd51;--coral:#d97861;--shadow:0 28px 80px rgba(20,36,31,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:12px 16px;background:#fff}.skip-link:focus{top:12px}.start-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:76px;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid rgba(20,36,31,.12);background:rgba(247,243,233,.94);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;text-decoration:none}.brand-mark{width:38px;height:38px;background:url("/site/assets/brand/start-irie-mark.svg") center/contain no-repeat}.start-header nav{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:14px;font-weight:800}.start-header nav a{text-decoration:none}.start-header nav a:hover,.start-header nav a:focus-visible{color:var(--deep);text-decoration:underline;text-underline-offset:5px}.header-cta,.lane-action{font-weight:900}.header-cta{padding:12px 17px;border-radius:999px;background:var(--deep);color:#fff;text-decoration:none}.start-hero{position:relative;display:grid;justify-items:center;min-height:500px;padding:clamp(90px,12vw,170px) 20px 90px;text-align:center;overflow:hidden}.start-hero::before,.start-hero::after{position:absolute;border:1px solid rgba(7,85,69,.16);border-radius:50%;content:"";pointer-events:none}.start-hero::before{top:70px;left:-130px;width:360px;height:360px;animation:float 7s ease-in-out infinite alternate}.start-hero::after{right:-100px;bottom:-180px;width:470px;height:470px;animation:float 9s ease-in-out infinite alternate-reverse}.eyebrow{margin:0 0 20px;color:var(--leaf);font-size:12px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.start-hero h1,.fit-section h2{margin:0;letter-spacing:-.055em;line-height:.96}.start-hero h1{max-width:1000px;font-size:clamp(58px,8.4vw,126px)}.start-hero h1 span{position:relative;color:var(--deep);white-space:nowrap}.start-hero h1 span::after{position:absolute;right:0;bottom:-4px;left:0;height:9px;border-radius:10px;background:var(--sun);content:"";z-index:-1;transform:scaleX(0);transform-origin:left;animation:draw 700ms 350ms ease forwards}.hero-lead{max-width:760px;margin:32px auto 0;color:var(--muted);font-size:clamp(18px,2vw,23px);line-height:1.65}.scroll-cue{display:inline-flex;align-items:center;gap:9px;margin-top:34px;color:var(--deep);font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.scroll-cue span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;animation:nudge 1.8s ease-in-out infinite}.lane-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:var(--line)}.lane-card{display:grid;grid-template-rows:minmax(420px,52vw) auto;background:var(--panel);overflow:hidden}.lane-image{position:relative;display:block;overflow:hidden}.lane-image::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,30,24,.78));content:""}.lane-image img{width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.7,.2,1)}.lane-card:hover .lane-image img{transform:scale(1.035)}.lane-image>span{position:absolute;right:30px;bottom:24px;left:30px;z-index:1;color:#fff;font-size:14px;font-weight:850}.lane-copy{position:relative;padding:clamp(34px,5vw,72px);overflow:hidden}.lane-copy::after{position:absolute;right:-70px;bottom:-90px;width:190px;height:190px;border:1px solid currentColor;border-radius:50%;opacity:.14;content:"";transition:transform 500ms ease}.lane-card:hover .lane-copy::after{transform:scale(1.2)}.works-card .lane-copy{background:var(--deep);color:#fff}.life-card .lane-copy{background:var(--coral);color:#281b17}.lane-number{margin:0 0 42px;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.lane-copy h2{margin:0;font-size:clamp(48px,6vw,82px);letter-spacing:-.05em;line-height:.95}.lane-copy>p:not(.lane-number){max-width:620px;margin:24px 0 0;font-size:18px;line-height:1.6;opacity:.78}.lane-copy ul{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0;padding:0;list-style:none}.lane-copy li{padding:9px 12px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:800;opacity:.82}.lane-action{display:inline-flex;gap:9px;margin-top:10px;text-underline-offset:6px}.fit-section{display:grid;justify-items:center;padding:clamp(90px,12vw,170px) 20px;text-align:center}.fit-section h2{max-width:920px;font-size:clamp(48px,7vw,96px)}.fit-section>p:not(.eyebrow){max-width:800px;margin:30px auto 0;color:var(--muted);font-size:19px;line-height:1.7}.fit-path{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:40px;padding:17px 22px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:var(--shadow)}.fit-path a{color:var(--deep);font-weight:900;text-underline-offset:4px}footer{display:grid;grid-template-columns:1fr auto;gap:20px 50px;align-items:start;padding:54px clamp(20px,5vw,76px) 30px;background:var(--ink);color:#fff}.footer-brand .brand-mark{background-image:url("/site/assets/brand/start-irie-mark-light.svg")}footer p{grid-column:1;margin:0;color:rgba(255,255,255,.62)}footer nav{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(2,auto);gap:12px 30px}footer nav a{color:rgba(255,255,255,.78);text-decoration:none}footer nav a:hover{color:#fff;text-decoration:underline}footer small{grid-column:1/-1;margin-top:25px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.5)}
@keyframes draw{to{transform:scaleX(1)}}@keyframes nudge{50%{transform:translateY(4px)}}@keyframes float{to{transform:translate(28px,18px) scale(1.06)}}
@media(max-width:820px){.start-header{grid-template-columns:1fr auto}.start-header nav{display:none}.header-cta{font-size:12px}.start-hero{min-height:460px;padding-top:95px}.lane-grid{grid-template-columns:1fr}.lane-card{grid-template-rows:minmax(420px,72vw) auto}.fit-path{border-radius:24px}footer{grid-template-columns:1fr}footer nav{grid-column:1;grid-row:auto}}
@media(max-width:520px){.start-header{min-height:68px}.brand-mark{width:35px;height:35px}.header-cta{padding:10px 12px}.start-hero h1{font-size:clamp(52px,17vw,76px)}.start-hero h1 span{white-space:normal}.lane-card{grid-template-rows:390px auto}.lane-copy{padding:38px 24px}.lane-copy ul{display:grid}.fit-path{display:grid;width:100%;border-radius:18px}.fit-path>span:first-of-type{transform:rotate(90deg)}footer nav{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.start-hero h1 span::after{transform:scaleX(1)}}

/* Editorial motion for the two Start Irie lanes. */
.lane-card{position:relative}
.lane-card::before{position:absolute;top:0;right:0;left:0;z-index:3;height:4px;background:var(--sun);content:"";transform:scaleX(.08);transform-origin:left;animation:lane-scan 7s cubic-bezier(.2,.7,.2,1) infinite}
.life-card::before{animation-delay:1.25s}
.lane-image img{transform:scale(1.035);animation:lane-drift-works 12s ease-in-out infinite alternate}
.life-card .lane-image img{animation-name:lane-drift-life}
.lane-card:hover .lane-image img,.lane-card:focus-within .lane-image img{transform:scale(1.075)}
.lane-card:hover .lane-copy::after,.lane-card:focus-within .lane-copy::after{transform:translate(-12px,-8px) scale(1.2)}
.lane-action span{display:inline-block;animation:arrow-breathe 1.8s ease-in-out infinite}
@keyframes lane-scan{0%,12%{transform:scaleX(.08)}48%,72%{transform:scaleX(1)}100%{transform:scaleX(.08);transform-origin:right}}
@keyframes lane-drift-works{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-1.2%,.8%,0)}}
@keyframes lane-drift-life{from{transform:scale(1.045) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(1.2%,-.7%,0)}}
@keyframes arrow-breathe{50%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.lane-image img{transform:none}.lane-card::before{transform:scaleX(1)}}

/* Scroll and pointer-responsive photography: movement follows the visitor instead of looping in place. */
.lane-image[data-image-motion]::before{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at var(--shine-x,50%) 45%,rgba(255,255,255,.2),transparent 34%);content:"";opacity:0;pointer-events:none;transition:opacity 280ms ease}
.lane-image[data-image-motion]:hover::before,.lane-image[data-image-motion]:focus-visible::before{opacity:1}
.lane-image[data-image-motion] img{animation:none;transform:scale(1.07) translate3d(var(--image-x,0px),var(--image-y,0px),0);transition:transform 240ms cubic-bezier(.2,.7,.2,1);will-change:transform}
.lane-card:hover .lane-image[data-image-motion] img,.lane-card:focus-within .lane-image[data-image-motion] img{transform:scale(1.1) translate3d(var(--image-x,0px),var(--image-y,0px),0)}
@media(prefers-reduced-motion:reduce){.lane-image[data-image-motion] img,.lane-card:hover .lane-image[data-image-motion] img,.lane-card:focus-within .lane-image[data-image-motion] img{transform:none}.lane-image[data-image-motion]::before{display:none}}