[data-sections] section[id],[data-sections] [id]:target{scroll-margin-top:calc(var(--header-h) + var(--sp-5))}[data-sections] .sec-hero{align-items:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}[data-sections] .sec-grid{pointer-events:none;background-image:repeating-linear-gradient(to right, var(--line-dark) 0 1px, transparent 1px calc(100% / 24));opacity:0;animation:sec-grid-in var(--dur-slow) var(--ease) .2s forwards;position:absolute;inset:0}@keyframes sec-grid-in{to{opacity:.5}}@media (max-width:768px){[data-sections] .sec-hero{min-height:88dvh}[data-sections] .sec-grid{background-image:repeating-linear-gradient(to right, var(--line-dark) 0 1px, transparent 1px calc(100% / 12))}}[data-sections] .sec-cue{width:1px;height:var(--sp-6);background:linear-gradient(to bottom, var(--room-text-3), transparent);transform-origin:top;animation:sec-cue var(--dur-helix-drift-1,2.6s) var(--ease-io) infinite}[data-sections] .sec-hero .hx-hero-h1{font-size:var(--fs-hero-svc)}@keyframes sec-cue{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}[data-sections] .sec-stack{--sec-stack-top:calc(var(--header-h) + var(--sp-4))}[data-sections] .sec-stack-card{top:var(--sec-stack-top);position:sticky}@media (max-width:900px),(prefers-reduced-motion:reduce){[data-sections] .sec-stack-card{position:static}}[data-sections] .sec-hacc{gap:var(--card-gap);flex-direction:column;display:flex}@media (min-width:1100px){[data-sections] .sec-hacc{flex-direction:row;align-items:stretch;min-height:32rem}[data-sections] .sec-hacc-panel{min-width:0;transition:flex-grow var(--dur) var(--ease-io);flex:0 auto;position:relative}[data-sections] .sec-hacc-panel[data-open=true]{flex-grow:58}[data-sections] .sec-hacc-panel[data-open=false]{flex-grow:6}[data-sections] .sec-hacc-panel[data-open=false] .sec-hacc-head{writing-mode:vertical-rl;padding-block:var(--sp-4);justify-content:flex-start;align-items:center}[data-sections] .sec-hacc-panel[data-open=false] .sec-hacc-name{font-size:var(--fs-lead);flex:none}[data-sections] .sec-hacc-panel[data-open=false] .sec-hacc-mark{display:none}[data-sections] .sec-hacc-panel[data-open=false] .sec-hacc-body{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}[data-sections] .sec-ribbon{--sec-ribbon-dur:42s}[data-sections] .sec-ribbon-track{gap:var(--sp-6);width:max-content;animation:sec-ribbon-l var(--sec-ribbon-dur) linear infinite;display:flex}[data-sections] .sec-ribbon-track[data-dir=right]{animation-name:sec-ribbon-r}[data-sections] .sec-ribbon:hover .sec-ribbon-track,[data-sections] .sec-ribbon:focus-within .sec-ribbon-track{animation-play-state:paused}@keyframes sec-ribbon-l{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes sec-ribbon-r{0%{transform:translate(-50%)}to{transform:translate(0)}}[data-sections] .sec-ribbon-note{opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transform:translateY(4px)}[data-sections] .sec-ribbon-item:hover .sec-ribbon-note,[data-sections] .sec-ribbon-item:focus-within .sec-ribbon-note{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){[data-sections] .sec-ribbon-track{flex-wrap:wrap;width:100%;animation:none}[data-sections] .sec-ribbon-dupe{display:none}[data-sections] .sec-ribbon-note{opacity:1;transform:none}}[data-sections] .sec-media{background:repeating-linear-gradient(to right, var(--line-2) 0 1px, transparent 1px 12.5%), linear-gradient(140deg, var(--wash-2), var(--wash));position:relative;overflow:hidden}[data-sections] .sec-dogs-photo{inset:0 0 var(--sp-8) 0;opacity:0;animation-duration:calc(var(--sec-dog-hold,3.6s) * var(--sec-dog-n,1));animation-delay:calc(var(--sec-dog-hold,3.6s) * var(--sec-dog-i,0));animation-timing-function:var(--ease);animation-iteration-count:infinite;animation-fill-mode:none;position:absolute}[data-sections] .sec-media-frame[data-count="1"] .sec-dogs-photo{opacity:1;animation:none}[data-sections] .sec-media-frame[data-count="2"] .sec-dogs-photo{animation-name:sec-dogs-2}[data-sections] .sec-media-frame[data-count="3"] .sec-dogs-photo{animation-name:sec-dogs-3}[data-sections] .sec-media-frame[data-count="4"] .sec-dogs-photo{animation-name:sec-dogs-4}[data-sections] .sec-media-frame[data-count="5"] .sec-dogs-photo{animation-name:sec-dogs-5}[data-sections] .sec-media-frame[data-count="6"] .sec-dogs-photo{animation-name:sec-dogs-6}@keyframes sec-dogs-2{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes sec-dogs-3{0%,28%{opacity:1}33%,95%{opacity:0}to{opacity:1}}@keyframes sec-dogs-4{0%,20%{opacity:1}25%,96%{opacity:0}to{opacity:1}}@keyframes sec-dogs-5{0%,15%{opacity:1}20%,97%{opacity:0}to{opacity:1}}@keyframes sec-dogs-6{0%,13%{opacity:1}16.6%,97%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-sections] .sec-dogs-photo{opacity:0;animation:none}[data-sections] .sec-dogs-photo:first-child{opacity:1}}[data-sections] .sec-rail{gap:var(--sp-4);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow-x:auto}[data-sections] .sec-rail::-webkit-scrollbar{display:none}[data-sections] .sec-rail>*{scroll-snap-align:center;flex:0 0 92%;position:relative}@media (min-width:640px){[data-sections] .sec-rail>*{flex:0 0 46%}}@media (min-width:1024px){[data-sections] .sec-rail{grid-template-columns:repeat(var(--sec-rail-cols,4), minmax(0, 1fr));gap:var(--card-gap);scroll-snap-type:none;margin-inline:0;padding-inline:0;display:grid;overflow-x:visible}[data-sections] .sec-rail>*{flex:initial}}[data-sections] .sec-media-frame{box-sizing:content-box;aspect-ratio:4/5;padding-bottom:var(--sp-8);border-radius:var(--r-card);position:relative;overflow:hidden}[data-sections] .sec-media-frame:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(to bottom, transparent 0%, transparent 42%, color-mix(in srgb, var(--bg) 14%, transparent) 52%, color-mix(in srgb, var(--bg) 34%, transparent) 61%, color-mix(in srgb, var(--bg) 58%, transparent) 70%, color-mix(in srgb, var(--bg) 80%, transparent) 79%, color-mix(in srgb, var(--bg) 93%, transparent) 88%, var(--bg) 100%);position:absolute;inset:0}[data-sections] .sec-card-text{z-index:2;margin-top:calc(var(--sp-8) * -1.15);margin-inline:var(--sp-5) var(--sp-4);position:relative}[data-sections] .sec-card-avatar{object-fit:cover;border-radius:50%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-sections] .sec-rise{animation:sec-rise both var(--ease-io);animation-timeline:view();animation-range:entry 5% cover 26%}}}@keyframes sec-rise{0%{opacity:0;transform:translateY(var(--sp-4))}to{opacity:1;transform:none}}
