.bg-wrapper{inline-size:100%;max-inline-size:var(--container-max-width-view);margin-inline:auto;position:relative;overflow:clip visible;container:bg/inline-size}.bg-wrapper.has-block-gutter{padding-block:var(--spacer-xl);padding-inline:max(var(--safe-left),var(--safe-right))}.bg-wrapper>:where(*){z-index:1;position:relative}.bg-wrapper.has-parallax-enable:has(+.bg-wrapper.has-parallax-enable){padding-block-end:0}.bg-image{--_img-size:clamp(calc(320*var(--rem)),148cqi,calc(640*var(--rem)));background:var(--color-base)repeat top center/var(--_img-size)auto;z-index:0;block-size:100%;inline-size:100%;max-inline-size:var(--container-max-width-view);margin:auto;position:absolute;inset:0}@container bg (inline-size>=48em){.bg-image{--_img-size:clamp(calc(768*var(--rem)),100cqi,calc(960*var(--rem)))}}.bg-image.has-bg-rock{background-image:url("./img/bg-repeat-rock.webp");background-position-x:50%}.bg-image.has-bg-graph{background-image:url("./img/bg-repeat-graph.webp")}.bg-image.has-bg-sand{background-image:url("./img/bg-repeat-sand.webp")}.bg-image.has-bg-washi{background-image:url("./img/bg-repeat-washi.webp")}@supports (background-image:-webkit-image-set(
    url("./img/bg-repeat-rock.avif") type("image/avif"),
    url("./img/bg-repeat-rock.webp") type("image/webp")
  )) or (background-image:image-set(
    url("./img/bg-repeat-rock.avif") type("image/avif"),
    url("./img/bg-repeat-rock.webp") type("image/webp")
  )){.bg-image.has-bg-rock{background-image:-webkit-image-set(url("./img/bg-repeat-rock.avif") 1x type("image/avif"),url("./img/bg-repeat-rock.webp") 1x type("image/webp"));background-image:image-set("./img/bg-repeat-rock.avif" 1x type("image/avif"),"./img/bg-repeat-rock.webp" 1x type("image/webp"))}.bg-image.has-bg-graph{background-image:-webkit-image-set(url("./img/bg-repeat-graph.avif") 1x type("image/avif"),url("./img/bg-repeat-graph.webp") 1x type("image/webp"));background-image:image-set("./img/bg-repeat-graph.avif" 1x type("image/avif"),"./img/bg-repeat-graph.webp" 1x type("image/webp"))}.bg-image.has-bg-sand{background-image:-webkit-image-set(url("./img/bg-repeat-sand.avif") 1x type("image/avif"),url("./img/bg-repeat-sand.webp") 1x type("image/webp"));background-image:image-set("./img/bg-repeat-sand.avif" 1x type("image/avif"),"./img/bg-repeat-sand.webp" 1x type("image/webp"))}.bg-image.has-bg-washi{background-image:-webkit-image-set(url("./img/bg-repeat-washi.avif") 1x type("image/avif"),url("./img/bg-repeat-washi.webp") 1x type("image/webp"));background-image:image-set("./img/bg-repeat-washi.avif" 1x type("image/avif"),"./img/bg-repeat-washi.webp" 1x type("image/webp"))}}@media not print{.bg-wrapper.has-parallax-enable>.bg-image{block-size:var(--_bg-parallax-vb-range,200vb);position:fixed;inset:0 0 auto}.bg-wrapper.has-parallax-enable[data-scroll] .bg-image{opacity:0;transition:opacity 1.2s}.bg-wrapper.has-parallax-enable[data-scroll=in] .bg-image{opacity:1}}@media print,(prefers-reduced-motion){.bg-wrapper>.bg-image{translate:unset!important}}.section-how-to-use-old-lenses{row-gap:var(--spacer-lg);padding-block:var(--spacer-xxl)var(--spacer-lg);margin-inline:auto;display:grid;container:section-arranged-recipes/inline-size}.section-how-to-use-old-lenses :where(figure){margin-block-end:var(--spacer);display:block;overflow:clip}.section-how-to-use-old-lenses :where(figure) img{block-size:auto;inline-size:100%;display:block}.section-how-to-use-old-lenses :where(figure) figure{font-size:var(--font-size-12)}.section-how-to-use-old-lenses .container{border-block:calc(1*var(--rem))solid var(--color-text);background-color:var(--color-base);padding:var(--spacer-lg)var(--gutter);row-gap:var(--gutter);margin:auto;display:grid;container-name:old-item-container}@container main (inline-size>=48em){.section-how-to-use-old-lenses .container{padding-inline:clamp(var(--gutter),7.5cqi,var(--spacer-xxl));border:calc(1*var(--rem))solid var(--color-text);inline-size:min(var(--container-max-width-xl),calc(100% - var(--gutter)*2));padding-block-end:var(--spacer-xxl);container-type:inline-size}}.section-how-to-use-old-lenses .page-header{z-index:5;inline-size:100%;max-inline-size:calc(610*var(--rem));place-items:center;margin-block-end:calc(1.75*var(--gutter-lg));margin-inline:auto;display:grid;position:relative;translate:0}.section-how-to-use-old-lenses .page-header img{z-index:1;-o-object-fit:contain;object-fit:contain;block-size:100%;inline-size:100%;display:block;position:relative}.section-how-to-use-old-lenses .page-header picture:first-child img{-o-object-position:top;object-position:top;position:relative}.section-how-to-use-old-lenses .page-header picture:last-child img{z-index:2;block-size:100%;inline-size:100%;margin:auto;position:absolute;inset:0}.section-how-to-use-old-lenses .page-header:before{content:"";background-color:color-mix(in srgb,var(--color-quaternary)50%,transparent);inline-size:min(calc(176/430*100%),calc(176*var(--rem)));border-bottom-left-radius:var(--infinity);border-bottom-right-radius:var(--infinity);z-index:0;block-size:500%;position:absolute;inset-block-end:calc(-1.75*var(--gutter-lg))}.section-how-to-use-old-lenses .page-header[data-scroll]:before{transition:translate .6s var(--ease-out-circ).3s,opacity .6s .3s;opacity:0;will-change:opacity,translate;translate:0 -5rem}.section-how-to-use-old-lenses .page-header[data-scroll=in]:before{opacity:1;translate:0}@container main (inline-size>=48em){.section-how-to-use-old-lenses .intro-banner{grid-template-columns:30% 60% 10%;display:grid}.section-how-to-use-old-lenses .intro-banner:before{content:"";display:block}.section-how-to-use-old-lenses .intro-banner:after{content:"";display:block}}.section-how-to-use-old-lenses .intro-banner img{block-size:auto;inline-size:100%}.section-how-to-use-old-lenses .intro-banner .intro-banner-grid{gap:var(--spacer)var(--gutter);max-inline-size:calc(480*var(--rem));grid-template-columns:1fr 50%;justify-content:center;margin-inline:auto;display:grid}@container main (inline-size>=48em){.section-how-to-use-old-lenses .intro-banner .intro-banner-grid{max-inline-size:inherit;grid-template-columns:1fr 60%}}.section-how-to-use-old-lenses .intro-banner .intro-banner-thumbnail{padding-block:var(--spacer)}.section-how-to-use-old-lenses .item-info-grid{display:grid}@container (inline-size>=48em){.section-how-to-use-old-lenses .item-info-grid{gap:var(--gutter-lg);grid-template-columns:1fr 1fr;align-items:flex-start}}@container (inline-size>=54em){.section-how-to-use-old-lenses .item-info-grid{-moz-column-gap:clamp(var(--gutter-lg),10cqi,var(--spacer-xxl));column-gap:clamp(var(--gutter-lg),10cqi,var(--spacer-xxl));grid-template-columns:42% 1fr}}.section-how-to-use-old-lenses .item-info{row-gap:var(--spacer);display:grid;overflow:clip}@container (inline-size>=62em){.section-how-to-use-old-lenses .item-info{padding-inline-end:5cqi}}.section-how-to-use-old-lenses .item-info .item-info-head{border-block-end:calc(2*var(--rem))solid var(--color-text);-moz-column-gap:var(--gutter);column-gap:var(--gutter);justify-content:center;align-items:flex-end;display:flex}@container (inline-size>=62em){.section-how-to-use-old-lenses .item-info .item-info-head{padding-inline:var(--gutter)}}.section-how-to-use-old-lenses .item-info .item-info-head .item-content{font-size:var(--font-size-12);align-items:center;display:grid}.section-how-to-use-old-lenses .item-info .item-heading{margin-block-end:.5rem}.section-how-to-use-old-lenses .item-info .item-price{padding-block:var(--spacer-sm)}.section-how-to-use-old-lenses .item-info .item-image{max-inline-size:calc(128*var(--rem));justify-content:center;margin-block:0;position:relative;inset-block-end:-1px}.section-how-to-use-old-lenses .item-info .item-description{font-size:var(--font-size-14)}.section-how-to-use-old-lenses .check-card-grid{gap:var(--spacer)max(var(--gutter),5cqi);grid-template-columns:repeat(auto-fit,minmax(16em,1fr));display:grid}.section-how-to-use-old-lenses .check-card-grid .check-card{grid-template-rows:subgrid;grid-row:span 4;align-items:flex-start}.section-how-to-use-old-lenses .well-ornament{--_stroke:calc(1*var(--rem));gap:var(--spacer)var(--gutter);padding:0 var(--gutter)var(--gutter);display:grid;position:relative;overflow:clip}.section-how-to-use-old-lenses .well-ornament:before{content:"";inline-size:100%;block-size:calc(100% - max(var(--gutter-lg),5cqi));background-color:color-mix(in srgb,var(--color-quaternary-lighten)40%,transparent);border-block:calc(2*var(--rem))solid var(--color-text);margin:auto auto 0;position:absolute;inset:auto 0 0}@container main (width>=48em){.section-how-to-use-old-lenses .well-ornament{grid-template-columns:46% 1fr;align-items:stretch;padding-block-end:0}.section-how-to-use-old-lenses .well-ornament:before{block-size:calc(100% - var(--spacer-lg)*2);margin-block:auto;inset-block:0}}@container main (inline-size>=62em){.section-how-to-use-old-lenses .well-ornament{padding-inline:max(var(--gutter),7.5cqi);grid-template-columns:30% 1fr}}.section-how-to-use-old-lenses .well-ornament .thumbnail{max-inline-size:calc(320*var(--rem));inline-size:100%;margin:0 auto;position:relative}@container main (inline-size>=48em){.section-how-to-use-old-lenses .well-ornament .thumbnail{block-size:100%}.section-how-to-use-old-lenses .well-ornament .thumbnail img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;margin:auto;position:absolute}}.section-how-to-use-old-lenses .well-ornament .heading{font-size:var(--font-size-24);font-weight:var(--font-weight-medium);margin-block-end:.75em}.section-how-to-use-old-lenses .well-ornament .content{position:relative}@container main (width>=48em){.section-how-to-use-old-lenses .well-ornament .content{padding-block:var(--spacer-lg)}}@container main (width>=48em){.section-how-to-use-old-lenses .well-ornament .content .content-inner{padding-block:var(--spacer-lg)}}.section-how-to-use-old-lenses .well-ornament .content .caption{font-size:var(--font-size-12);margin-block-start:var(--spacer)}.section-how-to-use-old-lenses .button-wrapper{text-align:center}.button{background-color:var(--color-base);border-radius:var(--infinity);border:calc(2*var(--rem))solid var(--color-text);font-size:var(--font-size-14);font-weight:var(--font-weight-bold);-moz-column-gap:.125em;grid-template-columns:1em 1fr 1em;justify-content:center;align-items:center;column-gap:.125em;min-block-size:3.33em;min-inline-size:14.6em;padding-inline:1em;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}@media (min-width:48em){.button{font-size:var(--font-size-18)}}.button:focus-visible{background-color:var(--color-text);color:var(--color-base)}@media (any-hover:hover){.button:hover{background-color:var(--color-text);color:var(--color-base)}}.button:before{aspect-ratio:1;content:"";inline-size:1em;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.button:after{aspect-ratio:1;content:"";inline-size:1em;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.button.has-exit-link:after{-webkit-mask-image:var(--img-ico-exit-app);-webkit-mask-image:var(--img-ico-exit-app);mask-image:var(--img-ico-exit-app);background-color:currentColor;-webkit-mask-size:120%;mask-size:120%}.button[target=_blank]:after{-webkit-mask-image:var(--img-ico-external);-webkit-mask-image:var(--img-ico-external);mask-image:var(--img-ico-external);background-color:currentColor}.check-card{row-gap:var(--gutter-lg);display:grid}.check-card .head{display:grid}.check-card .head .head-label{inline-size:min(33%,calc(106.935*var(--rem)))}.check-card .head .heading{font-weight:var(--font-weight-medium);font-size:var(--font-size-24);line-height:var(--leading-md);margin:0}@container main (width>=48em){.check-card .head .heading{font-size:var(--font-size-28)}}.check-card .head .heading>span{display:block}.check-card .head .heading>span>span{word-break:keep-all;overflow-wrap:break-word;display:inline-block}.check-card .head .heading>span strong{font-weight:var(--font-weight-medium);text-decoration:underline;-webkit-text-decoration-color:var(--color-quaternary-lighten);text-decoration-color:var(--color-quaternary-lighten);text-underline-offset:.25em;text-decoration-thickness:.25em}.check-card .head .thumbnail{margin:0 auto;display:block}.check-card .head .thumbnail img{block-size:auto;inline-size:100%}.hero{--_progress:0%;inline-size:100%;block-size:max(calc(640*var(--rem)),calc(100svh + 1px));max-inline-size:var(--container-max-width-view);background-color:var(--color-text);z-index:1;margin-inline:auto;padding:0;display:grid;position:relative;overflow:clip;container:hero/inline-size}@media (min-height:1600px){.hero{max-block-size:1600px}}.hero .hero-img{block-size:100%;inline-size:100%;display:grid;position:absolute}@media (min-width:48em){.hero .hero-img{grid-template-columns:1fr 62.5%}}.hero .hero-img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;block-size:100%;inline-size:100%;margin:auto;position:absolute;inset:0}.hero .hero-img-grid{z-index:1;grid-area:1/1;grid-template-rows:repeat(6,1fr);grid-template-columns:60% 1fr;grid-template-areas:"a d""a d""b d""b e""c e""c e";block-size:100%;display:grid;position:relative}@media (min-width:48em){.hero .hero-img-grid{grid-area:initial}}.hero .hero-img-grid .cell{contain:layout paint;position:relative;overflow:clip}.hero .hero-img-grid .cell:first-child{grid-area:a}.hero .hero-img-grid .cell:nth-child(2){grid-area:b}.hero .hero-img-grid .cell:nth-child(3){grid-area:c}.hero .hero-img-grid .cell:nth-child(4){grid-area:d}.hero .hero-img-grid .cell:nth-child(5){grid-area:e}.hero .hero-cover{z-index:2;contain:layout paint;grid-area:1/1;position:relative;overflow:clip}@media (min-width:48em){.hero .hero-cover{grid-area:initial}}.hero .hero-content{z-index:3;block-size:100%;inline-size:100%;padding-block:calc(calc(90*var(--rem)) + var(--spacer-lg))var(--spacer-xl);padding-inline:var(--spacer-md)var(--gutter);-moz-column-gap:16%;grid-area:1/1;grid-template-columns:auto 20%;align-items:flex-start;column-gap:16%;margin:auto;display:grid;position:relative}@media (min-width:48em){.hero .hero-content{max-inline-size:calc(100% - (200*var(--rem) + var(--spacer-lg)));grid-template-columns:auto max(10%,calc(96*var(--rem)));padding-block-start:0;padding-inline:0}}@media (min-width:75em){.hero .hero-content{padding-inline-start:max(var(--gutter-lg),5cqi)}}.hero .hero-heading{margin-block-start:max(var(--spacer),2.5cqb);position:relative}@media (min-width:48em){.hero .hero-heading{inline-size:48cqi;filter:drop-shadow(0 0 calc(15*var(--rem))rgba(0,0,0,.8));margin-block:auto}}@media (min-width:75em){.hero .hero-heading{inline-size:40cqi}}.hero .hero-heading>[role=presentation]{display:contents}.hero .hero-heading img{inline-size:100%}.hero .hero-heading img.line{margin:auto;position:absolute;inset:0 auto auto 0}.hero .hero-shoulder{margin-inline:auto 0}.hero .hero-shoulder img{inline-size:100%}.hero .credit{inset:auto 0 clamp(var(--spacer),1.5cqb,var(--spacer-lg))clamp(var(--spacer),1.5cqb,var(--spacer-lg));color:var(--color-base);margin:auto auto var(--spacer)0;position:absolute}.hero .credit>small{font-size:var(--font-size-12)}.hero .progress{inline-size:min(50%,calc(360*var(--rem)));block-size:calc(1*var(--rem));pointer-events:none;z-index:10;background-color:rgba(255,255,255,.4);margin:auto;position:absolute;inset:0}@supports (background-color:color-mix(in srgb, var(--color-base) 40%, transparent)){.hero .progress{background-color:color-mix(in srgb,var(--color-base)40%,transparent)}}.hero .progress:before{content:"";background-color:var(--color-base);block-size:100%;inline-size:100%;transition:.1s var(--ease-out-circ);transform-origin:0;scale:var(--_progress)100%;position:absolute;inset-block-start:0;inset-inline-start:0}@media not print{[data-comp-hero][data-scroll]{--_duration:2.4s;--_delay:0s;--_ease:var(--ease-out-circ)}[data-comp-hero][data-scroll] [data-comp-hero-cover-img] img{opacity:.01;filter:brightness(6);display:block;scale:1.1}[data-comp-hero][data-scroll] [data-comp-hero-cell-img] img{opacity:.01;filter:brightness(6);display:block;scale:1.1}[data-comp-hero][data-scroll] [data-comp-hero-cover-img]{--_delay:calc(var(--_delayed-base) + .3s)}@media (min-width:48em){[data-comp-hero][data-scroll] [data-comp-hero-cover-img]{--_delay:calc(var(--_delayed-base) + 50ms)}}[data-comp-hero][data-scroll] [data-comp-hero-cell-img]{--_delay:var(--_delayed-base,0s)}[data-comp-hero][data-scroll] .hero-heading{opacity:0;scale:1.05}[data-comp-hero][data-scroll] .hero-heading .line{clip-path:inset(0 100% 0 0)}[data-comp-hero][data-scroll] .hero-shoulder{clip-path:inset(0 0 100%)}[data-comp-hero][data-scroll] .hero-shoulder img{translate:0 -1rem}[data-comp-hero][data-scroll] .credit{opacity:.01}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] [data-comp-hero-cover-img] img{opacity:1;filter:brightness();transition:var(--_duration)var(--_ease)var(--_delay,.2s);scale:1.01}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] [data-comp-hero-cell-img] img{opacity:1;filter:brightness();transition:var(--_duration)var(--_ease)var(--_delay,.2s);scale:1.01}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .hero-heading{--_delay-start:.8s;opacity:1;transition:scale .6s var(--ease-out-sine)calc(var(--_delayed-base) + var(--_delay-start)),opacity .6s calc(var(--_delayed-base) + var(--_delay-start));scale:1}@media (min-width:48em){.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .hero-heading{--_delay-start:.5s}}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .hero-heading .line{clip-path:inset(0);transition:clip-path 1s var(--ease-in-out-circ)calc(var(--_delayed-base) + var(--_delay-start) + .4s)}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .hero-shoulder{--_delay-start:1.4s;clip-path:inset(0);transition:clip-path .6s var(--ease-out-sine)calc(var(--_delayed-base) + var(--_delay-start))}@media (min-width:48em){.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .hero-shoulder{--_delay-start:.8s}}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .hero-shoulder img{transition:translate .6s var(--ease-out-sine)calc(var(--_delayed-base) + var(--_delay-start));translate:0}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .progress{opacity:0;visibility:hidden;transform-origin:100%;transition:all .6s;scale:0}.has-page-active:root [data-comp-hero][data-scroll=in][data-images-loaded=true] .credit{opacity:1;transition:all .2s 1s}}@media print{.progress{display:none}}.nav-anchor{inline-size:fit-content;max-inline-size:var(--container-max-width-lg);margin:0 auto var(--spacer-lg);padding-inline:var(--gutter);justify-content:center;display:grid}.nav-anchor>.nav-anchor__list{gap:var(--spacer)var(--spacer-sm);flex-wrap:wrap;display:flex}.nav-anchor>.nav-anchor__list>li{display:contents}.nav-anchor>.nav-anchor__list>li>a{background:var(--color-base);font-size:var(--font-size-14);font-weight:var(--font-weight-bold);border-block-end:calc(2*var(--rem))solid var(--color-text);-moz-column-gap:.5em;flex:0 0 100%;grid-template-columns:auto .5rem;column-gap:.5em;padding:.75em 1em;text-decoration:none;transition:background-color .2s,color .2s;display:grid}@media (min-width:36em){.nav-anchor>.nav-anchor__list>li>a{flex:0 0 calc(50% - var(--spacer-sm))}}@media (min-width:48em){.nav-anchor>.nav-anchor__list>li>a{font-size:var(--font-size-18)}}@media (min-width:62em){.nav-anchor>.nav-anchor__list>li>a{flex:0 0 fit-content}}.nav-anchor>.nav-anchor__list>li>a:focus-visible{background-color:var(--color-text);color:var(--color-base)}@media (any-hover:hover){.nav-anchor>.nav-anchor__list>li>a:hover{background-color:var(--color-text);color:var(--color-base)}}.nav-anchor>.nav-anchor__list>li>a:after{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background-color:currentColor;block-size:.5em;margin-block-start:calc(.5lh - .25em);display:block}.section-lead{inline-size:min(var(--container-max-width-xl),calc(100% - var(--gutter)*2));gap:var(--spacer-lg)max(var(--gutter),7.5cqi);padding-block:var(--spacer-lg)0;margin-inline:auto;display:grid;container:section-lead/inline-size}@container main (width>=48em){.section-lead{grid-template-columns:1fr min(36cqi,calc(368*var(--rem)));-moz-column-gap:max(var(--gutter),7.5cqi);column-gap:max(var(--gutter),7.5cqi);align-items:center}}.section-lead .contents{display:block}.section-lead .heading{font-size:var(--font-size-28);letter-spacing:.1em;line-height:var(--leading-lg);text-align:center;margin-block-end:1em}@container main (width>=48em){.section-lead .heading{font-size:var(--font-size-36);text-align:unset}}.section-lead .heading>span{display:block}.section-lead .heading .text-img-line{white-space:nowrap;flex-wrap:wrap;justify-content:center;align-items:center;display:inline-flex}@container main (width>=48em){.section-lead .heading .text-img-line{justify-content:unset}}.section-lead .heading .text-img-line>span{display:inline-block}.section-lead .heading .img-text{inline-size:3.8em;padding-inline:.1em;display:inline-block}.section-lead .description .ruled-line{letter-spacing:0;block-size:1em;inline-size:2em;block-size:calc(1*var(--rem));margin-inline:.1em;display:inline-block;position:relative}.section-lead .description .ruled-line:before{content:"";inline-size:100%;block-size:calc(1*var(--rem));background-color:currentColor;position:absolute;inset-block-end:.25em}.section-lead .thumbnail{display:block}.section-lead .thumbnail img{inline-size:100%;max-inline-size:calc(368*var(--rem));margin:auto}.section-about{row-gap:var(--spacer-lg);inline-size:min(var(--container-max-width-xl),calc(100% - var(--gutter)*2));padding-block:var(--spacer-xxl)var(--spacer-lg);margin-inline:auto;display:grid;container:section-about/inline-size}@container main (inline-size>=48em){.section-about{row-gap:var(--spacer-xl);padding-block-start:var(--spacer-xl)}}.section-about .text-under-stroke{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.section-about .media{align-items:center;gap:var(--spacer-md)max(var(--gutter),3.5cqi);display:grid}@container main (inline-size>=48em){.section-about .media{grid-template-columns:min(40cqi,calc(447*var(--rem)))1fr}}.section-about .media-heading-parenthesis{inline-size:fit-content;font-size:var(--font-size-20);text-wrap:initial;text-align:center;grid-template-columns:1em 1fr 1em;justify-content:center;margin-block-end:1em;display:grid}@container main (inline-size>=52em){.section-about .media-heading-parenthesis{font-size:var(--font-size-24)}}.section-about .media-heading-parenthesis:before{content:"";background-color:currentColor;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.section-about .media-heading-parenthesis:after{content:"";background-color:currentColor;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.section-about .media-heading-parenthesis:before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2237%22 viewBox%3D%220 0 12 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.78 0.306648C10.03 0.117248 10.29 0 10.71 0C11.3 0 11.85 0.496047 11.85 1.02817C11.85 1.40697 11.68 1.67754 11.43 1.86694C5.65 6.69213 3.04 11.9773 3.04 18.4079C3.04 24.8384 5.65 30.1236 11.43 34.9488C11.68 35.1382 11.85 35.4088 11.85 35.7876C11.85 36.3197 11.3 36.8157 10.71 36.8157C10.29 36.8157 10.04 36.6985 9.78 36.5091C3.42 31.4494 0 25.4427 0 18.4079C0 11.373 3.42 5.35731 9.78 0.306648Z%22 fill%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E');mask-image:url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2237%22 viewBox%3D%220 0 12 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.78 0.306648C10.03 0.117248 10.29 0 10.71 0C11.3 0 11.85 0.496047 11.85 1.02817C11.85 1.40697 11.68 1.67754 11.43 1.86694C5.65 6.69213 3.04 11.9773 3.04 18.4079C3.04 24.8384 5.65 30.1236 11.43 34.9488C11.68 35.1382 11.85 35.4088 11.85 35.7876C11.85 36.3197 11.3 36.8157 10.71 36.8157C10.29 36.8157 10.04 36.6985 9.78 36.5091C3.42 31.4494 0 25.4427 0 18.4079C0 11.373 3.42 5.35731 9.78 0.306648Z%22 fill%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E')}.section-about .media-heading-parenthesis:after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2237%22 viewBox%3D%220 0 12 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M2.06961 0.306648C1.81961 0.117248 1.55961 0 1.13961 0C0.549609 0 -0.000391006 0.496047 -0.000391006 1.02817C-0.000391006 1.40697 0.169609 1.67754 0.419609 1.86694C6.19961 6.69213 8.80961 11.9773 8.80961 18.4079C8.80961 24.8384 6.19961 30.1236 0.419609 34.9488C0.169609 35.1382 -0.000391006 35.4088 -0.000391006 35.7876C-0.000391006 36.3197 0.549609 36.8157 1.13961 36.8157C1.55961 36.8157 1.80961 36.6985 2.06961 36.5091C8.42961 31.4494 11.8496 25.4427 11.8496 18.4079C11.8496 11.373 8.42961 5.35731 2.06961 0.306648Z%22 fill%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E');mask-image:url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2237%22 viewBox%3D%220 0 12 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M2.06961 0.306648C1.81961 0.117248 1.55961 0 1.13961 0C0.549609 0 -0.000391006 0.496047 -0.000391006 1.02817C-0.000391006 1.40697 0.169609 1.67754 0.419609 1.86694C6.19961 6.69213 8.80961 11.9773 8.80961 18.4079C8.80961 24.8384 6.19961 30.1236 0.419609 34.9488C0.169609 35.1382 -0.000391006 35.4088 -0.000391006 35.7876C-0.000391006 36.3197 0.549609 36.8157 1.13961 36.8157C1.55961 36.8157 1.80961 36.6985 2.06961 36.5091C8.42961 31.4494 11.8496 25.4427 11.8496 18.4079C11.8496 11.373 8.42961 5.35731 2.06961 0.306648Z%22 fill%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E')}.section-about .media-heading-parenthesis.has-display-small{margin-block-end:0;margin-inline:auto}@container main (inline-size>=48em){.section-about .media-heading-parenthesis.has-display-small{display:none}}.section-about .media-heading-parenthesis.has-display-large{display:none}@container main (inline-size>=48em){.section-about .media-heading-parenthesis.has-display-large{display:grid}}.section-about .media-heading-parenthesis .text-under-stroke{font-weight:var(--font-weight-bold);text-decoration-thickness:.2em}.section-about .media-heading-marker{font-size:var(--font-size-20);margin-block:1em;line-height:2}@container main (inline-size>=48em){.section-about .media-heading-marker{font-size:var(--font-size-24)}}.section-about .media-heading-marker>span{background-color:color-mix(in srgb,var(--color-primary)50%,transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;inline-size:fit-content;padding:.125em .5em;display:inline}.section-about .media-heading-marker>span>wbr{display:block}.section-about .media-thumbnail{--_max-inline-size:calc(447*var(--rem));position:relative;container-type:inline-size}.section-about .media-thumbnail img{inline-size:100%;max-inline-size:var(--_max-inline-size);margin:auto}.section-about .media-thumbnail .media-thumbnail-head{max-inline-size:var(--_max-inline-size);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.section-about .media-thumbnail .media-thumbnail-head>.label-updated{aspect-ratio:146.366/100;inline-size:33%;display:block}.section-about .media-thumbnail .media-thumbnail-head>.label-zf{aspect-ratio:183/58;inline-size:41.1899%;display:block}.section-about .media-thumbnail .pict-zf{margin-block-start:-3.5cqi}.section-about .media-thumbnail figcaption{font-size:var(--font-size-12);line-height:var(--leading-md)}.section-about .media-contents .attention{line-height:var(--leading-md);margin-block:var(--spacer-md)}.section-about .media-contents .attention>small{font-size:var(--font-size-12)}.section-about .media-contents .sub-figure-grid{gap:var(--gutter-sm);grid-template-columns:repeat(2,1fr);justify-content:center;display:grid}@container main (inline-size>=48em){.section-about .media-contents .sub-figure-grid{grid-template-columns:repeat(2,min(50%,calc(178*var(--rem))));justify-content:initial}}.section-about .media-contents .sub-figure-grid figure{display:block}.section-about .media-contents .sub-figure-grid figure img{block-size:auto;inline-size:100%}.section-about .media-contents .btn-wrapper{justify-content:center;margin-block-start:var(--spacer-md);display:flex}@container main (inline-size>=48em){.section-about .media-contents .btn-wrapper{justify-content:initial}}.section-get-the-recipe{row-gap:var(--spacer-lg);inline-size:min(var(--container-max-width-xl),calc(100% - var(--gutter)*2));padding-block:var(--spacer-xl)var(--spacer-lg);margin-inline:auto;display:grid;container:section-get-the-recipe/inline-size}@container main (inline-size>=48em){.section-get-the-recipe{padding-block:var(--spacer-xl)}}.section-get-the-recipe .head-container{max-inline-size:var(--container-max-width-md);margin-inline:auto}.section-get-the-recipe .heading{font-size:var(--font-size-24);text-align:center;margin-block-end:1.5em}.section-get-the-recipe .heading>span{line-height:var(--leading-lg);display:block}.section-get-the-recipe .heading .text-under-stroke{font-weight:var(--font-weight-bold);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.35em}@container main (inline-size>=48em){.section-get-the-recipe .heading{font-size:var(--font-size-40)}}.section-get-the-recipe .accordion-item .accordion-summary{--_stroke-size:calc(4*var(--rem));--_stroke-gutter:calc(8*var(--rem));background:linear-gradient(to right,var(--color-text)0%,var(--color-text)var(--_stroke-size),transparent var(--_stroke-size),transparent var(--_stroke-gutter),var(--color-primary)var(--_stroke-gutter),var(--color-primary)100%);padding-block:var(--spacer-sm);padding-inline:calc(var(--spacer-sm) + var(--_stroke-gutter) + var(--_stroke-size))var(--spacer-sm);font-size:var(--font-size-24);position:relative}@container main (inline-size>=48em){.section-get-the-recipe .accordion-item .accordion-summary{font-size:var(--font-size-28)}}@media (any-hover:hover){.section-get-the-recipe .accordion-item .accordion-summary:hover .step .label{color:var(--color-text)}}.section-get-the-recipe .accordion-item .accordion-summary:after{margin-block-start:.15em}.section-get-the-recipe .accordion-item .accordion-summary .accordion-item-title{text-decoration:none!important}.section-get-the-recipe .accordion-item .accordion-summary .step{-moz-column-gap:.5em;column-gap:.5em;display:grid}@container main (inline-size>=48em){.section-get-the-recipe .accordion-item .accordion-summary .step{grid-template-columns:auto 1fr;align-items:center}}.section-get-the-recipe .accordion-item .accordion-summary .step:before{content:"" attr(data-step);color:var(--color-base);text-shadow:calc(2*var(--rem))calc(2*var(--rem))0 var(--color-text);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--color-text);font-family:var(--font-family-sans-serif-en);font-style:normal;font-size:var(--font-size-40);font-weight:var(--font-weight-bold);background:var(--img-text-handwrite-step)no-repeat center left/1em auto;padding-inline-start:1.175em;line-height:1}.section-get-the-recipe .accordion-item .accordion-summary .step .label{color:var(--color-base);line-height:var(--leading-md)}.section-get-the-recipe .accordion-item .accordion-content{row-gap:var(--spacer-md);padding-block:var(--spacer-md)var(--spacer-lg);display:grid}.section-get-the-recipe .step-num-list{--_num-size:1.75em;counter-reset:list-num var(--_start,0);gap:var(--spacer-md)0;padding:0;list-style:none;display:grid}.section-get-the-recipe .step-num-list.has-h-column{--_column:1;--_gap:clamp(var(--spacer),2.5cqi,var(--gutter));grid-template-columns:repeat(auto-fit,calc((100% - var(--_gap)*(var(--_column) - 1))/var(--_column)));gap:var(--spacer-md)var(--_gap);justify-content:center;display:grid}@container (inline-size>=36em){.section-get-the-recipe .step-num-list.has-h-column{--_column:2}}@container (inline-size>=48em){.section-get-the-recipe .step-num-list.has-h-column{--_column:3}}.section-get-the-recipe .step-num-list.has-h-column li{grid-template-rows:subgrid;grid-row:span 2;display:grid}.section-get-the-recipe .step-num-list li{padding-inline:calc(var(--_num-size) + .5em)var(--_num-size);line-height:var(--leading-lg);position:relative}.section-get-the-recipe .step-num-list li:before{inline-size:var(--_num-size);border:calc(1*var(--rem))solid var(--color-text);aspect-ratio:1;content:"" counter(list-num);counter-increment:list-num 1;line-height:1;font-size:var(--font-size-16);text-align:center;font-family:var(--font-family-sans-serif-en);font-weight:var(--font-weight-bold);background-color:var(--color-primary-lighten);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-start:0}.section-get-the-recipe .step-num-list li figure{margin-inline:auto;display:block}.section-get-the-recipe .step2-list{gap:var(--spacer-lg)var(--gutter);list-style:none;display:grid}@container main (inline-size>=48em){.section-get-the-recipe .step2-list{grid-template-columns:1fr 32%}}@container main (inline-size>=62em){.section-get-the-recipe .step2-list{padding-inline-start:10cqi}}.section-get-the-recipe .step2-list .step2-list__col-1-grid{align-items:flex-start;gap:var(--spacer-md)2.5cqi;display:grid}@container main (inline-size>=48em){.section-get-the-recipe .step2-list .step2-list__col-1-grid{grid-template-columns:1fr 58%}}.section-get-the-recipe .figure-step-1{max-inline-size:clamp(calc(175*var(--rem)),86%,calc(260*var(--rem)))}.section-get-the-recipe .figure-step-3{max-inline-size:clamp(calc(175*var(--rem)),82%,calc(220*var(--rem)))}.section-get-the-recipe .figure-step-2-1{-moz-column-gap:4.5%;grid-template-columns:1fr 38%;align-items:flex-end;column-gap:4.5%;display:grid}@container main (inline-size>=48em){.section-get-the-recipe .figure-step-2-1{grid-template-columns:1fr}}.section-get-the-recipe .figure-step-2-1 img{inline-size:100%;max-inline-size:min(100%,calc(260*var(--rem)));display:block}.section-get-the-recipe .figure-step-2-1 img.has-mobile{max-inline-size:min(100%,calc(180*var(--rem)))}@container main (inline-size>=48em){.section-get-the-recipe .figure-step-2-1 img.has-mobile{display:none}}.section-get-the-recipe .figure-step-2-2{display:none}@container main (inline-size>=48em){.section-get-the-recipe .figure-step-2-2{max-inline-size:min(65%,calc(140*var(--rem)));margin-block-end:var(--spacer);display:block}}.section-get-the-recipe .sub-info{font-size:var(--font-size-14)}.section-get-the-recipe .well{padding:var(--spacer-md)var(--gutter)var(--spacer-lg);margin:var(--spacer-md)auto;max-inline-size:var(--container-max-width-sm);background-color:color-mix(in srgb,var(--color-primary)30%,transparent)}.section-get-the-recipe .well .well-heading{text-align:center;font-family:var(--font-family-sans-serif-en);margin-block-end:1em}.section-get-the-recipe .well .well-content{grid-template-columns:min(20%,calc(84*var(--rem)))1fr;-moz-column-gap:var(--spacer);column-gap:var(--spacer);display:grid}@container main (inline-size>=48em){.section-get-the-recipe .well .well-content{-moz-column-gap:var(--gutter);column-gap:var(--gutter)}}.section-get-the-recipe .well .well-content p{font-size:var(--font-size-14);line-height:var(--leading-md)}.section-get-the-recipe .well .well-content .button{color:var(--color-base);background-color:var(--color-text);margin-block-start:var(--spacer-md)}@container main (inline-size<48em){.section-get-the-recipe .well .well-content .button{font-size:var(--font-size-12);min-inline-size:10em}}.section-get-the-recipe .well .well-content .button:focus-visible{color:var(--color-text);background-color:var(--color-base)}@media (any-hover:hover){.section-get-the-recipe .well .well-content .button:hover{color:var(--color-text);background-color:var(--color-base)}}.section-recommended-recipes{inline-size:min(var(--container-max-width-xl),calc(100% - var(--gutter)*2));padding-block:calc(var(--spacer-xl) + var(--spacer-lg));margin-inline:auto;container:section-recommended-recipes/inline-size}.section-recommended-recipes>.heading{text-align:center;font-size:var(--font-size-32);margin-block-end:2em}@container main (inline-size>=48em){.section-recommended-recipes>.heading{font-size:var(--font-size-48);margin-block-end:1em}}.section-recommended-recipes>.item-grid{margin-block-start:var(--spacer-xl);display:grid}.section-recommended-recipes .banner-wrapper{padding-block:calc(2*var(--rem))}.section-arranged-recipes{row-gap:var(--spacer-lg);inline-size:min(var(--container-max-width-xl),calc(100% - var(--gutter)*2));padding-block:calc(var(--spacer-xl) + var(--spacer-lg));margin-inline:auto;display:grid;container:section-arranged-recipes/inline-size}.section-arranged-recipes>.heading-group>.shoulder{font-family:var(--font-family-sans-serif-en);font-weight:var(--font-weight-bold);font-size:var(--font-size-70);color:var(--color-base);line-height:1}@container main (inline-size>=48em){.section-arranged-recipes>.heading-group>.shoulder{font-size:var(--font-size-100)}}.section-arranged-recipes>.heading-group>.heading{max-inline-size:calc(369*var(--rem));margin-block-start:-1.5em;position:relative}@container main (inline-size>=48em){.section-arranged-recipes>.heading-group>.heading{max-inline-size:max(calc(640*var(--rem)),58cqi)}}.section-arranged-recipes>.media-advisor{background-color:color-mix(in srgb,var(--color-tertiary)30%,transparent)}.section-arranged-recipes .component-block>:last-child{padding-block-end:0}.section-related-links{padding-block:var(--spacer-xl);z-index:1;background-color:var(--color-base);max-inline-size:var(--container-max-width-view);margin-inline:auto;position:relative;container:section-recommended-recipes/inline-size}@container main (inline-size>=48em){.section-related-links{padding-block:var(--spacer-xl)var(--spacer-xxl)}}.section-related-links>.container{inline-size:min(var(--container-max-width-xl),calc(100% - var(--gutter)*2));margin-inline:auto}.section-related-links>.container>.heading{text-align:center;inline-size:fit-content;font-weight:var(--font-weight-regular);font-size:var(--font-size-32);margin:0 auto 1.75em}.section-related-links>.container>.heading>span{text-underline-offset:.35em;text-decoration:underline;text-decoration-thickness:calc(1*var(--rem))}.section-related-links .banner-links{gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));display:grid}.section-related-links .banner-links>li{display:contents}.section-related-links .banner-links>li>a{contain:layout paint;border:1px solid color-mix(in srgb,var(--color-text)5%,transparent);box-sizing:border-box;margin:0;transition:filter .2s;display:grid}.section-related-links .banner-links>li>a:focus-visible{filter:brightness(1.1)}@media (any-hover:hover){.section-related-links .banner-links>li>a:hover{filter:brightness(1.1)}}.section-related-links .banner-links>li>a img{-o-object-fit:contain;object-fit:contain;aspect-ratio:620/300;block-size:100%;inline-size:100%}.accordion-container{row-gap:var(--spacer-md);flex-direction:column;inline-size:100%;margin-inline:auto;display:grid}.accordion-container:not(:last-child){margin-block-end:var(--spacer-lg)}.accordion-item{--_accordion-inline-gutter:max(2.5%,var(--gutter));--_accordion-block-gutter:var(--spacer-md);--_accordion-duration:.32s;--_accordion-summary-min-block-size:2.5rem;margin-block:0}.accordion-item .accordion-summary{min-block-size:1em;font-size:var(--font-size-16);font-weight:var(--font-weight-bold);grid-template-columns:1fr auto;align-items:flex-start;gap:.5rem;display:grid;position:relative}.accordion-item .accordion-summary::-webkit-details-marker{display:none}.accordion-item .accordion-summary:before{block-size:var(--_accordion-summary-min-block-size);position:relative}.accordion-item .accordion-summary:after{inline-size:var(--_accordion-summary-min-block-size);aspect-ratio:1;content:"";background:var(--img-ico-circle-plus)no-repeat center/calc(100% - 2px);transition:transform var(--_accordion-duration)ease;display:block;position:relative;transform:rotate(180deg)}.accordion-item.has-icon-open .accordion-summary:before{height:calc(100% + var(--_accordion-block-gutter))}.accordion-item.has-icon-open .accordion-summary:after{background-image:var(--img-ico-circle-minus);transform:rotate(0)}.accordion-item .accordion-item-title{max-inline-size:100%;min-block-size:var(--_accordion-summary-min-block-size);cursor:pointer;padding-block:.125em;display:block}.accordion-item .accordion-panel{transition:grid-template-rows var(--_accordion-duration)var(--ease-out-sine);grid-template-rows:0fr;display:grid}.accordion-item[data-accordion-open=true] .accordion-panel{grid-template-rows:1fr}.accordion-item .accordion-panel__inner{overflow:hidden}.accordion-item .accordion-panel__inner :last-child{margin-block-end:0}.accordion-item .accordion-content{padding-block-start:var(--spacer-sm)}.accordion-item .accordion-summary .accordion-item-title:focus-visible{text-decoration:underline}@media (any-hover:hover){.accordion-item .accordion-summary .accordion-item-title:hover{text-decoration:underline}}.media-advisor{--_thumbnail-aspect-ratio:3/2;--_thumbnail-inline-size:calc(160*var(--rem));background-color:var(--color-base);margin:calc(var(--spacer-lg) + 4cqi)auto var(--spacer-lg);inline-size:min(100%,var(--container-max-width-md));padding:var(--gutter-sm);gap:var(--spacer)var(--gutter);display:grid;position:relative;container:media-advisor/inline-size}.media-advisor.has-thumb-square{--_thumbnail-inline-size:calc(80*var(--rem));--_thumbnail-aspect-ratio:1;grid-template-columns:auto 1fr}@container main (inline-size>=36em){.media-advisor{grid-template-columns:min(var(--_thumbnail-inline-size),24%)1fr;font-size:var(--font-size-28);padding:var(--gutter)}}.media-advisor .head-label{aspect-ratio:124.261/81;inline-size:44%;position:absolute;inset-block-start:calc(-1*max(var(--spacer),20cqi))}@container main (inline-size>=36em){.media-advisor .head-label{inline-size:18%;inset-block-start:calc(-1*max(var(--spacer),9cqi))}}.media-advisor .thumbnail{aspect-ratio:var(--_thumbnail-aspect-ratio);max-inline-size:var(--_thumbnail-inline-size);margin:0;margin-inline:auto;display:block;position:relative;overflow:clip}@container main (inline-size>=36em){.media-advisor .thumbnail{margin:initial}}.media-advisor .thumbnail img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;display:block}.media-advisor .contents{font-size:var(--font-size-12)}.media-advisor .contents :where(h2,h3,h4):first-child{font-family:var(--font-family-sans-serif-en);font-size:var(--font-size-24);margin-block-end:.5em}@container main (inline-size>=48em){.media-advisor .contents :where(h2,h3,h4):first-child{font-size:var(--font-size-20)}}.banner-old-lens{background-color:var(--color-base);padding-inline:max(5cqi,var(--gutter-lg));gap:var(--gutter)max(7.5cqi,var(--gutter-lg));border:max(calc(1*var(--rem)),1px)solid var(--color-text);display:grid;container:banner-old-lens/inline-size}@container main (inline-size>=48em){.banner-old-lens{grid-template-columns:1fr min(30cqi,calc(348*var(--rem)));align-items:center}}@container main (inline-size>=48em){.banner-old-lens>.contents{block-size:100%;padding-block-end:var(--gutter-lg)}}.banner-old-lens>.contents>.heading{max-inline-size:calc(523*var(--rem));margin:0 auto var(--gutter);text-align:center;aspect-ratio:1046/388;justify-content:center;align-items:flex-start;display:grid;position:relative}.banner-old-lens>.contents>.heading img{-o-object-fit:contain;object-fit:contain;block-size:100%;inline-size:100%;display:block}.banner-old-lens>.contents>.heading img:first-child{position:relative}.banner-old-lens>.contents>.heading img:last-child{block-size:100%;inline-size:100%;margin:auto;position:absolute;inset:0}.banner-old-lens>.contents .button-wrapper{justify-content:center;display:flex}.banner-old-lens>.thumbnail{padding-block:var(--gutter-lg);max-inline-size:min(calc(334.827*var(--rem)),100%);margin:auto}.recommended-recipe{gap:var(--spacer-lg)max(var(--gutter),5cqi);padding-block:var(--spacer-xl)var(--spacer-xxl);flex-direction:column;display:flex;position:relative;container:recommended-recipe/inline-size}@container main (inline-size>=48em){.recommended-recipe{grid-template-columns:1fr 42cqi;display:grid}}.recommended-recipe>:where(*){inline-size:100%}.recommended-recipe:not(:last-child):after{--_size:calc(8*var(--rem));content:"";block-size:var(--spacer-lg);background:radial-gradient(circle,black 20%,transparent 21%)0 0/var(--_size)var(--_size)repeat;margin:auto auto 0;display:block;position:absolute;inset:auto 0 0}.recommended-recipe .contents{position:relative}.recommended-recipe .head-title{margin-block-end:var(--spacer-md)}.recommended-recipe .head-title>.label{inline-size:clamp(calc(166.494*var(--rem)),calc(152.847/360*100%),calc(180*var(--rem)))}.recommended-recipe .head-title>.label img{block-size:auto;inline-size:100%}.recommended-recipe .head-title>.shoulder{font-size:var(--font-size-18);margin-block-start:.5em}.recommended-recipe .head-title>.heading{text-align:initial;font-family:var(--font-family-sans-serif-en);font-size:var(--font-size-50);letter-spacing:0}@container main (inline-size>=48em){.recommended-recipe .head-title>.heading{font-size:var(--font-size-64)}}.recommended-recipe .head-title>.sub{font-size:var(--font-size-20);font-family:var(--font-family-sans-serif-en);font-weight:var(--font-weight-bold);letter-spacing:normal;line-height:var(--leading-md)}.recommended-recipe .head-title>.sub.has-head{margin-block-start:.25em}.recommended-recipe .chart{inline-size:calc(176*var(--rem));margin:var(--spacer-md)auto 0;display:block}@container main (inline-size>=48em){.recommended-recipe .chart{margin-inline:initial}}.recommended-recipe .thumbnail-column{overflow:visible}@container main (inline-size>=48em){.recommended-recipe .thumbnail-column{aspect-ratio:2/3;align-items:center;display:grid}}.recommended-recipe .swiper{--swiper-pagination-color:var(--color-text);--swiper-pagination-bullet-inactive-color:var(--color-text);inline-size:100%}.recommended-recipe .swiper .swiper-slide img{max-inline-size:100%;margin:auto;display:block}.recommended-recipe .slide-control{-moz-column-gap:.5em;grid-template-columns:auto 1fr auto;justify-content:center;align-items:flex-end;column-gap:.5em;inline-size:fit-content;margin-inline:auto;display:grid;position:relative}.recommended-recipe .slide-control .swiper-button-prev{--_size:calc(24*var(--rem));inline-size:var(--_size);aspect-ratio:1;background-color:var(--color-base);top:0;bottom:0;border-radius:50%;block-size:auto;margin-block:auto 0;position:relative;inset:auto 0 0}.recommended-recipe .slide-control .swiper-button-prev:after{color:transparent;background-color:var(--color-text);margin:auto;font-family:none;font-size:1em;position:absolute;inset:0;-webkit-mask:none 50%/120% no-repeat;mask:none 50%/120% no-repeat}.recommended-recipe .slide-control .swiper-button-prev:focus-visible{background-color:var(--color-text)}.recommended-recipe .slide-control .swiper-button-prev:focus-visible:after{background-color:var(--color-base)}@media (any-hover:hover){.recommended-recipe .slide-control .swiper-button-prev:hover{background-color:var(--color-text)}.recommended-recipe .slide-control .swiper-button-prev:hover:after{background-color:var(--color-base)}}.recommended-recipe .slide-control .swiper-button-next{--_size:calc(24*var(--rem));inline-size:var(--_size);aspect-ratio:1;background-color:var(--color-base);top:0;bottom:0;border-radius:50%;block-size:auto;margin-block:auto 0;position:relative;inset:auto 0 0}.recommended-recipe .slide-control .swiper-button-next:after{color:transparent;background-color:var(--color-text);margin:auto;font-family:none;font-size:1em;position:absolute;inset:0;-webkit-mask:none 50%/120% no-repeat;mask:none 50%/120% no-repeat}.recommended-recipe .slide-control .swiper-button-next:focus-visible{background-color:var(--color-text)}.recommended-recipe .slide-control .swiper-button-next:focus-visible:after{background-color:var(--color-base)}@media (any-hover:hover){.recommended-recipe .slide-control .swiper-button-next:hover{background-color:var(--color-text)}.recommended-recipe .slide-control .swiper-button-next:hover:after{background-color:var(--color-base)}}.recommended-recipe .slide-control .swiper-button-prev:after{-webkit-mask-image:var(--img-ico-arrow-prev);-webkit-mask-image:var(--img-ico-arrow-prev);mask-image:var(--img-ico-arrow-prev)}.recommended-recipe .slide-control .swiper-button-next:after{-webkit-mask-image:var(--img-ico-arrow-next);-webkit-mask-image:var(--img-ico-arrow-next);mask-image:var(--img-ico-arrow-next)}.recommended-recipe .slide-control .swiper-pagination{inline-size:fit-content;min-inline-size:1rem;position:relative;top:0;bottom:0}.recommended-recipe .swiper.has-thumbnail-slider .swiper-slide{--swiper-preloader-color:var(--color-text);inline-size:100%;position:relative}@container main (inline-size>=48em){.recommended-recipe .swiper.has-thumbnail-slider .swiper-slide{place-items:center;display:grid}}.recommended-recipe .swiper.has-thumbnail-slider .swiper-slide .swiper-slide-img{aspect-ratio:3/2;contain:layout paint;inline-size:100%;margin:auto;position:relative}.recommended-recipe .swiper.has-thumbnail-slider .swiper-slide .swiper-slide-img img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;block-size:100%;inline-size:100%;margin:auto;position:absolute;inset:0}.recommended-recipe .swiper.has-thumbnail-slider .swiper-slide.has-ratio-2by3 .swiper-slide-img{aspect-ratio:2/3;max-inline-size:calc(420*var(--rem))}.recommended-recipe .swiper.has-thumbnail-slider .swiper-slide.has-ratio-3by2 .swiper-slide-img{aspect-ratio:3/2}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger{aspect-ratio:1;background-color:var(--color-text);transform-origin:100% 100%;inline-size:50px;transition:background-color .2s,color .2s;position:absolute;inset-block-end:0;inset-inline-end:0}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:focus-visible{background-color:var(--color-base)}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:focus-visible:before{background-color:var(--color-text)}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:focus-visible:after{background-color:var(--color-text)}@media (any-hover:hover){.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:hover{background-color:var(--color-base)}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:hover:before{background-color:var(--color-text)}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:hover:after{background-color:var(--color-text)}}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:before{content:"";background-color:var(--color-base);margin:auto;position:absolute;inset:0}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:after{content:"";background-color:var(--color-base);margin:auto;position:absolute;inset:0}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:before{inline-size:calc(1*var(--rem));block-size:100%}.recommended-recipe .swiper.has-thumbnail-slider .dialog-slide-trigger:after{inline-size:100%;block-size:calc(1*var(--rem))}.recommended-recipe .dialog-modal-close{--_bg:transparent;--_cross:var(--color-base);--_btn-spacer:calc(12.5*var(--rem));inline-size:4em;inset-block-start:var(--_btn-spacer);inset-inline-end:calc(var(--_btn-spacer) + var(--window-scroll-bar-width,0px))}.recommended-recipe .dialog-modal-close:before{inline-size:70%}.recommended-recipe .dialog-modal-close:after{inline-size:70%}.recommended-recipe .dialog-modal.has-recommended-recipe{background-color:transparent;min-block-size:100dvb;min-inline-size:100dvi;margin:auto;inset-block:0;inset-inline:0 auto;overflow:auto}.recommended-recipe .dialog-modal.has-recommended-recipe .dialog-modal-container{padding:0}.recommended-recipe .dialog-modal.has-recommended-recipe .dialog-modal-container .swiper-slide{--swiper-preloader-color:var(--color-base);block-size:100dvb;inline-size:100dvi}.recommended-recipe .dialog-modal.has-recommended-recipe .dialog-modal-container .swiper-slide .swiper-img-container{max-inline-size:min(calc(100% - var(--spacer)),calc(1400*var(--rem)));max-block-size:min(calc(100% - var(--spacer)),calc(1400*var(--rem)));contain:layout paint;margin:auto;position:absolute;inset:0}.recommended-recipe .dialog-modal.has-recommended-recipe .dialog-modal-container .swiper-slide .swiper-img-container img{-o-object-fit:contain;object-fit:contain;block-size:100%;inline-size:100%}.recommended-recipe .dialog-modal.has-recommended-recipe .dialog-modal-container .swiper-slide .swiper-img-caption{inline-size:fit-content;max-inline-size:calc(100% - calc(var(--gutter)*2));color:var(--color-base);inset:auto 0 calc(var(--spacer-sm) + var(--spacer-lg));border-radius:var(--infinity);font-size:var(--font-size-10);background-color:rgba(0,0,0,.25);margin:auto;padding:.25em 1em;position:absolute}.recommended-recipe .dialog-modal.has-recommended-recipe .dialog-modal-container .slide-control{--swiper-pagination-color:var(--color-base);--swiper-pagination-bullet-inactive-color:var(--color-base);z-index:200;margin:auto auto 0;position:fixed;inset-block-end:.5rem;inset-inline:0}.comparison-images{gap:var(--gutter-lg);inline-size:100%;max-inline-size:var(--container-max-width-lg);margin-inline:auto;display:grid}@container main (inline-size>=48em){.comparison-images{grid-template-columns:36% 1fr;align-items:flex-start}}.comparison-images.has-narrow-container{max-inline-size:var(--container-max-width-md)}.comparison-images .figure{inline-size:100%;display:block}.comparison-images .figure .head-label{font-family:var(--font-family-sans-serif-en);font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:var(--leading-sm);font-size:var(--font-size-18);margin-block-end:.25em}.comparison-images .figure img{block-size:auto;inline-size:100%}.comparison-images .figure figcaption{font-size:var(--font-size-12);margin-block-start:var(--spacer-xs)}.comparison-images .figure-before{background-color:var(--color-base);padding:var(--spacer-sm);inline-size:60%}@container main (inline-size>=48em){.comparison-images .figure-before{padding:var(--spacer);inline-size:initial}}.media-step{gap:var(--gutter)max(var(--gutter-lg),7.5cqi);padding-block:var(--spacer-xl);align-items:flex-start;display:grid;position:relative;container:media-step/inline-size}@container main (inline-size>=48em){.media-step{grid-template-columns:55cqi 1fr;padding-inline-end:var(--gutter-lg)}}@container main (inline-size>=75em){.media-step{padding-inline-end:max(7.5cqi,var(--gutter-lg))}}.media-step:before{--_stroke:calc(4*var(--rem));inline-size:100%;block-size:var(--_stroke);content:"";background-image:linear-gradient(to right,var(--color-text),var(--color-text)var(--_stroke),transparent var(--_stroke),transparent calc(var(--_stroke)*4));background-size:calc(9*var(--rem))calc(1.5*var(--rem));background-position:0 0;background-repeat:repeat-x;position:absolute;inset:0 0 auto}.media-step>.contents{row-gap:var(--spacer);display:grid}.media-step .heading-group{-moz-column-gap:var(--spacer);align-items:center;column-gap:var(--spacer);grid-template-columns:auto 1fr;display:grid}.media-step .heading-group>.step{--_stroke-size:calc(4*var(--rem));--_stroke-gutter:calc(8*var(--rem));inline-size:1.75em;font-size:var(--font-size-40);background:linear-gradient(to bottom,var(--color-text)0%,var(--color-text)var(--_stroke-size),transparent var(--_stroke-size),transparent var(--_stroke-gutter),var(--color-secondary)var(--_stroke-gutter),var(--color-secondary)100%);border-bottom-left-radius:var(--infinity);border-bottom-right-radius:var(--infinity);row-gap:.125em;padding:.5em .125em;display:grid;position:relative}.media-step .heading-group>.step:before{content:"";aspect-ratio:21/9;background-color:var(--color-base);inline-size:90%;-webkit-mask:var(--img-text-handwrite-step)no-repeat center/contain;-webkit-mask:var(--img-text-handwrite-step)no-repeat center/contain;mask:var(--img-text-handwrite-step)no-repeat center/contain;margin:0 auto;display:block}.media-step .heading-group>.step:after{content:"" attr(data-step);color:var(--color-base);text-shadow:calc(4*var(--rem))calc(4*var(--rem))0px var(--color-text);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#284543;font-family:var(--font-family-sans-serif-en);font-style:normal;font-weight:var(--font-weight-bold);text-align:center;line-height:1}.media-step .heading-group .heading{font-size:var(--font-size-20);margin-block:var(--spacer-sm)auto;line-height:var(--leading-lg)}@container (width>=48em){.media-step .heading-group .heading{font-size:var(--font-size-24)}}.media-step .heading-group .heading{font-weight:var(--font-weight-medium)}.media-step .heading-group .heading strong{font-weight:var(--font-weight-medium)}.media-step .heading-group .heading>span{display:block}.media-step .heading-group .heading strong{text-decoration:underline;-webkit-text-decoration-color:var(--color-secondary);text-decoration-color:var(--color-secondary);text-underline-offset:.35em;text-decoration-thickness:.16em}.media-step .thumbnail{display:block}.media-step .thumbnail img{max-inline-size:calc(400*var(--rem));height:auto;inline-size:100%;margin:0 auto;display:block}.step-headline{row-gap:var(--gutter);padding-block:var(--spacer-lg)var(--spacer-xl);display:grid;overflow:clip visible}@container main (inline-size>=48em){.step-headline{padding-block:var(--spacer-xl)}}.step-headline>.heading-group{row-gap:var(--gutter);display:grid;position:relative;overflow:visible}.step-headline>.heading-group>.head-label{z-index:1;display:grid;position:relative}@container main (inline-size>=48em){.step-headline>.heading-group>.head-label{grid-template-columns:auto auto;inline-size:fit-content}}.step-headline>.heading-group>.head-label>span{--_radius:.75em;inline-size:fit-content;font-family:var(--font-family-sans-serif-en);font-weight:var(--font-weight-bold);font-size:var(--font-size-14);line-height:var(--leading-md);padding:.25em var(--_radius);border-radius:var(--_radius)}.step-headline>.heading-group>.head-label>span:first-child{text-transform:uppercase;background-color:var(--color-secondary);color:var(--color-base);border-bottom-right-radius:0;border-bottom-left-radius:0}@container main (inline-size>=48em){.step-headline>.heading-group>.head-label>span:first-child{border-bottom-left-radius:var(--_radius);border-top-right-radius:0}}.step-headline>.heading-group>.head-label>span:nth-child(2){background-color:var(--color-base);color:var(--color-secondary);border-top-left-radius:0;min-inline-size:min(100cqi,24em)}@container main (inline-size>=48em){.step-headline>.heading-group>.head-label>span:nth-child(2){border-bottom-left-radius:0;min-inline-size:24em}}.step-headline>.heading-group>.heading{z-index:1;position:relative}.step-headline>.heading-group>.step{font-size:var(--font-size-160);font-family:var(--font-family-sans-serif-en);font-weight:var(--font-weight-bold);color:var(--color-base);z-index:0;line-height:1;position:absolute;inset-block-start:calc(100% - .35em)}.step-headline>.heading-group>.step:before{content:"" attr(data-step)}.step-headline>.contents{z-index:2;row-gap:var(--gutter-lg);display:grid;position:relative}.step-by-step-guide-list{gap:var(--gutter-lg)max(5cqi,var(--gutter));padding:0;list-style:none;display:grid;container:step-by-step-guide-list/inline-size}@container main (inline-size>=48em){.step-by-step-guide-list{grid-template-columns:repeat(2,1fr)}}.step-by-step-guide-list>li{gap:var(--gutter-sm);font-size:var(--font-size-14);grid-template-columns:repeat(2,1fr);display:grid}.step-by-step-guide-list .thumbnail{display:block}.step-by-step-guide-list .thumbnail img{inline-size:100%}.header{--_logo-gutter:max(16px,calc(20*var(--rem)),var(--spacer));pointer-events:none;padding:var(--_logo-gutter)0 0 var(--_logo-gutter);z-index:var(--z-header);max-inline-size:var(--container-max-width-view);justify-content:space-between;align-items:center;margin-inline:auto;display:grid;position:absolute;inset:0 0 auto}.header a{pointer-events:initial}.header .logo-brand{--_nikon-logo-size:40px;inline-size:var(--_nikon-logo-size);aspect-ratio:1;display:block}@media (min-width:48em){.header .logo-brand{--_nikon-logo-size:68px}}.footer{background-color:var(--color-text);color:var(--color-base);max-inline-size:var(--container-max-width-view);z-index:1;margin-inline:auto;position:relative;container:footer/inline-size}.footer .footer-container{justify-content:center;gap:var(--spacer);padding:var(--spacer-lg)max(var(--gutter),var(--safe-left),var(--safe-right));inline-size:90%;margin:auto;display:grid}@container (inline-size>=48em){.footer .footer-container{-moz-column-gap:var(--gutter-lg);justify-content:space-between;align-items:center;column-gap:var(--gutter-lg);grid-template-columns:auto 1fr}}.footer .footer-content{justify-content:center;row-gap:var(--spacer-md);display:grid}@container (inline-size>=48em){.footer .footer-content{-moz-column-gap:clamp(var(--gutter-lg),7.5cqi,var(--spacer-xxl));justify-content:space-between;align-items:center;column-gap:clamp(var(--gutter-lg),7.5cqi,var(--spacer-xxl));grid-template-columns:auto auto}}.footer .shared-links{margin:0 auto var(--spacer);-moz-column-gap:max(1em,7.5%);justify-content:center;column-gap:max(1em,7.5%);padding:0;display:flex}@container (inline-size>=48em){.footer .shared-links{margin-block:0}}.footer .shared-links li{inline-size:calc(40*var(--rem))}.footer .shared-links li a{transition:scale .2s;display:block}.footer .shared-links li a:focus-visible{scale:1.1}@media (any-hover:hover){.footer .shared-links li a:hover{scale:1.1}}.footer .shared-links li a img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;block-size:100%;inline-size:100%}@media (any-hover:hover){@container (inline-size>=48em){.footer .shared-links li.has-link-line{display:none}}}.footer .btn-recommended{text-align:center;font-size:var(--font-size-14);font-weight:var(--font-weight-bold)}.footer .footer-info{display:grid}@container (inline-size>=48em){.footer .footer-info{justify-content:flex-end}}.footer .copyright{text-align:center;line-height:var(--leading-sm);inline-size:fit-content}.footer .copyright>small{font-family:var(--font-family-sans-serif-en);font-weight:var(--font-weight-bold);font-size:var(--font-size-11)}.footer .copyright>small>span{display:inline-block}:where(.footer) .dialog-modal{--_max-block-size:calc(360*var(--rem))}:where(.footer) .dialog-modal .dialog-modal-container{place-items:center;display:grid}:where(.footer) .dialog-modal .recommended-info{font-size:var(--font-size-14);background-color:var(--color-base);display:grid;position:relative}@media (min-width:48em){:where(.footer) .dialog-modal .recommended-info{gap:var(--spacer)var(--gutter);grid-template-columns:auto 1fr}}:where(.footer) .dialog-modal .recommended-info .heading{text-align:left;font-size:var(--font-size-16);margin:0 auto 1em 0}:where(.footer) .dialog-modal .recommended-info .recommended-description .info{row-gap:var(--spacer);display:grid}:where(.footer) .dialog-modal .recommended-info .recommended-description .info .grid{gap:var(--gutter);grid-template-columns:auto auto;display:grid}:where(.footer) .dialog-modal .recommended-info .recommended-description .info.has-desktop{display:none}@media (any-hover:hover) and (min-width:48em){:where(.footer) .dialog-modal .recommended-info .recommended-description .info.has-desktop{display:grid}}@media (any-hover:hover) and (min-width:48em){:where(.footer) .dialog-modal .recommended-info .recommended-description .info.has-mobile{display:none}}:where(.footer) .dialog-modal .recommended-info .recommended-description .info p>small{line-height:var(--leading-md)}.nav-menu-container{--_toggle-width:calc(90*var(--rem));inline-size:100%;max-inline-size:var(--container-max-width-view);pointer-events:none;z-index:var(--z-nav-menu);justify-content:flex-end;margin:auto;display:grid;position:fixed;inset:0 0 auto}.menu-toggle{inline-size:var(--_toggle-width);aspect-ratio:1;pointer-events:initial;z-index:10;background-color:var(--color-text);touch-action:manipulation;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0;overflow:clip}.menu-toggle .menu-toggle-img{transition:rotate .2s var(--ease-out-circ),opacity .2s ease;background:transparent var(--img-menu-close)no-repeat center/contain;grid-area:1/1;display:grid}.menu-toggle .menu-toggle-img.has-toggle{background-image:var(--img-menu-toggle);background-color:var(--color-text)}.menu-toggle .menu-toggle-img>:is(svg,img){grid-area:1/1;block-size:100%;inline-size:100%}.menu-toggle .menu-toggle-img>img{-o-object-fit:contain;object-fit:contain}.has-menu-shown:root .menu-toggle{background-color:transparent;transition:background-color .2s .6s}.has-menu-shown:root .menu-toggle .menu-toggle-img{rotate:-180deg}.has-menu-shown:root .menu-toggle .menu-toggle-img.has-toggle{opacity:0}.nav-menu{pointer-events:initial;visibility:hidden;max-block-size:100dvh;position:absolute;inset:0 0 auto auto;overflow:clip}.nav-menu{color:var(--color-base)}.nav-menu a{color:var(--color-base)}.nav-menu:before{content:"";background-color:var(--color-text);z-index:0;transform-origin:100% 0;block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-end:0;scale:1 0}.nav-menu:after{content:"";background-color:var(--color-text);z-index:0;transform-origin:100% 0;block-size:100%;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-end:0;scale:1 0}.nav-menu:after{transform-origin:0 100%}.nav-menu .nav-menu-scroller{block-size:100%;inline-size:100%;max-block-size:inherit;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;z-index:1;opacity:0;translate:0 var(--spacer);display:block;position:relative;overflow:auto}.nav-menu .nav-menu-inner{padding-block:calc(var(--_toggle-width) + var(--spacer-sm))var(--spacer-lg);padding-inline:var(--gutter-lg)var(--spacer-lg);position:relative}.nav-menu :where(.nav-menu-lists,.nav-menu-lists .sub-menu){row-gap:1em;padding:0;display:grid}.nav-menu :where(.nav-menu-lists,.nav-menu-lists .sub-menu) li>a{inline-size:fit-content;text-decoration:none;display:block}@media (any-hover:hover){.nav-menu :where(.nav-menu-lists,.nav-menu-lists .sub-menu) li>a:hover{text-decoration:underline}}.nav-menu .nav-menu-lists{font-size:var(--font-size-18)}.nav-menu .nav-menu-lists .sub-menu{font-size:var(--font-size-16);padding-block-start:var(--spacer-md)}.nav-menu .nav-menu-lists .sub-menu>li{grid-template-columns:var(--spacer-md)1fr;-moz-column-gap:var(--spacer);column-gap:var(--spacer);display:grid}.nav-menu .nav-menu-lists .sub-menu>li:before{--_stroke-half:calc(1*var(--rem)*.5);content:"";background:linear-gradient(to bottom,transparent 0%,transparent calc(50% - var(--_stroke-half)),currentColor calc(50% - var(--_stroke-half)),currentColor calc(50% + var(--_stroke-half)),transparent calc(50% + var(--_stroke-half)),transparent 100%);opacity:.5;block-size:1lh;display:block}.has-page-active:root .nav-menu{transition:visibility .4s}.has-page-active:root .nav-menu:before{transition:scale .3s var(--ease-in-out-circ),visibility .3s}.has-page-active:root .nav-menu:after{transition:scale .3s var(--ease-in-out-circ),visibility .3s}.has-page-active:root .nav-menu .nav-menu-scroller{transition:translate .1s var(--ease-out-circ),opacity .1s}.has-menu-shown:root .nav-menu{visibility:visible}.has-menu-shown:root .nav-menu:before{transition-duration:.5s,.5s;scale:1}.has-menu-shown:root .nav-menu:after{transition-duration:.5s,.5s;scale:1}.has-menu-shown:root .nav-menu .nav-menu-scroller{opacity:1;transition-duration:.4s,.4s;transition-delay:.2s,.2s;translate:0}