.portfolio-open.section{background:linear-gradient(var(--color-taupe) 0 calc(100% - 300px), transparent 0);padding-block:36px 0;display:block}.portfolio-open{--opener-h1:clamp(64px, 10.6vw, 164px);--opener-h1-phone:clamp(40px, 13.8vw, 60px);--bold:1em}.portfolio-open-head{position:relative}.portfolio-open h1 .t-bold{letter-spacing:.01em;line-height:.92}.portfolio-open h1 .t-thin{letter-spacing:0;margin-top:.1em;font-size:.36em;line-height:1.1}.portfolio-open-side{align-items:end;gap:24px;display:flex;position:absolute;bottom:4px;right:0}.portfolio-open-side .intro{text-align:right;text-wrap:balance;max-width:9.5em}.portfolio-open .opener-flower{flex:0 0 92px;width:92px;position:static}.portfolio-doors{grid-template-columns:minmax(0,440fr) minmax(0,380fr) minmax(0,300fr);align-items:start;gap:clamp(24px,4.4vw,64px);margin-top:32px}@media (width>=90.01rem){.portfolio-doors{grid-template-columns:440px 380px 300px;justify-content:space-between}}.portfolio-doors>li:nth-child(2){margin-top:72px}.portfolio-doors>li:nth-child(3){margin-top:144px}.portfolio-doors .door-name{letter-spacing:.05em;font-size:clamp(22px,2.8vw,40px)}.portfolio-doors>li:nth-child(2) .door-name{font-size:clamp(20px,2.2vw,32px)}.portfolio-doors>li:nth-child(3) .door-name{font-size:clamp(18px,1.8vw,26px)}@media (width>=48rem) and (width<=73.74rem){.portfolio-open-side{justify-content:space-between;margin-top:18px;position:static}.portfolio-open-side .intro{text-align:left;max-width:none}.portfolio-open .opener-flower{flex-basis:64px;width:64px}}.portfolio-doors .door-line{align-items:baseline;gap:10px;display:flex}.portfolio-doors .door-line .print-mark{transform:translateY(-2px)}@media (width<=47.99rem){.portfolio-open.section{background:linear-gradient(var(--color-taupe) 0 calc(40vw + 250px), transparent 0);padding-top:24px}.portfolio-open-head{gap:10px;display:grid}.portfolio-open-side{justify-content:space-between;position:static}.portfolio-open-side .intro{text-align:left;max-width:none;font-size:19px}.portfolio-open .opener-flower{flex-basis:44px;width:44px}.portfolio-open h1 .t-thin{font-size:clamp(24px,7.8vw,34px)}.portfolio-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px;margin-top:18px}.portfolio-doors>li:nth-child(n){margin-top:0}.portfolio-doors>li:first-child{grid-column:1/-1}.portfolio-doors>li:first-child .print-fig{margin-inline:calc(-1 * var(--spacing-gutter));width:calc(100% + 2 * var(--spacing-gutter));max-width:440px}.portfolio-doors .print-box .print{--ar:2 / 3}.portfolio-doors .door-name,.portfolio-doors>li:nth-child(n) .door-name{font-size:28px}.portfolio-doors>li:nth-child(n+2) .door-name{font-size:22px}.portfolio-doors>li:nth-child(n+2) .door-line{gap:8px;font-size:15px}}.detail-row.section{padding-block:64px;background:var(--color-baby-blue);align-items:center;margin-top:72px;padding-left:0}.detail-row .col-photo{grid-column:1/span 7}.detail-row .col-text{grid-column:8/span 5}.detail-row h2{--bold:.8em;font-size:clamp(42px,4.4vw,68px)}.detail-row h2 .detail-line{display:block}.detail-row .col-text p{text-wrap:pretty;max-width:25em}.detail-links{border-top:1px solid var(--color-ocean);flex-wrap:wrap;gap:6px 32px;max-width:25em;margin-top:28px;padding-top:20px;display:flex}@media (width<=63.99rem){.detail-row.section{padding-left:var(--spacing-gutter)}.detail-row .col-photo,.detail-row .col-text{grid-column:1/span 12}}@media (width<=47.99rem){.detail-row.section{margin-top:52px;padding-block:40px}.detail-row h2{font-size:44px}}.roll-open.section{grid-template-rows:none;align-items:start;padding-block:30px 28px}.roll-open{--opener-h1:clamp(64px, 8.4vw, 132px);--bold:.86em}@media (width>=48rem){.roll-open.section{padding-bottom:124px}.roll-open+.sheet-band{padding-top:0;display:flow-root}.roll-open+.sheet-band .sheet{z-index:1;margin-top:-96px;position:relative}.roll-open+.sheet-band .frame.top .frame-no{color:var(--color-ink)}}.roll-open-title{grid-column:1/span 7}.roll-open h1 .t-thin{font-size:.5em;line-height:1}.roll-open-side{grid-column:8/span 5;padding-top:6px}.roll-open-side .lead{max-width:24em}.roll-tabs{border-top:1px solid var(--color-ocean);flex-wrap:wrap;gap:6px 26px;margin-top:24px;padding-top:18px;display:flex}.roll-tabs a,.roll-tabs span{padding-block:6px;display:inline-block}main .roll-tabs a{color:var(--color-ink);text-decoration:none}main .roll-tabs a:hover{text-decoration:underline;text-decoration-color:var(--color-gold);text-underline-offset:5px;text-decoration-thickness:2px}.roll-tabs [aria-current]{border-bottom:2px solid var(--color-ink)}.roll-open.opener--blue .roll-tabs,.roll-open.opener--fog .roll-tabs{border-color:var(--color-ocean)}.roll-open+.sheet-band{margin-top:0}@media (width<=63.99rem){.roll-open-title,.roll-open-side{grid-column:1}.roll-open-side{margin-top:4px}}@media (width<=47.99rem){.roll-open.section{row-gap:10px;padding-block:18px 16px}.roll-open h1{font-size:clamp(46px,14.6vw,62px)}.roll-open h1 .t-bold{--bold:1em;line-height:.94}.roll-open h1 .t-thin{font-size:.6em}.roll-open .intro{font-size:17px}.roll-open-side{margin-top:0;padding-top:0}.roll-open-side .lead{font-size:16px;line-height:1.45}.roll-tabs{gap:0 22px;margin-top:10px;padding-top:6px}.roll-open+.sheet-band{padding-top:24px}}.strip-band{padding-inline:0}.detail-row+.strip-band{margin-top:0}.strip-head{padding-inline:var(--spacing-gutter);justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.strip-readout{color:var(--color-mist);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-self:center;margin-right:12px}.sheet.sheet-strip .frame-no{display:none}.strip-head h2{font-size:clamp(44px,4.8vw,76px)}.strip-head .intro{color:var(--color-mist)}.strip-controls{flex:none;gap:8px;display:flex}.strip-controls[hidden]{display:none}.strip-controls .lens-btn:disabled{opacity:.35;cursor:default}.sheet.sheet-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 var(--spacing-gutter) 16px;scroll-padding-inline:var(--spacing-gutter);scrollbar-width:thin;scrollbar-color:var(--color-lake) transparent;gap:12px;display:flex;overflow-x:auto}.sheet.sheet-strip[data-drift]{scroll-snap-type:none}.sheet.sheet-strip .frame{flex:0 0 calc((100vw - var(--spacing-gutter) - 3 * 12px) / 3.3);scroll-snap-align:start}@media (width<=63.99rem){.sheet.sheet-strip .frame{flex-basis:calc((100vw - var(--spacing-gutter) - 2 * 12px) / 2.25)}}@media (width<=47.99rem){.strip-head{margin-bottom:20px}.strip-readout{margin-right:6px;font-size:13px}.sheet.sheet-strip .frame{flex-basis:calc((100vw - var(--spacing-gutter) - 12px) / 1.25)}}.sheet .frame-link.vf{height:100%;color:inherit;cursor:zoom-in;flex-direction:column;padding:0;text-decoration:none;display:flex}.sheet .frame-link:focus-visible{outline-offset:4px}.sheet .frame-link .print{flex:none;display:block}.sheet .frame-no{letter-spacing:.02em;font-variant-numeric:tabular-nums;flex:none;height:20px;margin:0 0 4px;font-size:13px;line-height:20px}@media (width>=48rem){.sheet{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet .frame.wide .print{flex:1 0 auto}.sheet-band .sheet:not(.sheet-strip){grid-template-columns:repeat(39,minmax(0,1fr));column-gap:0;margin-inline:-6px}.sheet-band .sheet:not(.sheet-strip) .frame{grid-column:span 13;padding-inline:6px}.sheet-band .sheet:not(.sheet-strip) .frame.wide{grid-column:span 26}.sheet-band .sheet:not(.sheet-strip) .frame.pair{grid-column:span 12}.sheet-band .sheet:not(.sheet-strip) .frame.pair.wide{grid-column:span 27}.sheet-band .sheet:not(.sheet-strip) .frame.closing,.sheet-band .sheet:not(.sheet-strip) .sheet-words{grid-column:1/-1}.sheet-band .sheet:not(.sheet-strip) .frame.closing{margin-inline:calc(6px - var(--spacing-gutter));padding-inline:0}}.sheet .frame.closing{margin-inline:calc(-1 * var(--spacing-gutter));grid-column:1/-1}.sheet .frame.closing .frame-no{padding-left:var(--spacing-gutter)}.sheet .frame.closing .print{aspect-ratio:auto;flex:none;width:100%;height:min(100svh - 72px,66.7vw)}@media (width<=47.99rem){.sheet-band .sheet:not(.sheet-strip){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.sheet-band .sheet:not(.sheet-strip) .frame.wide,.sheet-band .sheet:not(.sheet-strip) .frame.solo{grid-column:1/-1}.sheet-band .sheet:not(.sheet-strip) .frame.wide{margin-inline:calc(-1 * var(--spacing-gutter))}.sheet-band .sheet:not(.sheet-strip) .frame.wide .frame-no{padding-left:var(--spacing-gutter)}}.sheet-words{text-align:center;grid-column:1/-1;padding:104px 0 96px}.sheet-words blockquote{margin:0}.sheet-words blockquote p{--bold:.62em;text-wrap:balance;max-width:19em;margin-inline:auto;font-size:clamp(34px,3.9vw,60px);line-height:1.08}.sheet-words blockquote .t-bold{letter-spacing:.03em}.sheet-words-by{max-width:none;font-family:var(--font-handwriting);margin-top:24px;font-size:28px;line-height:1.2}main .sheet-words-by a{font-family:var(--font-text);color:var(--color-overcast);margin-left:18px;font-size:16px}@media (width<=47.99rem){.sheet-words{padding:56px 0 52px}}.closer .next-roll>span,.closer .next-roll>a{display:block}.closer .next-roll a{width:fit-content;color:inherit;text-decoration:underline;text-decoration-color:var(--color-pearl);text-underline-offset:.16em;transition:text-decoration-thickness var(--t-fast), transform .24s var(--ease);text-decoration-thickness:2px}.closer .next-roll a:hover,.closer .next-roll a:focus-visible{text-decoration-thickness:4px;transform:translate(6px)}.closer-row{align-items:center;gap:16px 28px}main .closer .closer-link{color:var(--color-pearl);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;text-underline-offset:5px;padding-block:10px;font-size:14px;text-decoration:underline 1px}main .closer .closer-link:hover{color:var(--color-paper);text-decoration-color:var(--color-gold);text-decoration-thickness:2px}.closer-place{max-width:none;margin-top:10px;font-size:26px;line-height:1.2}.closer-flower.closer-mark{width:84px}@media (width<=47.99rem){.closer-flower.closer-mark{width:52px}}.lens{background:var(--color-ink);width:100%;max-width:none;height:100%;max-height:none;color:var(--color-overcast);border:0;margin:0;padding:0;position:fixed;inset:0}.lens::backdrop{background:var(--color-ink)}html:has(.lens[open]){overflow:hidden}.lens-screen{box-sizing:border-box;height:100%;padding:12px var(--spacing-gutter) 16px;grid-template-rows:44px minmax(0,1fr) auto;display:grid}.lens-readouts{color:var(--color-mist);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:24px;display:flex}.lens-roll{margin-left:auto}.lens-stage{touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;min-height:0;padding:12px 9px;display:flex;container-type:size}.lens-frame{--r:1.5;aspect-ratio:var(--r);width:min(100cqw, calc(100cqh * var(--r)));position:relative}.lens-frame picture,.lens-frame img{width:100%;height:100%}.lens-frame img{object-fit:contain}.lens-frame .vf-corner{border-width:2px;width:22px;height:22px}.lens-frame .vf-corner.tl{top:-9px;left:-9px}.lens-frame .vf-corner.tr{top:-9px;right:-9px}.lens-frame .vf-corner.bl{bottom:-9px;left:-9px}.lens-frame .vf-corner.br{bottom:-9px;right:-9px}.lens-caption-row{align-items:flex-start;gap:24px;display:flex}.lens-caption{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lens-controls{flex:none;gap:8px;margin-left:auto;display:flex}.lens-btn{width:44px;height:44px;color:var(--color-mist);cursor:pointer;transition:color var(--t-fast), background-color var(--t-fast);background:0 0;border:1px solid;justify-content:center;align-items:center;padding:0;display:inline-flex}.lens-btn:hover{color:var(--color-ink);background:var(--color-overcast)}.lens-btn:active{transform:translateY(1px)}.glyph-prev,.glyph-next{border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;display:block}.glyph-prev{border-right:9px solid;margin-left:-2px}.glyph-next{border-left:9px solid;margin-right:-2px}.glyph-x{width:20px;height:20px;display:block;position:relative}.glyph-x:before,.glyph-x:after{content:"";background:currentColor;width:100%;height:1px;position:absolute;top:50%;left:0}.glyph-x:before{transform:rotate(45deg)}.glyph-x:after{transform:rotate(-45deg)}@media (prefers-reduced-motion:no-preference){.lens{opacity:0;transition:opacity .16s ease, overlay .16s allow-discrete, display .16s allow-discrete}.lens[open]{opacity:1}@starting-style{.lens[open]{opacity:0}}.lens-frame[data-move] picture{animation:lens-in .2s var(--ease) backwards}.lens-frame[data-move=next] picture{--from-x:24px}.lens-frame[data-move=prev] picture{--from-x:-24px}.lens-frame[data-move=open] picture{--from-s:.96}.lens-frame[data-move] .vf-corner{animation:lens-lock .26s var(--ease) 60ms backwards}@keyframes lens-in{0%{opacity:0;transform:translateX(var(--from-x,0)) scale(var(--from-s,1))}}@keyframes lens-lock{0%{transform:translate(calc(var(--ix) * -16px), calc(var(--iy) * -16px));border-color:var(--color-poppy)}}}@media (width<=47.99rem){.lens-screen{padding:8px 0 14px}.lens-readouts{gap:14px;padding:0 12px}.lens-stage{padding:12px 0}.lens-frame .vf-corner.tl{top:8px;left:8px}.lens-frame .vf-corner.tr{top:8px;right:8px}.lens-frame .vf-corner.bl{bottom:8px;left:8px}.lens-frame .vf-corner.br{bottom:8px;right:8px}.lens-caption-row{justify-content:center;padding:0 12px}.lens-controls{gap:20px;margin-left:0}}
