/* The approved Apple/Bellroy system: clear type, actual work, useful detail. */
@font-face{font-family:"Schibsted Grotesk";src:url('../fonts/schibsted-grotesk-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--color-paper:#fff;--color-paper-2:#f5f5f7;--color-paper-3:#ecefee;--color-ink:#202522;--color-ink-2:#303733;--color-muted:#5b645f;--color-accent:#075e57;--color-focus:#075e57;--color-accent-soft:#e7f1ed;--color-accent-soft-ink:#194d43;--font-display:"Schibsted Grotesk",sans-serif;--font-body:var(--font-display);--w-grid:1200px;--w-wide:1280px;--gutter:40px;--pad-y:80px;--header-h:68px;--display-weight:650}
body{font-size:17px;line-height:1.6}.h1,.h1-hero{font-size:clamp(42px,5.1vw,68px);line-height:1.05;letter-spacing:-.045em;font-weight:650}.h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-.035em;font-weight:650}.lead,.hero-lead{font-size:19px;line-height:1.6}.h2-poster{font-size:40px}.wordmark{font-weight:650;font-size:25px}.site-header{border:0}.hdr{max-width:1280px}.nav{gap:28px}.nav a,.f-nav a{font-size:15px}.pill{font-size:15px;font-weight:600;border:0;min-height:48px}.pill-ink,.hdr-cta{background:var(--accent);color:#fff}.pill-ink:hover,.hdr-cta:hover{background:#064a44;color:#fff}.pill-ghost{background:var(--cream)}.pill-sm{min-height:44px}.drawer{background:var(--paper);color:var(--ink)}.drawer :focus-visible{outline-color:var(--accent)}.drawer nav a{border:0}.burger,.drawer-close{background:var(--cream);border:0}
.hero{padding-block:48px 64px}.hero-in{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center;justify-items:center}.hero-in>div{display:grid;justify-items:center}.hero h1{max-width:20ch}.hero-lead{max-width:48ch}.hero .actions{justify-content:center;margin-top:20px}.hero-meta{font-size:15px}.hero-in .hero-meta{margin-top:16px!important}.lanes-wrap{margin-top:40px;gap:24px;grid-template-columns:minmax(0,3fr) minmax(180px,1fr)}.lanes{max-height:320px;gap:16px}.lane-track{height:276px;border:0;background:var(--cream)}.lane-tag{font-size:15px}.lane-yours{border:0;padding:28px}.ly-text{font-size:16px}.ly-title{font-weight:650}.ly-link{color:var(--accent)}.hero-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;border:0;margin-top:36px}.hero-project{grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 0;border-bottom:1px solid var(--hair);min-height:88px}.hero-project>span:first-child{display:none}.hero-project strong{font-size:18px}.hero-project small{text-align:left;font-size:14px;max-width:none}.hero>p.hero-meta{margin-top:24px!important;max-width:none}
.bg-ink,.on-ink{background:var(--cream);color:var(--ink)}.on-ink .lead{color:var(--ink)}.on-ink .label,.on-ink .note,.on-ink .hint{color:var(--muted)}.on-ink a:not(.pill):hover,.bg-ink a:not(.pill):hover{color:var(--accent)}.on-ink :focus-visible{outline-color:var(--accent)}.marquee{padding-block:24px}.mq-set{justify-content:center;gap:12px 28px}.mq-set li{font-size:15px}.head{margin-bottom:36px;gap:16px}.head .label{font-size:15px}.concept-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.concept-preview-grid>a{display:grid;gap:12px;text-decoration:none;align-content:start}.concept-preview-grid strong{font-size:23px;font-weight:650}.concept-preview-grid>a>span:last-child{color:var(--accent);font-size:16px}.shot,.phone{border:0}.rows{gap:36px 64px}.rows li{border:0;padding:0;gap:16px;align-content:start}.rows li::before{content:none}.rows h3{font-size:26px;font-weight:600}.rows p{font-size:17px}.yl-head .h2{max-width:22ch}.yl-head{margin-bottom:12px}.lane-form .field input{background:var(--paper);color:var(--ink);border-color:var(--muted)}.lane-form .hint{color:var(--muted)}.lane-form :focus{outline-color:var(--accent)}.lane-mock{border:0;background:var(--paper)}.swatches label{border-color:var(--muted)}.swatches label:has(:checked){background:var(--accent);color:#fff}.swatches label:has(:focus-visible){outline-color:var(--accent)}.pill-hi,.pill-accent{background:var(--accent);color:#fff}.pill-hi:hover,.pill-accent:hover{background:#064a44;color:#fff}.pill-ghost-dark{background:var(--paper);color:var(--ink)}.pill-ghost-dark:hover{background:var(--hi);color:var(--ink)}.yl-act{gap:16px}.lm-h{font-weight:650}.field label{font-size:16px}.field .opt{font-size:15px}.plist{border:0}.plist dd{font-size:24px;font-weight:600;letter-spacing:-.025em}.plist dt span,.note,.hint,.form-note{font-size:15px}.plist>div:first-child{padding-top:0}
.phead{padding-block:56px}.phead-in{gap:28px 64px;align-items:center}.phead .label{font-size:15px}.wrows{gap:80px}.wrow{border:0;padding:0;gap:48px;align-items:center}.wrow h2{font-size:36px;font-weight:650}.wrow-text{gap:20px}.wrow-dl{font-size:16px}.wrow-line{font-size:18px}.wdl{border:0}.wdl>div{border:0;padding-block:8px}.wdl dt{font-size:15px}.wrow-media{gap:16px}.wrow-media .phone{max-height:180px}.wrow-media .work-film{margin-top:8px}.wrow-media:has(.work-film){grid-template-columns:minmax(0,1fr)}.wrow-media:has(.work-film) .work-film{max-width:270px;justify-self:end}.facts6{border:0}.facts6>div{border:0}.facts6 dt{font-size:15px}.facts6 dd{font-size:17px}.tiles{gap:24px}.tile-set{gap:18px}.tile-set figure{border:0}.panel{border:0;background:var(--cream);min-height:440px}.tab{border:0;border-radius:8px;padding:16px;font-size:17px}.tab::before{content:none}.tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.panel-title{font-size:34px}.panel-count{font-size:15px}.tablist{gap:8px}.pkg{border-bottom:0;gap:64px}.pkgs{border:0}.pkg+.pkg{border-top:1px solid var(--hair)}.pkg h2{font-size:36px}.pkg-not,.pkg-price span{font-size:15px}.form-card{border:0;padding:32px;background:var(--cream)}.contact{gap:40px 64px;padding-top:56px}.close{padding-block:64px}.close-in{gap:24px 48px}.close h2{font-size:38px}.close-mail{font-size:clamp(24px,3.1vw,40px);color:var(--accent);font-weight:600}.close p{font-size:18px}.close .actions{gap:16px}.footer{border:0;padding-top:48px}.f-details{font-size:15px;line-height:1.7}.f-details h2{font-size:16px}.f-last{border:0;background:var(--cream);padding:20px;border-radius:8px}.f-nav{gap:24px}.toc a,.toc h2{font-size:15px}.prose{font-size:17px}.p404-num{font-size:96px}
@media(prefers-reduced-motion:no-preference){.hero-in{animation:northlane-enter .5s var(--ease-out) both}.hero .lane-track img:first-child{animation:page-glimpse 3.9s var(--ease-in-out) both}.js [data-reveal].is-in{animation:northlane-enter .45s var(--ease-out) both}.faq-list details[open]>p{animation:northlane-enter .26s var(--ease-out) both}@keyframes northlane-enter{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(max-width:899px){:root{--gutter:28px;--pad-y:64px}.hero{padding-top:36px}.lanes-wrap{grid-template-columns:minmax(0,1fr)}.lane-yours{display:block;padding:22px}.ly-in{grid-template-columns:1fr auto;align-items:center}.ly-title,.ly-text{grid-column:1}.ly-link{grid-column:2;grid-row:1/3}.hero-index{grid-template-columns:repeat(2,minmax(0,1fr))}.phead-in{gap:24px}.wrow{gap:28px}.wrow-media{grid-row:1}.wrow-text{grid-row:2}.contact{gap:32px}.close-in{gap:22px}.pkg{gap:28px}.concept-preview-grid{gap:20px}.concept-preview-grid strong{font-size:20px}}
@media(max-width:639px){:root{--gutter:24px;--header-h:64px;--pad-y:56px}.wordmark{font-size:22px}.hero{padding-block:32px 44px}.hero h1{font-size:42px;max-width:17ch}.hero-lead{font-size:18px;max-width:31ch}.hero-in{gap:16px}.lanes{gap:8px;max-height:220px}.lane-track{height:174px;border-radius:8px}.lane-tag{font-size:13px}.lane-tag small{font-size:12px}.lanes-wrap{margin-top:32px;gap:20px}.hero-index{gap:8px 24px;margin-top:24px}.hero-project{grid-template-columns:minmax(0,1fr);min-height:84px}.hero-project strong,.hero-project small{grid-column:auto;font-size:16px}.hero-project small{font-size:13px}.hero-meta{font-size:14px}.mq-set{justify-content:flex-start;gap:12px 20px}.mq-set li{font-size:14px}.h2{font-size:34px}.rows{grid-template-columns:minmax(0,1fr);gap:32px}.rows h3{font-size:24px}.concept-preview-grid{grid-template-columns:minmax(0,1fr);gap:32px}.concept-preview-grid strong{font-size:24px}.yl-head .h2{font-size:32px}.lm-body{padding:32px 24px}.lane-mock{min-height:340px}.form-card,.panel{padding:24px}.contact{padding-top:36px}.contact .h1,.phead .h1{font-size:40px}.phead{padding-block:36px}.wrow h2{font-size:32px}.wrows{gap:64px}.wrow .shot{aspect-ratio:16/10}.close{padding-block:48px}.close h2{font-size:34px}.close-mail{font-size:25px}.close .actions{gap:12px}.f-nav{gap:8px 20px}.footer{padding-top:40px}.pkg h2{font-size:32px}.tab{font-size:15px;padding:12px 8px}.panel-title{font-size:30px}.panel-grid{gap:24px}.plist dd{font-size:23px}.tile-set{gap:12px}.wrow-media:has(.work-film) .work-film{max-width:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Script failure must never conceal the studio's content. */
.js [data-reveal],.js [data-uncover] img{opacity:1;transform:none}
@media(max-width:639px){.lane-tag{min-height:62px}}

/* A tone change gives Plus emphasis without implying popularity. */
.pkg-plus{background:var(--color-accent-soft);padding-inline:28px;border-radius:12px}.pkg-emphasis{color:var(--color-accent-soft-ink);font-weight:650}.pkg-price strong{font-size:clamp(26px,2.7vw,32px)}
@media(max-width:639px){.pkg-plus{padding-inline:20px}}
