.iwan-arch{--iwan-arch-gap:7px;inline-size:100%;display:block;position:relative;container-type:inline-size}.iwan-arch__frame{aspect-ratio:var(--iwan-arch-ratio,3/4);background:var(--iwan-porcelain);border-start-start-radius:100vmax;border-start-end-radius:100vmax;min-block-size:auto;display:block;position:relative;overflow:clip}.iwan-arch__frame>picture{block-size:100%;inline-size:100%;display:block}.iwan-arch__frame>img,.iwan-arch__frame>picture>img,.iwan-arch__frame>video{object-fit:cover;block-size:100%;inline-size:100%}@supports not (overflow:clip){.iwan-arch__frame{overflow:hidden}}.iwan-arch__blank{background:color-mix(in srgb,var(--iwan-ivory)70%,var(--iwan-hairline));block-size:100%;inline-size:100%;color:var(--iwan-hairline);place-items:center;display:grid}.iwan-arch__blank .iwan-icon{aspect-ratio:1;block-size:auto;inline-size:28%;max-inline-size:64px}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.iwan-shell[data-arch=pointed] .iwan-arch__frame{clip-path:shape(from 0% 100%,line to 0% min(60.83cqi,100%),arc to 50% 0% of 62cqi cw,arc to 100% min(60.83cqi,100%)of 62cqi cw,line to 100% 100%,close);border-radius:0}}.iwan-shell[data-arch-outline=true] .iwan-arch:not(.iwan-arch--quiet):after,.iwan-arch--line:after{content:"";inset:calc(-1*var(--iwan-arch-gap));border:1px solid var(--iwan-hairline);pointer-events:none;border-start-start-radius:100vmax;border-start-end-radius:100vmax;position:absolute}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.iwan-shell[data-arch=pointed][data-arch-outline=true] .iwan-arch:not(.iwan-arch--quiet):after,.iwan-shell[data-arch=pointed] .iwan-arch--line:after{--iwan-ring:calc(100cqi + 2*var(--iwan-arch-gap));background:var(--iwan-hairline);clip-path:shape(evenodd from 0% 100%,line to 0% min(calc(.6083*var(--iwan-ring)),100%),arc to 50% 0% of calc(.62*var(--iwan-ring))cw,arc to 100% min(calc(.6083*var(--iwan-ring)),100%)of calc(.62*var(--iwan-ring))cw,line to 100% 100%,close,move to 1px calc(100% - 1px),line to 1px min(calc(1px + .6083*(var(--iwan-ring) - 2px)),calc(100% - 1px)),arc to 50% 1px of calc(.62*(var(--iwan-ring) - 2px))cw,arc to calc(100% - 1px)min(calc(1px + .6083*(var(--iwan-ring) - 2px)),calc(100% - 1px))of calc(.62*(var(--iwan-ring) - 2px))cw,line to calc(100% - 1px)calc(100% - 1px),close);border:0;border-radius:0}}.iwan-shell .iwan-arch.iwan-arch--flat .iwan-arch__frame{clip-path:none;border-radius:0}.iwan-arch--line .iwan-arch__frame{background:0 0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.iwan-shell[data-reveal=true] .iwan-arch--reveal:not(.iwan-arch--flat) .iwan-arch__frame>:where(img,picture,video,.iwan-arch__blank){animation:linear both iwan-arch-reveal;animation-timeline:view();animation-range:entry 5% cover 38%}}}@keyframes iwan-arch-reveal{0%{clip-path:inset(100% 0 0 round 100vmax 100vmax 0 0)}to{clip-path:inset(0 round 100vmax 100vmax 0 0)}}