@font-face{font-family:Inter;src:url(assets/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:MasonEditorial;src:url('assets/octolane-editorial.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:MasonMarist;src:url('assets/lassie-marist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:MasonDM;src:url('assets/lassie-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
html{font-size:10px;scroll-behavior:auto}body{background:#fff}.reference-nav{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;padding:4px;gap:4px;background:#efede6e6;backdrop-filter:blur(15px);border-radius:18px;font:14px/1.4 MasonDM,Arial,sans-serif;transition:opacity .3s,transform .4s}.reference-nav a{display:block;padding:10px 14px;border-radius:13px;background:#fff;color:#29251f;white-space:nowrap}.reference-nav nav{display:flex;gap:4px}.reference-nav .reference-brand{font-family:MasonMarist,Georgia,serif;font-size:20px;padding:6px 15px}.reference-nav .reference-contact{background:#29251f;color:#fff}.reference-nav.at-opening{opacity:0;transform:translate(-50%,-90px);pointer-events:none}.reference-nav:focus-within{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.octolane-intro{position:relative;height:360svh;color:#202020;--white-a14:#fff;--hx:0;--cx:0;font-family:Inter,Arial,sans-serif}
.octolane-intro #hero-canvas{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.octolane-intro .hero-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0 48px;flex-shrink:0;isolation:isolate}
.octolane-intro .spectrum{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 88% 12%,#fff0cf,transparent 65%),linear-gradient(155deg,#c4e0f3,#f6faf5 48%,#b6d8eb)}
.octolane-intro .hero-stagger{position:relative;z-index:5;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:840px;margin:auto;padding-top:9svh;padding-bottom:28px}
.octolane-intro .opening-wordmark{font:36px/1 MasonEditorial,Georgia,serif;letter-spacing:-.035em;color:#202020}.opening-wordmark span{font:10px/1 Inter,Arial,sans-serif;vertical-align:super;margin-left:3px}
.octolane-intro h1{font-family:MasonEditorial,Georgia,serif;font-size:clamp(48px,7.2vw,80px);font-weight:400;line-height:1.05;letter-spacing:-.015em;margin-top:auto;color:#202020}
.octolane-intro .opening-cta{margin-top:36px;display:flex;gap:24px;align-items:center;background:#202020;color:#fff;border-radius:999px;padding:11px 18px;font:500 15px/1.4 Inter,Arial,sans-serif;transition:transform .2s,background .2s}.opening-cta:hover{background:#373737;transform:translateY(-2px)}
.octolane-intro .learn-story{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:auto;padding-top:30px;font:11px/1.4 monospace;letter-spacing:.07em;color:#62666b}.learn-story span{height:38px;border-left:1px dotted #969a9f}
.octolane-intro .hero-notes-fade{position:absolute;inset:0;opacity:calc(1 - var(--hx)*2);pointer-events:none}.opening-note{position:absolute;font:10px/2 monospace;letter-spacing:.08em;color:#626974;opacity:.55}.note-top{top:50px;left:56px}.note-bottom{bottom:58px;left:56px}
.octolane-intro .hero-essay-window{position:absolute;inset:0;z-index:10;pointer-events:none;mask-image:linear-gradient(transparent 2%,#000 13%,#000 87%,transparent 98%)}
.octolane-intro #manifesto-scroller{position:absolute;left:0;right:0;top:100%;will-change:transform}
.octolane-intro #manifesto{width:100%;max-width:min(640px,76vw);padding:0 24px;margin:0 auto;color:#515359;font:400 17px/1.75 Inter,Arial,sans-serif;text-wrap:pretty}
#manifesto .manifesto-kicker{font:11px/1.4 monospace;letter-spacing:.08em;color:#646971;margin-bottom:30px}#manifesto h2{font:400 48px/1.08 MasonEditorial,Georgia,serif;letter-spacing:-.015em;color:#252525;margin-bottom:30px}#manifesto .story-lead{font-size:20px;line-height:1.65;margin-bottom:50px}.problem-lines{display:grid;gap:40px}.problem-lines p{border-top:1px solid #747c8338;padding-top:22px}.problem-lines strong{display:block;color:#252525;font:400 31px/1.2 MasonEditorial,Georgia,serif;margin-bottom:10px}.problem-lines span{display:block}#manifesto .manifesto-ending{font-size:22px;line-height:1.55;margin-top:64px;padding-bottom:30px}#manifesto .manifesto-ending strong{font-weight:500;color:#252525}.story-anchor{position:absolute;top:110svh}
.lassie-story{position:relative;height:570svh;background:#f9f8f5;color:#28241d;--font-heading:MasonMarist,Georgia,serif;--font-weight-thin:400;font-family:MasonDM,Arial,sans-serif}
.lassie-stage{height:100svh;width:100%;position:sticky;top:0;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;padding-top:80px}
.lassie-story .business-heading{font-family:MasonMarist,Georgia,serif;font-weight:400;line-height:1.05;letter-spacing:-.01em;text-align:center;width:80%;margin:0;z-index:1;will-change:transform,opacity}
.company-field{position:absolute;width:80%;max-width:1350px;left:50%;top:40%;transform:translateX(-50%);will-change:transform,opacity}.company-field svg{width:100%;height:auto;display:block}.company-dot{fill:#eae8dd}.company-active{fill:#302a23}
.belief-cards{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;pointer-events:none}
.belief-card{position:absolute;left:50%;top:50%;width:44.3%;max-width:766px;aspect-ratio:766/505;background:#fff;border-radius:16px;padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(-50%,110vh);will-change:transform,width,height;border:1px solid #f1efe8;text-align:center;overflow:hidden;box-shadow:0 5px 40px #33281804}
.belief-card p{font:400 clamp(28px,2.75vw,47px)/1.14 MasonMarist,Georgia,serif;letter-spacing:-.015em;max-width:625px;color:#28241d}.belief-card .card-number{position:absolute;top:26px;left:28px;font:12px/1.5 MasonDM,sans-serif;color:#928b7f}.card-baseline{position:absolute;left:28px;right:28px;bottom:28px;height:1px;background:#efede5}.card-3 p{font-size:clamp(38px,4vw,68px);max-width:none}.card-3{z-index:5;aspect-ratio:auto;height:min(29.21vw,505px)}
.belief-progress{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);display:flex;gap:8px;z-index:6}.belief-progress i{height:5px;width:5px;background:#d7d2c6;border-radius:50%;transition:background .15s}.belief-progress i.active{background:#302a23}
@media(min-width:1280px){.lassie-story .business-heading{font-size:clamp(51.8px,4.05vw,70px)}}
@media(min-width:640px) and (max-width:1279px){.belief-card{width:59.8%;max-width:613px;aspect-ratio:613/404;padding:34px}.belief-card p{font-size:34px}.card-3{height:min(39.4vw,404px)}.lassie-story .business-heading{font-size:clamp(48px,5.46vw,66px)}}
@media(max-width:639px){.reference-nav{top:10px;font-size:12px;max-width:calc(100% - 20px);gap:3px;border-radius:14px}.reference-nav a{padding:9px 10px;border-radius:10px}.reference-nav nav a:last-child{display:none}.reference-nav .reference-brand{font-size:19px;padding:6px 12px}.octolane-intro .hero-card{padding:0 24px}.octolane-intro .hero-stagger{padding-top:12svh;padding-bottom:25px}.octolane-intro h1{font-size:clamp(43px,10.7vw,64px);line-height:1.06}.octolane-intro .opening-wordmark{font-size:30px}.octolane-intro .opening-cta{font-size:14px;margin-top:29px}.opening-note{display:none}.octolane-intro .learn-story{font-size:10px;gap:12px}.octolane-intro #manifesto{max-width:100%;padding:0 28px;font-size:16px;line-height:1.7}#manifesto h2{font-size:36px}#manifesto h2 br{display:none}#manifesto .manifesto-kicker{font-size:9px;line-height:1.6;letter-spacing:.04em}#manifesto .story-lead{font-size:17px;margin-bottom:35px}.problem-lines{gap:29px}.problem-lines strong{font-size:28px}#manifesto .manifesto-ending{font-size:19px;margin-top:45px}.lassie-stage{padding-top:100px}.lassie-story .business-heading{font-size:40px;width:calc(100% - 36px);line-height:1.05}.business-heading br{display:none}.company-field{width:180%;top:48%;max-width:none}.belief-card{width:calc(100% - 42px);max-width:362px;aspect-ratio:362/400;padding:30px}.belief-card p{font-size:32px;line-height:1.13}.belief-card .card-number{font-size:11px;top:21px;left:22px}.card-baseline{left:22px;right:22px;bottom:23px}.card-3{height:400px}.card-3 p{font-size:43px}.lassie-story{height:530svh}}
/* A complete readable document without scroll effects, or without JavaScript. */
html:not(.opening-motion) .octolane-intro{height:auto}html:not(.opening-motion) #hero-canvas{height:auto;position:relative;overflow:visible}html:not(.opening-motion) .hero-card{height:auto;min-height:100svh;width:100%;transform:none;border-radius:0}html:not(.opening-motion) .hero-stagger{height:100svh;min-height:700px;flex:none}html:not(.opening-motion) .hero-essay-window{position:relative;mask-image:none;pointer-events:auto;padding:70px 0}html:not(.opening-motion) #manifesto-scroller{position:relative;top:auto}html:not(.opening-motion) .lassie-story{height:auto;padding:100px 0 80px}html:not(.opening-motion) .lassie-stage{height:auto;position:relative;overflow:visible;padding:0}html:not(.opening-motion) .company-field{display:none}html:not(.opening-motion) .belief-cards{position:relative;display:grid;gap:24px;width:100%;padding:50px 22px 0}html:not(.opening-motion) .belief-card{position:relative;left:auto;top:auto;transform:none!important;margin:auto;width:min(766px,100%);min-height:300px}html:not(.opening-motion) .card-3{height:400px}html:not(.opening-motion) .belief-progress{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-cta,.reference-nav{transition:none!important}}