.hara{min-height:100%}.hara-chrome{position:fixed;top:0;left:0;right:0;z-index:var(--header-z);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem var(--space-page-x);padding-top:calc(.85rem + env(safe-area-inset-top));pointer-events:none}.hara-chrome__start,.hara-chrome__nav,.hara-chrome .lang,.hara-chrome .lang__btn,.hara-back{pointer-events:auto}.hara-chrome .lang{display:flex;align-items:center;gap:.55rem}.hara-chrome .lang__btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);font-size:.72rem;font-weight:450;letter-spacing:.14em;text-transform:lowercase;color:var(--color-text-muted);transition:color var(--duration-micro) var(--ease-ui)}.hara-chrome .lang__btn[aria-pressed=true]{color:var(--color-text)}.hara-chrome .lang__rule{width:.85rem;height:1px;background:var(--color-line)}.hara-back{display:inline-flex;align-items:center;gap:.45rem;min-height:var(--touch-min);font-size:.72rem;font-weight:450;letter-spacing:.14em;text-transform:lowercase;color:var(--color-text)}.hara-back__mark{color:var(--color-text-muted);letter-spacing:0}html.can-hover .hara-chrome .lang__btn:hover,html.can-hover .hara-back:hover{color:var(--color-text)}.hara-main{position:relative;z-index:var(--content-z);padding:calc(var(--nav-offset) + .75rem) 0 calc(4.5rem + env(safe-area-inset-bottom))}.hara-mosaic{--hara-gutter: clamp(.65rem, 1.2vw, 1.1rem);--hara-breath: clamp(1.75rem, 5vh, 3.5rem);--hara-breath-lg: clamp(2.75rem, 8vh, 5.5rem);display:grid;grid-template-columns:1fr;column-gap:var(--hara-gutter);row-gap:var(--hara-gutter);align-items:start;padding:0 var(--space-page-x)}.hara-intro{display:flex;flex-direction:column;align-items:flex-start;gap:.95rem;padding:.85rem 0 1.25rem}.hara-intro__eyebrow{font-size:.72rem;font-weight:450;letter-spacing:.14em;text-transform:lowercase;color:var(--color-text-muted)}.hara-intro__title{font-family:var(--font-display);font-weight:420;font-optical-sizing:auto;font-size:clamp(2.55rem,9vw,4.2rem);line-height:.98;letter-spacing:-.035em;max-width:12ch}.hara-intro__body{max-width:32ch;margin-top:.2rem;font-size:clamp(1.02rem,2.4vw,1.12rem);font-weight:380;line-height:1.45;letter-spacing:.01em;color:var(--color-text-muted)}.hara-shot{position:relative;margin:0;width:100%;min-width:0}.hara-shot__picture{display:block;width:100%;aspect-ratio:var(--hara-ar, auto);background:var(--color-bg-soft)}.hara-shot__img{display:block;width:100%;height:auto}@media(max-width:767px){.hara-mosaic{row-gap:clamp(1.35rem,4.5vh,2.25rem)}.hara-intro{padding-bottom:.35rem}.hara-shot--rain,.hara-shot--snow,.hara-shot--dusk{margin-top:.35rem}.hara-shot--lake{margin-top:.5rem}.hara-shot--cliff{width:92%;justify-self:end}.hara-shot--road{width:78%;justify-self:start}.hara-shot--dirt{width:94%;justify-self:start}.hara-shot--valley{width:94%;justify-self:end}}@media(min-width:768px)and (max-width:1023px){.hara-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:clamp(.85rem,2vw,1.25rem)}.hara-intro{grid-column:1 / 4;grid-row:1;align-self:end;padding:1.5rem .5rem 1rem 0;gap:1.05rem}.hara-intro__title{font-size:clamp(2.8rem,5.5vw,3.8rem);max-width:11ch}.hara-shot--pov{grid-column:4 / 7;grid-row:1;align-self:end}.hara-shot--rain{grid-column:1 / 7;margin-top:var(--hara-breath)}.hara-shot--dirt{grid-column:1 / 4;margin-top:var(--hara-breath)}.hara-shot--valley{grid-column:4 / 7;margin-top:calc(var(--hara-breath) + 1.75rem)}.hara-shot--lake{grid-column:1 / 4;margin-top:var(--hara-breath)}.hara-shot--cliff{grid-column:4 / 7;margin-top:calc(var(--hara-breath) + 2.5rem)}.hara-shot--road{grid-column:1 / 3;margin-top:var(--hara-breath)}.hara-shot--two-bikes{grid-column:3 / 7;margin-top:var(--hara-breath);align-self:end}.hara-shot--snow{grid-column:1 / 7;margin-top:var(--hara-breath-lg)}.hara-shot--dusk{grid-column:1 / 7;margin-top:var(--hara-breath)}}@media(min-width:1024px){:root{--space-page-x: 2.75rem}.hara-mosaic{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(.75rem,1.15vw,1.15rem);row-gap:clamp(.75rem,1.15vw,1.15rem)}.hara-intro{grid-column:1 / 5;grid-row:1;align-self:start;padding:2.25rem 1.25rem .5rem 0;gap:1.15rem;max-width:none}.hara-intro__title{font-size:clamp(3.2rem,4.4vw,4.8rem);max-width:11ch}.hara-intro__body{max-width:28ch}.hara-shot--pov{grid-column:5 / 13;grid-row:1;align-self:start;margin-top:1.75rem}.hara-shot--rain{grid-column:1 / 13;margin-top:clamp(1rem,3vh,2rem)}.hara-shot--lake{grid-column:1 / 6;margin-top:var(--hara-breath)}.hara-shot--cliff{grid-column:6 / 13;margin-top:calc(var(--hara-breath) + clamp(2.5rem,7vh,5rem))}.hara-shot--dirt{grid-column:1 / 8;margin-top:var(--hara-breath-lg)}.hara-shot--valley{grid-column:8 / 13;margin-top:calc(var(--hara-breath-lg) + clamp(2rem,6vh,4.5rem));align-self:start}.hara-shot--road{grid-column:1 / 5;margin-top:var(--hara-breath-lg)}.hara-shot--two-bikes{grid-column:5 / 13;margin-top:var(--hara-breath-lg);align-self:end}.hara-shot--snow{grid-column:1 / 12;margin-top:var(--hara-breath-lg)}.hara-shot--dusk{grid-column:2 / 13;margin-top:var(--hara-breath)}}@media(min-width:1440px){.hara-intro__title{font-size:clamp(4rem,3.8vw,5.2rem)}.hara-intro{padding-right:1.75rem}.hara-shot--dirt{grid-column:1 / 8}.hara-shot--valley{grid-column:8 / 13}}@media(min-width:1920px){.hara-mosaic{max-width:110rem;margin-inline:auto}}@media(prefers-reduced-motion:reduce){html.is-reduced .hara-chrome .lang__btn,html.is-reduced .hara-back{transition:none}}.hara-shot--interactive{cursor:zoom-in}.hara-shot--interactive:focus{outline:none}.hara-shot--interactive:focus-visible{outline:1px solid var(--color-accent);outline-offset:4px}.hara-viewer{--hara-viewer-pad: 16px;--hara-viewer-inset-x: calc( (var(--hara-viewer-pad) * 2) + env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px) );--hara-viewer-inset-y: calc( (var(--hara-viewer-pad) * 2) + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) );--hara-viewer-backdrop: 1;position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;width:100dvw;height:100dvh;margin:0;padding:0;border:0;background:rgb(12 11 10 / calc(.97 * var(--hara-viewer-backdrop, 1)));color:var(--color-text);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.hara-viewer[hidden]{display:none!important}.hara-viewer.is-entering,.hara-viewer.is-leaving,.hara-viewer.is-open{transition:background-color .22s var(--ease-ui, ease)}.hara-viewer__close{position:absolute;top:max(.35rem,env(safe-area-inset-top));right:max(.35rem,env(safe-area-inset-right));z-index:2;display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);margin:0;padding:0;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-micro, .12s) var(--ease-ui, ease)}.hara-viewer__close-glyph{font-size:1.35rem;font-weight:300;line-height:1;transform:translateY(-.05em)}html.can-hover .hara-viewer__close:hover{color:var(--color-text)}.hara-viewer__close:focus{outline:none}.hara-viewer__close:focus-visible{color:var(--color-text);outline:1px solid var(--color-accent);outline-offset:4px}.hara-viewer__stage{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;padding:0;cursor:zoom-out}.hara-viewer__img{display:block;box-sizing:border-box;width:auto;height:auto;max-width:calc(100dvw - var(--hara-viewer-inset-x));max-height:calc(100dvh - var(--hara-viewer-inset-y));object-fit:contain;pointer-events:none;transform-origin:center center;transition:transform .2s var(--ease-ui, ease),opacity .2s var(--ease-ui, ease);will-change:transform,opacity}.hara-viewer.is-entering .hara-viewer__img,.hara-viewer.is-leaving .hara-viewer__img,.hara-viewer__img.is-nav-out,.hara-viewer__img.is-nav-in{transition:transform .2s var(--ease-ui, ease),opacity .2s var(--ease-ui, ease)}html.hara-viewer-open,html.hara-viewer-open body{overscroll-behavior:none;touch-action:none}html.is-reduced .hara-viewer,html.is-reduced .hara-viewer.is-entering,html.is-reduced .hara-viewer.is-leaving,html.is-reduced .hara-viewer__img,html.is-reduced .hara-viewer__img.is-nav-out,html.is-reduced .hara-viewer__img.is-nav-in{transition:none!important;transform:none!important}