.pof-site{--paper:#fefdf5;--ink:#2a2926;--soft:#6d6960;--line:#e3ded1;--tint:#f4f1e6;--serif:var(--font-display-serif), "David Libre", "Times New Roman", serif;--gut:clamp(16px, 4vw, 40px);--gap:10px;background:var(--paper);width:100%;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:clip}.pof-site *{box-sizing:border-box}.pof-site img{max-width:100%;height:auto;display:block}.pof-site a{color:inherit}.pof-site :focus-visible{outline-offset:4px;outline:1px solid}.pof-site section{scroll-margin-top:24px}.pof-site .col{max-width:calc(1100px + 2 * var(--gut));padding-inline:var(--gut);margin-inline:auto}.pof-site .small{letter-spacing:.06em;color:var(--soft);font-size:13px;font-weight:400}.pof-site .flower{background:var(--ink);width:34px;height:34px;margin:0 auto 28px;display:block;-webkit-mask:url(/site/flower.png) 50%/contain no-repeat;mask:url(/site/flower.png) 50%/contain no-repeat}.pof-site h2,.pof-site h3{font-family:var(--serif);font-weight:300}.pof-site .hero{color:#fefdf5;text-shadow:0 1px 12px #00000059;height:100svh;min-height:520px;position:relative;overflow:hidden}.pof-site .hero>img{object-fit:cover;object-position:50% 45%;width:100%;height:100%;position:absolute;inset:0}.pof-site .hero:before,.pof-site .hero:after{content:"";pointer-events:none;z-index:1;position:absolute;inset-inline:0}.pof-site .hero:before{background:linear-gradient(#14120f9e,#14120f40 55%,#0000);height:260px;top:0}.pof-site .hero:after{background:linear-gradient(#0000,#14120f73);height:220px;bottom:0}.pof-site .hero .top{z-index:2;padding:calc(26px + env(safe-area-inset-top,0px)) var(--gut) 0;max-width:calc(1240px + 2 * var(--gut));grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-inline:auto;display:grid;position:relative}.pof-site .hero nav{gap:clamp(14px,2.2vw,30px);font-size:14px;font-weight:400;display:flex}.pof-site .hero nav a{color:#fefdf5;opacity:.9;border-bottom:1px solid #0000;padding-bottom:2px;text-decoration:none;transition:opacity .2s,border-color .2s}.pof-site .hero nav a:hover{opacity:1;border-color:#fefdf5}.pof-site .hero nav.end{justify-content:flex-end}.pof-site .brand{flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.pof-site .brand i{filter:drop-shadow(0 1px 8px #0006);background:#fefdf5;width:26px;height:40px;display:block;-webkit-mask:url(/brand/part-of-mark.png) 50%/contain no-repeat;mask:url(/brand/part-of-mark.png) 50%/contain no-repeat}.pof-site .brand b{letter-spacing:.34em;direction:ltr;padding-inline-start:.34em;font-size:15px;font-weight:400}.pof-site .hero .bottom{z-index:2;inset-inline:0;bottom:calc(34px + env(safe-area-inset-bottom,0px));text-align:center;padding-inline:var(--gut);position:absolute}.pof-site .hero .bottom p{letter-spacing:.06em;margin:0;font-size:clamp(15px,1.3vw,17px)}.pof-site .hero .down{opacity:.7;background:#fefdf5;width:1px;height:38px;margin-top:18px;display:inline-block}.pof-site .open{text-align:center;padding-block:clamp(72px,10vw,130px) clamp(56px,7vw,96px)}.pof-site .open p{text-wrap:balance;max-width:26ch;margin:0 auto;font-size:clamp(24px,2.6vw,34px);line-height:1.45}.pof-site .words{text-align:center;padding-block:clamp(64px,9vw,120px)}.pof-site .words.lead-in{padding-bottom:clamp(40px,6vw,72px)}.pof-site .words p{max-width:40ch;margin:0 auto 1em;font-size:clamp(17px,1.35vw,19px);line-height:1.9}.pof-site .words h2{margin:0 0 28px;font-size:clamp(34px,4vw,54px);line-height:1.1}.pof-site .pair{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:1fr 1fr;display:grid}.pof-site .pair img{aspect-ratio:4/5;object-fit:cover;width:100%;height:100%}.pof-site .quote{background:var(--tint);text-align:center;aspect-ratio:4/5;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:clamp(24px,5vw,72px);display:flex}.pof-site .quote p{text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(20px,2vw,28px);line-height:1.55}.pof-site .quote .who{margin-top:22px}.pof-site .bleed{--half:min(calc((1100px - var(--gap)) / 2), calc(50% - var(--gut) - var(--gap) / 2));grid-template-columns:1fr var(--half) var(--half) 1fr;column-gap:var(--gap);margin-bottom:var(--gap);align-items:start;display:grid}.pof-site .bleed .out{margin:0}.pof-site .bleed .out img{aspect-ratio:3/2;object-fit:cover;width:100%}.pof-site .bleed .out figcaption{margin-top:12px;padding-inline:4px}.pof-site .bleed.to-end .in{grid-area:1/2}.pof-site .bleed.to-end .out{grid-area:1/3/auto/5}.pof-site .bleed.to-start .out{grid-area:1/1/auto/3}.pof-site .bleed.to-start .out figcaption{text-align:end}.pof-site .bleed.to-start .in{grid-area:1/3}.pof-site .bleed img.in{aspect-ratio:4/5;object-fit:cover;width:100%}.pof-site .bleed .txt{flex-direction:column;justify-content:center;align-self:stretch;padding:clamp(28px,4vw,64px);display:flex}.pof-site .bleed .txt.tinted{background:var(--tint)}.pof-site .bleed .txt p{max-width:38ch;margin:0 0 .9em;font-size:17px;line-height:1.85}.pof-site .bleed .quote{aspect-ratio:auto;align-self:stretch}.pof-site img[data-zoom]{cursor:zoom-in}.pof-site .list{gap:clamp(36px, 4vw, 56px) var(--gap);grid-template-columns:1fr 1fr;display:grid}.pof-site .w{appearance:none;font:inherit;color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;padding:0}.pof-site .w img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:opacity .4s}.pof-site .w:hover img{opacity:.88}.pof-site .w .n{margin-top:18px;font-size:clamp(26px,2.6vw,36px);display:block}.pof-site .beyond{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.pof-site .beyond li{border-bottom:1px solid var(--line);padding:15px 0;font-size:17px;line-height:1.6}.pof-site .beyond li span{color:var(--soft);margin-top:2px;font-size:14px;display:block}.pof-site .price{text-align:center;padding-block:clamp(72px,10vw,140px)}.pof-site .price h2{margin:0 0 36px;font-size:clamp(34px,4vw,54px)}.pof-site .rows{border-top:1px solid var(--line);max-width:760px;margin:0 auto}.pof-site .row{border-bottom:1px solid var(--line);text-align:start;grid-template-columns:.8fr 1.6fr auto;align-items:baseline;gap:20px;padding:22px 4px;font-size:clamp(18px,1.7vw,22px);display:grid}.pof-site .row b{white-space:nowrap;font-size:clamp(24px,2.4vw,32px);font-weight:400}.pof-site .row>span:nth-child(2){color:var(--soft)}.pof-site .row small{color:var(--soft);margin-top:4px;font-size:14px;line-height:1.5;display:block}.pof-site .price .note{color:var(--soft);max-width:46ch;margin:28px auto 0;font-size:16px;line-height:1.8}.pof-site .write{border-top:1px solid var(--line);text-align:center;padding-block:clamp(72px,10vw,140px)}.pof-site .write h2{margin:0 0 14px;font-size:clamp(34px,4vw,54px)}.pof-site .write .lead{color:var(--soft);max-width:36ch;margin:0 auto 48px;font-size:18px;line-height:1.8}.pof-site .site-form{text-align:start;grid-template-columns:1fr 1fr;gap:30px 24px;max-width:640px;margin:0 auto;display:grid}.pof-site .site-form .hp{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.pof-site .f{flex-direction:column;gap:6px;display:flex}.pof-site .f.wide{grid-column:1/-1}.pof-site .f label{color:var(--soft);font-size:13px;font-weight:400}.pof-site .f input,.pof-site .f textarea,.pof-site .f select{font-family:var(--serif);color:var(--ink);border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;outline:none;width:100%;padding:4px 0 9px;font-size:19px;font-weight:300}.pof-site .f input::placeholder{color:#a7a298;font-size:16px}.pof-site .f input:focus,.pof-site .f textarea:focus,.pof-site .f select:focus{border-bottom-color:var(--soft)}.pof-site .f textarea{resize:vertical;min-height:80px;line-height:1.5}.pof-site .f .hint{color:var(--soft);font-size:13px}.pof-site .f.taken{background:var(--tint);gap:10px;padding:16px 18px}.pof-site .f.taken p{margin:0;font-size:16px}.pof-site .f .check{color:var(--soft);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.pof-site .f .check input{width:auto;accent-color:var(--ink);margin-top:4px}.pof-site .f.error{color:#9b3b22;margin:0;font-size:15px}.pof-site .send{text-align:center;grid-column:1/-1;margin-top:12px}.pof-site .send button{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--serif);cursor:pointer;padding:14px 48px;font-size:16px;font-weight:400;transition:background .25s,color .25s}.pof-site .send button:hover:not(:disabled){color:var(--ink);background:0 0}.pof-site .send button:disabled{opacity:.45;cursor:default}.pof-site .form-done{text-align:center;padding-block:24px}.pof-site .form-done h3{margin:0 0 12px;font-size:clamp(30px,3.4vw,42px)}.pof-site .form-done p,.pof-site .form-note{color:var(--soft);font-size:18px;line-height:1.8}.pof-site .footer{border-top:1px solid var(--line);padding-block:26px calc(26px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.pof-site .footer a{text-decoration:none}.pof-site .story{z-index:60;background:var(--paper);padding-inline:var(--gut);position:fixed;inset:0;overflow-y:auto}.pof-site .story-bar{max-width:1100px;padding:calc(20px + env(safe-area-inset-top,0px)) 0 20px;background:var(--paper);z-index:1;justify-content:space-between;margin:0 auto;display:flex;position:sticky;top:0}.pof-site .story-bar button,.pof-site .zoom button{appearance:none;font-family:var(--serif);color:var(--ink);cursor:pointer;border:0;border-bottom:1px solid var(--ink);background:0 0;padding:0 0 2px;font-size:15px;font-weight:400}.pof-site .story-in{max-width:1100px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));margin:0 auto}.pof-site .story-names{text-align:center;margin:clamp(32px,5vw,64px) 0 clamp(40px,5vw,64px);font-size:clamp(52px,8vw,112px);line-height:1}.pof-site .story-grid{columns:2;column-gap:var(--gap)}.pof-site .story-grid img{width:100%;margin-bottom:var(--gap);break-inside:avoid}.pof-site .zoom{z-index:80;padding:calc(56px + env(safe-area-inset-top,0px)) 56px calc(56px + env(safe-area-inset-bottom,0px));background:#fefdf5f7;place-items:center;display:grid;position:fixed;inset:0}.pof-site .zoom img{max-width:calc(100vw - 112px);max-height:calc(100svh - 112px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));object-fit:contain;cursor:pointer;width:auto}.pof-site .zoom button{position:absolute}.pof-site .zoom .z-close{top:calc(20px + env(safe-area-inset-top,0px));inset-inline-start:24px}.pof-site .zoom .z-prev{top:50%;inset-inline-start:14px}.pof-site .zoom .z-next{top:50%;inset-inline-end:14px}.pof-site .zoom .z-count{bottom:calc(20px + env(safe-area-inset-bottom,0px));color:var(--soft);letter-spacing:.06em;direction:ltr;font-size:13px;position:absolute}@media (max-width:720px){.pof-site .hero .top{grid-template-columns:1fr;justify-items:center;gap:12px}.pof-site .hero nav,.pof-site .hero nav.end{justify-content:center}.pof-site .hero nav:not(.end){display:none}.pof-site .pair,.pof-site .list{grid-template-columns:1fr}.pof-site .quote{aspect-ratio:auto;padding-block:56px}.pof-site .bleed{row-gap:var(--gap);grid-template-columns:1fr}.pof-site .bleed>*{grid-area:auto/1!important}.pof-site .bleed .in{margin-inline:var(--gut)}.pof-site .bleed img.in{width:calc(100% - 2 * var(--gut))}.pof-site .bleed .out figcaption{text-align:center!important}.pof-site .bleed.to-start .in{order:-1}.pof-site .row{text-align:center;grid-template-columns:1fr;gap:4px}.pof-site .site-form{grid-template-columns:1fr}.pof-site .f.spacer{display:none}.pof-site .story-grid{columns:1}.pof-site .zoom{padding-inline:12px}.pof-site .zoom img{max-width:calc(100vw - 24px)}.pof-site .zoom .z-prev,.pof-site .zoom .z-next{top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.pof-site *{transition:none!important}}