body{margin:0;background:#F3F0EA}
html,body{overscroll-behavior-x:none}
.s *{box-sizing:border-box}
.s{font-family:'Albert Sans',system-ui,sans-serif;font-weight:300;color:#22201D;background:#F3F0EA}
.cur{cursor:url(/assets/brand/cursor-dot.svg) 12 12,auto}
.cur a,.cur button,.cur label,.cur select{cursor:url(/assets/brand/cursor-link.svg) 20 20,pointer}
.cur .view,.cur .view *{cursor:url(/assets/brand/cursor-view.svg) 36 36,pointer}
.cur input,.cur textarea{cursor:text}
a{color:#22201D}a:hover{color:#6B655C}
.wrap{max-width:1440px;margin:0 auto;padding-left:56px;padding-right:56px}
.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 30px}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:32px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:64px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;row-gap:40px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:32px}
.pad{padding-top:152px;padding-bottom:152px}
.label{margin:0;font-size:13px;font-weight:500;letter-spacing:.02em;color:#22201D}
.muted{color:#6B655C}
.h-xl{font-size:56px;line-height:1.1;letter-spacing:-0.015em;font-weight:200}
.h-lg{font-size:44px;line-height:1.12;letter-spacing:-0.012em;font-weight:200}
.h-md{font-size:28px;line-height:1.3;font-weight:300}
.body{font-size:18px;line-height:1.65;color:#544E46}
.view{display:block;position:relative;overflow:hidden;background:#DDD6CA}
.ph{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.view:hover .ph{transform:scale(1.03)}
.frame{display:block;position:relative;overflow:hidden;background:#DDD6CA}
.tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:#6B655C}
.tag i{width:7px;height:7px;border-radius:50%;background:#B9AF9F;display:inline-block}
.tag.done i{background:#22201D}
.opening{position:relative;overflow:hidden;height:820px;background:#CFC7B9;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.cur .opening.pen-on{cursor:none}
.track{display:flex;width:600%;height:100%;will-change:transform}
.slide{position:relative;flex:0 0 16.6667%;height:100%;margin:0;overflow:hidden}
.slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.07);transition:transform 9s cubic-bezier(.2,.6,.2,1);pointer-events:none;-webkit-user-drag:none}
.slide.on img{transform:scale(1)}
.pen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:difference}
.ctrl{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #CFC7B9;border-radius:50%;background:transparent;color:#22201D;padding:0}
.ctrl:hover{border-color:#22201D}
.dot{display:inline-flex;align-items:center;height:44px;padding:0 4px;border:0;background:transparent}
.dot span{display:block;width:30px;height:2px;background:#CFC7B9;transition:background .4s}
.dot.on span{background:#22201D}
.marq{overflow:hidden;white-space:nowrap;border-top:1px solid #D8D1C5;border-bottom:1px solid #D8D1C5}
.marq-track{display:inline-flex;gap:0;animation:marq 70s linear infinite;padding:26px 0}
.marq-track span{font-size:56px;font-weight:200;letter-spacing:-0.01em;color:#22201D;padding-right:56px}
.marq-track b{font-weight:800;text-transform:uppercase;font-size:.42em;letter-spacing:.06em;vertical-align:.55em;padding-right:56px;color:#8A8276}
@keyframes marq{to{transform:translateX(-50%)}}
.tab{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 18px;border:1px solid #CFC7B9;border-radius:999px;background:transparent;color:#22201D;font-family:'Albert Sans',system-ui,sans-serif;font-size:15px;font-weight:400}
.tab sup{font-size:10px;color:#6B655C}
.tab:hover{border-color:#22201D}
.tab.on{background:#22201D;border-color:#22201D;color:#F3F0EA}
.tab.on sup{color:#CFC7B9}
.card.is-hidden{display:none}
.card .view{aspect-ratio:4 / 3}
.rv-pre{opacity:0;transform:translateY(28px)}
.rv-in{opacity:1;transform:none;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.field{width:100%;min-height:52px;padding:12px 0;border:0;border-bottom:1px solid #B5AC9E;border-radius:0;background:transparent;color:#22201D;font-family:'Albert Sans',system-ui,sans-serif;font-size:18px;font-weight:300}
.field::placeholder{color:#7A7368}
.pill{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid #C3BBAE;border-radius:999px;font-size:15px;background:#F3F0EA}
.pill:has(input:checked){background:#22201D;color:#F3F0EA;border-color:#22201D}
.dark a{color:#EDE8DF}.dark a:hover{color:#BDB5A6}
:focus-visible{outline:2px solid #22201D;outline-offset:4px}
.dark :focus-visible{outline-color:#EDE8DF}
@media (prefers-reduced-motion:reduce){.marq-track{animation:none}.slide img,.ph{transition:none}.slide.on img,.view:hover .ph{transform:none}}
@media (max-width:960px){
.wrap{padding-left:16px;padding-right:16px}
.g12 > *{grid-column:1 / -1 !important}
.g3,.g2{grid-template-columns:minmax(0,1fr)}
.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.pad{padding-top:96px;padding-bottom:96px}
.h-xl{font-size:36px}
.h-lg{font-size:31px}
.h-md{font-size:22px}
.opening{height:auto;aspect-ratio:16 / 9}
.marq-track span{font-size:36px;padding-right:32px}
.marq-track b{padding-right:32px}
.tall{height:380px !important}
.mid{height:300px !important}
.band{height:auto !important;aspect-ratio:4 / 3}
.band .wrap{padding-top:28px !important}
.band p{font-size:28px !important}
.hide-sm{display:none !important}
.first-sm{order:-1}
}
@media (max-width:520px){
.g4{grid-template-columns:minmax(0,1fr)}
.band p{font-size:24px !important}
.tall{height:300px !important}
}

/* Added for the live site */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
section[id],footer{scroll-margin-top:84px}
.skip{position:absolute;left:16px;top:-80px;z-index:60;padding:12px 18px;border-radius:999px;background:#22201D;color:#F3F0EA;font-size:15px;font-weight:500;text-decoration:none}
.skip:focus{top:12px;color:#F3F0EA}
.vh{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ico-play{display:none}
.is-paused .ico-play{display:block}
.is-paused .ico-pause{display:none}
.form-status{margin:0;font-size:16px;line-height:1.6;min-height:1.6em}
.form-status.ok{color:#22201D}
.form-status.err{color:#8A2E1E}
.field:user-invalid{border-bottom-color:#8A2E1E}
.small-print{margin:0;font-size:13px;line-height:1.6;color:#6B655C}
.small-print a{color:#6B655C;text-underline-offset:4px}
.prose{max-width:760px}
.prose h2{margin:56px 0 12px;font-size:24px;font-weight:300;line-height:1.3}
.prose p,.prose li{font-size:17px;line-height:1.7;color:#544E46}
.prose ul{padding-left:20px}
