/* wite: shared styles */
#wite{color-scheme: light;--paper: #F7F6F2;--blush: #D0BEB3;--coffee: #2A211A;--wine: #3A0914;--ink: #2A211A;--ink-soft: #6E6057;--rule: #DCD2CA;--sheet: #FCFBF8;--kraft: #C8B19D;--leather: #3B2C22;--metal-1: #F2F0EC;--metal-2: #A8A29C;--metal-3: #6F6A65;--on-dark: #F7F6F2;--on-dark-soft: #CBBDB3;--marker: rgba(208,190,179,.75);--accent: var(--wine);--sec: var(--paper);--f-body: "Manrope","Helvetica Neue",Arial,sans-serif;--f-display: "Cormorant Garamond","Cormorant",Georgia,serif;--f-ko: "Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--f-hand: "Gogol","Segoe Script","Bradley Hand",cursive;--t-xs: 0.76rem;--t-s: 0.9rem;--t-m: 1.02rem;--t-l: 1.28rem;--t-xl: clamp(2rem,1.2rem + 2.8vw,3.3rem);--t-xxl: clamp(2.8rem,1.3rem + 5.6vw,6.4rem);--wrap: 1220px;--gutter: clamp(16px,4vw,56px);--shadow: 0 1px 2px rgba(42,33,26,.1),0 16px 30px -16px rgba(42,33,26,.5);--shadow-lift: 0 2px 3px rgba(42,33,26,.1),0 30px 46px -20px rgba(42,33,26,.55);--grain: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxODAnIGhlaWdodD0nMTgwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nLjg1JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDAuMTYgMCAwIDAgMCAwLjEzIDAgMCAwIDAgMC4xMCAwIDAgMCAuMDkgMCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNuKScvPjwvc3ZnPg==");--dots: radial-gradient(circle,color-mix(in srgb,var(--ink) 22%,transparent) 1.1px,transparent 1.6px) 0 0 / 22px 22px;--torn: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNDAgMjQnIHByZXNlcnZlQXNwZWN0UmF0aW89J25vbmUnPjxwYXRoIGQ9J00wIDI0VjEybDgtMyA3IDQgOS02IDggNSAxMC00IDYgMyA5LTUgOCA2IDctMiAxMCAzIDgtNiA5IDQgNi0zIDEwIDUgNy00IDkgMiA4LTUgNyA0IDEwLTMgNiA1IDktNiA4IDMgNy0yIDEwIDUgOC00IDkgM1YyNHonLz48L3N2Zz4=")}#wite,#wite *{box-sizing: border-box}#wite{scroll-behavior: smooth}#wite{margin: 0;background: var(--paper) var(--grain);color: var(--ink);font-family: var(--f-body);font-size: var(--t-m);line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: hidden}#wite a{color: inherit}#wite img{max-width: 100%;display: block}#wite :focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}#wite h1,#wite h2,#wite h3,#wite h4{font-weight: 500;letter-spacing: -0.03em;line-height: 1.04;text-wrap: balance;margin: 0}#wite p{margin: 0}#wite ul,#wite ol{margin: 0;padding: 0}#wite figure{margin: 0}#wite [lang="ko"],#wite .ko{font-family: var(--f-ko);letter-spacing: 0}#wite button{font: inherit;color: inherit}#wite .wrap{max-width: var(--wrap);margin-inline: auto;padding-inline: var(--gutter);position: relative}#wite .eyebrow{font-size: var(--t-xs);text-transform: uppercase;letter-spacing: .16em;font-weight: 500;color: var(--ink-soft)}#wite .hand{font-family: var(--f-hand);font-weight: 400;letter-spacing: 0;line-height: 1.15;color: var(--accent)}#wite .muted{color: var(--ink-soft)}#wite .todo{background: #FFF1B8;color: #5C4600;padding: 0 6px;border-radius: 3px;font-size: .9em;font-weight: 400;font-family: var(--f-body);letter-spacing: 0;text-transform: none}#wite .logo{display: inline-block;width: 90px;aspect-ratio: 736.6 / 244.3;background: currentColor;-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MzYuNiAyNDQuMyIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSdNMzAxLjMzIDg0LjQwTDI1MS42NyAyNDQuMjFMMjE5LjkzIDI0NC4yMUwxODIuOTkgMTIyLjQxTDE0Ni4wNiAyNDQuMjFMMTE0LjYzIDI0NC4yMUw2NC45OCA4NC40MEw5NC41MiA4NC40MEwxMzEuMjYgMjEyLjgwTDE2OS45NSA4NC40MEwxOTcuNjAgODQuNDBMMjM1Ljg1IDIxMy4xNUwyNzIuNDEgODQuNDBMMzAxLjMzIDg0LjQwWicvPjxwYXRoIGQ9J003MTcuMTQgMjQ0LjMxQzcxMS42OSAyNDQuMzEgNzA3LjAzIDI0Mi40OCA3MDMuMTUgMjM4LjgxQzY5OS4yNyAyMzUuMTUgNjk3LjM0IDIzMC42OSA2OTcuMzQgMjI1LjQ1QzY5Ny4zNCAyMTkuNzkgNjk5LjI3IDIxNS4wOCA3MDMuMTUgMjExLjMxQzcwNy4wMyAyMDcuNTQgNzExLjU4IDIwNS42NSA3MTYuODIgMjA1LjY1QzcyMi40OCAyMDUuNjUgNzI3LjE5IDIwNy41NCA3MzAuOTcgMjExLjMxQzczNC43NCAyMTUuMDggNzM2LjYzIDIxOS42OSA3MzYuNjMgMjI1LjE0QzczNi42MyAyMzAuNTkgNzM0Ljc0IDIzNS4xNSA3MzAuOTcgMjM4LjgxQzcyNy4xOSAyNDIuNDggNzIyLjU4IDI0NC4zMSA3MTcuMTQgMjQ0LjMxWicvPjxwYXRoIGQ9J00zMjguMDQgODQuNDBIMzU3LjI3VjI0NC4yMkgzMjguMDRaWicvPjxwYXRoIGQ9J000OTMuMDQgMjE5LjA5TDQ5My4wNCAyNDQuMjFMNDU1LjY1IDI0NC4yMUM0NDMuNDkgMjQ0LjIxIDQzNC4yMSAyNDAuOTQgNDI3LjgzIDIzNC4zOUM0MjEuNDMgMjI3LjgzIDQxOC4yNCAyMTguNDMgNDE4LjI0IDIwNi4yMEw0MTguMjQgMTA5LjUzTDM4Ny43NSAxMDkuNTNMMzg3Ljc1IDg0LjQwTDQxOC4yNCA4NC40MEw0MTguMjQgMzkuMjlMNDQ3LjQ3IDM5LjI5TDQ0Ny40NyA4NC40MEw0OTAuODUgODQuNDBMNDkwLjg1IDEwOS41M0w0NDcuNDcgMTA5LjUzTDQ0Ny40NyAyMDIuMzNDNDQ3LjQ3IDIwNy43MCA0NDguODQgMjExLjg0IDQ1MS41NSAyMTQuNzNDNDU0LjI4IDIxNy42MyA0NTguMjYgMjE5LjA5IDQ2My41MCAyMTkuMDlMNDkzLjA0IDIxOS4wOVonLz48cGF0aCBkPSdNNTQ1LjM4IDE0OS4yOUM1NDYuMzggMTQyLjMwIDU0OC4zMSAxMzUuOTYgNTUxLjIwIDEzMC4yOEM1NTUuNTkgMTIxLjU4IDU2MS43NyAxMTQuODMgNTY5LjczIDExMC4wMUM1NzcuNzAgMTA1LjE5IDU4Ni44MSAxMDIuNzggNTk3LjA4IDEwMi43OEM2MDYuNzIgMTAyLjc4IDYxNS4yNiAxMDUuMTMgNjIyLjY5IDEwOS44NEM2MzAuMTMgMTE0LjU3IDYzNS45NSAxMjEuMTcgNjQwLjE0IDEyOS42NUM2NDMuMDMgMTM1LjUzIDY0NC45MyAxNDIuMDYgNjQ1LjgyIDE0OS4yOUw1NDUuMzggMTQ5LjI5Wk02NjUuNzYgMTE3LjcwQzY1OC45NSAxMDUuNDUgNjQ5LjYyIDk1LjgyIDYzNy43OSA4OC43OUM2MjUuOTQgODEuNzggNjEyLjM4IDc4LjI2IDU5Ny4wOCA3OC4yNkM1ODEuMzcgNzguMjYgNTY3LjIyIDgxLjgyIDU1NC42NSA4OC45NEM1NDIuMDcgOTYuMDggNTMyLjIyIDEwNS44NyA1MjUuMTAgMTE4LjM0QzUxNy45OCAxMzAuODAgNTE0LjQyIDE0NS4xMCA1MTQuNDIgMTYxLjIzQzUxNC40MiAxNzcuMzcgNTE4LjEzIDE5MS42NyA1MjUuNTcgMjA0LjEzQzUzMy4wMiAyMTYuNjEgNTQzLjMzIDIyNi40MSA1NTYuNTQgMjMzLjUzQzU2OS43MyAyNDAuNjUgNTg0LjgyIDI0NC4yMSA2MDEuNzkgMjQ0LjIxQzYxNi42NyAyNDQuMjEgNjMwLjAyIDI0MS4zOSA2NDEuODcgMjM1LjczQzY1My43MCAyMzAuMDcgNjYzLjcyIDIyMi4yMSA2NzEuODggMjEyLjE2TDY1My42NSAxOTMuMzBDNjQwLjQ2IDIxMC45MCA2MjMuNDggMjE5LjY5IDYwMi43NCAyMTkuNjlDNTkxLjQzIDIxOS42OSA1ODEuMzcgMjE3LjMwIDU3Mi41NiAyMTIuNDdDNTYzLjc3IDIwNy42NSA1NTYuODkgMjAwLjc5IDU1MS45OCAxOTEuODlDNTQ4LjUxIDE4NS42MSA1NDYuMjYgMTc4LjY0IDU0NS4yNCAxNzAuOThMNjc1Ljk2IDE3MC45OEw2NzUuOTYgMTYwLjI5QzY3NS45NiAxNDQuMTcgNjcyLjU2IDEyOS45NiA2NjUuNzYgMTE3LjcwWicvPjxwYXRoIGQ9J001ODkuNTMgNTQuNjlMNTQ1Ljg1IDAuMDBMNTc5LjE2IDAuMDBMNjE0Ljk5IDU0LjY5TDU4OS41MyA1NC42OVonLz48cGF0aCBkPSdNNDYuMjYgMTAyLjc4QzQ2LjI2IDEwOC4yNCA0NC4wOSAxMTIuODkgMzkuNzQgMTE2Ljc3QzM1LjQxIDEyMC42NSAzMC4yMyAxMjIuNTkgMjQuMjEgMTIyLjU5QzE3LjIyIDEyMi41OSAxMS40NCAxMjAuMzggNi44NiAxMTUuOTlDMi4yOSAxMTEuNTkgMC4wMCAxMDYuMDMgMC4wMCA5OS4zM0MwLjAwIDkzLjg4IDEuMTQgODcuOTYgMy40MyA4MS41N0M1LjcyIDc1LjE4IDguNzkgNjguOTAgMTIuNjUgNjIuNzJDMTYuNTAgNTYuNTMgMjAuNjAgNTEuMDQgMjQuOTMgNDYuMjFMNDYuNjIgNDYuMjFDNDAuNTkgNTMuMTMgMzUuODMgNjAuNjYgMzIuMzQgNjguODRDMjkuOTMgNzQuNDggMjguNDEgNzkuNTIgMjcuNzggODMuOTZDMzIuMjggODQuNjQgMzYuMjEgODYuMzYgMzkuNTcgODkuMTFDNDQuMDMgOTIuNzggNDYuMjYgOTcuMzMgNDYuMjYgMTAyLjc4WicvPjwvc3ZnPg==") no-repeat center / contain;mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MzYuNiAyNDQuMyIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSdNMzAxLjMzIDg0LjQwTDI1MS42NyAyNDQuMjFMMjE5LjkzIDI0NC4yMUwxODIuOTkgMTIyLjQxTDE0Ni4wNiAyNDQuMjFMMTE0LjYzIDI0NC4yMUw2NC45OCA4NC40MEw5NC41MiA4NC40MEwxMzEuMjYgMjEyLjgwTDE2OS45NSA4NC40MEwxOTcuNjAgODQuNDBMMjM1Ljg1IDIxMy4xNUwyNzIuNDEgODQuNDBMMzAxLjMzIDg0LjQwWicvPjxwYXRoIGQ9J003MTcuMTQgMjQ0LjMxQzcxMS42OSAyNDQuMzEgNzA3LjAzIDI0Mi40OCA3MDMuMTUgMjM4LjgxQzY5OS4yNyAyMzUuMTUgNjk3LjM0IDIzMC42OSA2OTcuMzQgMjI1LjQ1QzY5Ny4zNCAyMTkuNzkgNjk5LjI3IDIxNS4wOCA3MDMuMTUgMjExLjMxQzcwNy4wMyAyMDcuNTQgNzExLjU4IDIwNS42NSA3MTYuODIgMjA1LjY1QzcyMi40OCAyMDUuNjUgNzI3LjE5IDIwNy41NCA3MzAuOTcgMjExLjMxQzczNC43NCAyMTUuMDggNzM2LjYzIDIxOS42OSA3MzYuNjMgMjI1LjE0QzczNi42MyAyMzAuNTkgNzM0Ljc0IDIzNS4xNSA3MzAuOTcgMjM4LjgxQzcyNy4xOSAyNDIuNDggNzIyLjU4IDI0NC4zMSA3MTcuMTQgMjQ0LjMxWicvPjxwYXRoIGQ9J00zMjguMDQgODQuNDBIMzU3LjI3VjI0NC4yMkgzMjguMDRaWicvPjxwYXRoIGQ9J000OTMuMDQgMjE5LjA5TDQ5My4wNCAyNDQuMjFMNDU1LjY1IDI0NC4yMUM0NDMuNDkgMjQ0LjIxIDQzNC4yMSAyNDAuOTQgNDI3LjgzIDIzNC4zOUM0MjEuNDMgMjI3LjgzIDQxOC4yNCAyMTguNDMgNDE4LjI0IDIwNi4yMEw0MTguMjQgMTA5LjUzTDM4Ny43NSAxMDkuNTNMMzg3Ljc1IDg0LjQwTDQxOC4yNCA4NC40MEw0MTguMjQgMzkuMjlMNDQ3LjQ3IDM5LjI5TDQ0Ny40NyA4NC40MEw0OTAuODUgODQuNDBMNDkwLjg1IDEwOS41M0w0NDcuNDcgMTA5LjUzTDQ0Ny40NyAyMDIuMzNDNDQ3LjQ3IDIwNy43MCA0NDguODQgMjExLjg0IDQ1MS41NSAyMTQuNzNDNDU0LjI4IDIxNy42MyA0NTguMjYgMjE5LjA5IDQ2My41MCAyMTkuMDlMNDkzLjA0IDIxOS4wOVonLz48cGF0aCBkPSdNNTQ1LjM4IDE0OS4yOUM1NDYuMzggMTQyLjMwIDU0OC4zMSAxMzUuOTYgNTUxLjIwIDEzMC4yOEM1NTUuNTkgMTIxLjU4IDU2MS43NyAxMTQuODMgNTY5LjczIDExMC4wMUM1NzcuNzAgMTA1LjE5IDU4Ni44MSAxMDIuNzggNTk3LjA4IDEwMi43OEM2MDYuNzIgMTAyLjc4IDYxNS4yNiAxMDUuMTMgNjIyLjY5IDEwOS44NEM2MzAuMTMgMTE0LjU3IDYzNS45NSAxMjEuMTcgNjQwLjE0IDEyOS42NUM2NDMuMDMgMTM1LjUzIDY0NC45MyAxNDIuMDYgNjQ1LjgyIDE0OS4yOUw1NDUuMzggMTQ5LjI5Wk02NjUuNzYgMTE3LjcwQzY1OC45NSAxMDUuNDUgNjQ5LjYyIDk1LjgyIDYzNy43OSA4OC43OUM2MjUuOTQgODEuNzggNjEyLjM4IDc4LjI2IDU5Ny4wOCA3OC4yNkM1ODEuMzcgNzguMjYgNTY3LjIyIDgxLjgyIDU1NC42NSA4OC45NEM1NDIuMDcgOTYuMDggNTMyLjIyIDEwNS44NyA1MjUuMTAgMTE4LjM0QzUxNy45OCAxMzAuODAgNTE0LjQyIDE0NS4xMCA1MTQuNDIgMTYxLjIzQzUxNC40MiAxNzcuMzcgNTE4LjEzIDE5MS42NyA1MjUuNTcgMjA0LjEzQzUzMy4wMiAyMTYuNjEgNTQzLjMzIDIyNi40MSA1NTYuNTQgMjMzLjUzQzU2OS43MyAyNDAuNjUgNTg0LjgyIDI0NC4yMSA2MDEuNzkgMjQ0LjIxQzYxNi42NyAyNDQuMjEgNjMwLjAyIDI0MS4zOSA2NDEuODcgMjM1LjczQzY1My43MCAyMzAuMDcgNjYzLjcyIDIyMi4yMSA2NzEuODggMjEyLjE2TDY1My42NSAxOTMuMzBDNjQwLjQ2IDIxMC45MCA2MjMuNDggMjE5LjY5IDYwMi43NCAyMTkuNjlDNTkxLjQzIDIxOS42OSA1ODEuMzcgMjE3LjMwIDU3Mi41NiAyMTIuNDdDNTYzLjc3IDIwNy42NSA1NTYuODkgMjAwLjc5IDU1MS45OCAxOTEuODlDNTQ4LjUxIDE4NS42MSA1NDYuMjYgMTc4LjY0IDU0NS4yNCAxNzAuOThMNjc1Ljk2IDE3MC45OEw2NzUuOTYgMTYwLjI5QzY3NS45NiAxNDQuMTcgNjcyLjU2IDEyOS45NiA2NjUuNzYgMTE3LjcwWicvPjxwYXRoIGQ9J001ODkuNTMgNTQuNjlMNTQ1Ljg1IDAuMDBMNTc5LjE2IDAuMDBMNjE0Ljk5IDU0LjY5TDU4OS41MyA1NC42OVonLz48cGF0aCBkPSdNNDYuMjYgMTAyLjc4QzQ2LjI2IDEwOC4yNCA0NC4wOSAxMTIuODkgMzkuNzQgMTE2Ljc3QzM1LjQxIDEyMC42NSAzMC4yMyAxMjIuNTkgMjQuMjEgMTIyLjU5QzE3LjIyIDEyMi41OSAxMS40NCAxMjAuMzggNi44NiAxMTUuOTlDMi4yOSAxMTEuNTkgMC4wMCAxMDYuMDMgMC4wMCA5OS4zM0MwLjAwIDkzLjg4IDEuMTQgODcuOTYgMy40MyA4MS41N0M1LjcyIDc1LjE4IDguNzkgNjguOTAgMTIuNjUgNjIuNzJDMTYuNTAgNTYuNTMgMjAuNjAgNTEuMDQgMjQuOTMgNDYuMjFMNDYuNjIgNDYuMjFDNDAuNTkgNTMuMTMgMzUuODMgNjAuNjYgMzIuMzQgNjguODRDMjkuOTMgNzQuNDggMjguNDEgNzkuNTIgMjcuNzggODMuOTZDMzIuMjggODQuNjQgMzYuMjEgODYuMzYgMzkuNTcgODkuMTFDNDQuMDMgOTIuNzggNDYuMjYgOTcuMzMgNDYuMjYgMTAyLjc4WicvPjwvc3ZnPg==") no-repeat center / contain}#wite .header{position: sticky;top: env(safe-area-inset-top,0px);z-index: 50;background: color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter: blur(10px);border-bottom: 1px dashed var(--rule)}#wite .header .wrap{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding-block: 14px}#wite .header .logo{color: var(--wine)}#wite .nav{display: flex;gap: clamp(12px,2.4vw,30px);font-size: var(--t-s)}#wite .nav a{text-decoration: none;color: var(--ink-soft)}#wite .nav a:hover{color: var(--wine)}@media (max-width: 720px){#wite .nav .nav-opt{display: none}}#wite .btn{display: inline-flex;align-items: center;gap: 10px;padding: 13px 24px;border-radius: 999px;background: var(--accent);color: var(--on-dark);border: 1px solid var(--accent);text-decoration: none;font-size: var(--t-s);font-weight: 500;transition: transform .25s,background .25s,color .25s,border-color .25s}#wite .btn::after{content: "→";transition: transform .25s}#wite .btn:hover{background: var(--coffee);border-color: var(--coffee);transform: rotate(-1.5deg)}#wite .btn:hover::after{transform: translateX(4px)}#wite .btn--ghost{background: transparent;color: var(--ink);border-color: var(--ink)}#wite .btn--ghost:hover{background: var(--ink);color: var(--on-dark)}#wite .btn--light{background: var(--paper);color: var(--coffee);border-color: var(--paper)}#wite .btn--light:hover{background: var(--blush);border-color: var(--blush);color: var(--coffee)}#wite .actions{display: flex;flex-wrap: wrap;gap: 12px}#wite .section{padding-block: clamp(80px,10vw,136px);position: relative;isolation: isolate;background: var(--sec) var(--grain)}#wite .section--dark{--sec: var(--coffee);color: var(--on-dark)}#wite .section--wine{--sec: var(--wine);color: var(--on-dark)}#wite .section--blush{--sec: var(--blush)}#wite .section--kraft{--sec: var(--kraft)}#wite .section--dots{background: var(--dots),var(--grain),var(--sec)}#wite .section--dark .eyebrow,#wite .section--wine .eyebrow,#wite .section--dark .muted,#wite .section--wine .muted{color: var(--on-dark-soft)}#wite .section--dark .hand,#wite .section--wine .hand{color: var(--blush)}#wite .torn::before{content: "";position: absolute;left: 0;right: 0;top: -22px;height: 24px;background: var(--sec);z-index: 1;-webkit-mask: var(--torn) repeat-x 0 100% / 240px 24px;mask: var(--torn) repeat-x 0 100% / 240px 24px}#wite .head{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);gap: 18px 64px;align-items: end;margin-bottom: clamp(40px,6vw,72px)}#wite .head .note-no{grid-column: 1 / -1;font-family: var(--f-hand);font-size: 1.3rem;color: var(--ink-soft)}#wite .section--dark .head .note-no,#wite .section--wine .head .note-no{color: var(--on-dark-soft)}#wite .head h2{font-size: var(--t-xl)}#wite .head .hand{display: block;font-size: 1.45rem;margin-top: 10px}#wite .head p{max-width: 50ch}@media (max-width: 780px){#wite .head{grid-template-columns: 1fr}}#wite .circled{position: relative;display: inline-block;white-space: nowrap}#wite .circled svg{position: absolute;left: -10%;top: -24%;width: 120%;height: 150%;overflow: visible;pointer-events: none;color: var(--accent)}#wite .section--dark .circled svg,#wite .section--wine .circled svg{color: var(--blush)}#wite .doodle path{fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1;stroke-dashoffset: 0;transition: stroke-dashoffset 1.2s cubic-bezier(.6,0,.3,1) .2s}html.js #wite .doodle:not(.on) path{stroke-dashoffset: 1}#wite .scribble{display: block;width: min(320px,70%);height: 22px;color: var(--wine);margin-top: 6px}#wite .hand-note{position: absolute;display: flex;align-items: flex-start;gap: 6px;font-family: var(--f-hand);font-size: 1.35rem;line-height: 1.05;color: var(--wine);pointer-events: none;z-index: 4}#wite .hand-note svg{width: 70px;height: 46px;flex: none}#wite .hl{background: linear-gradient(transparent 55%,var(--marker) 55% 92%,transparent 92%) no-repeat 0 0 / 0% 100%;transition: background-size 1.1s cubic-bezier(.4,0,.2,1);color: inherit;padding-inline: 2px}#wite .hl.on{background-size: 100% 100%}#wite .section--dark .hl,#wite .section--wine .hl{background-image: linear-gradient(transparent 58%,rgba(208,190,179,.35) 58% 92%,transparent 92%)}#wite .gloss{position: relative;font-family: var(--f-ko);border-bottom: 1px dashed currentColor;cursor: help;white-space: nowrap}#wite .gloss::after{content: attr(data-tr);position: absolute;left: 50%;bottom: calc(100% + 6px);transform: translate(-50%,6px) rotate(-3deg);font-family: var(--f-hand);font-size: 1.25rem;line-height: 1;white-space: nowrap;color: var(--wine);background: var(--paper);padding: 4px 10px;box-shadow: var(--shadow);opacity: 0;pointer-events: none;transition: opacity .25s,transform .25s;z-index: 6}#wite .gloss:hover::after,#wite .gloss:focus::after{opacity: 1;transform: translate(-50%,0) rotate(-3deg)}#wite .gloss:focus{outline: none;background: var(--marker)}#wite .washi{position: relative}#wite .washi::before{content: "";position: absolute;z-index: 3;top: -13px;left: 50%;width: 104px;height: 28px;transform: translateX(-50%) rotate(var(--tr,-4deg));background: repeating-linear-gradient(135deg,color-mix(in srgb,var(--tape,#D0BEB3) 85%,transparent) 0 8px,color-mix(in srgb,var(--tape,#D0BEB3) 55%,#fff) 8px 16px);opacity: .9;box-shadow: 0 1px 2px rgba(0,0,0,.1)}#wite .washi--plain::before{background: color-mix(in srgb,#EDE4D8 80%,transparent)}#wite .bclip{position: absolute;z-index: 4;width: 76px;height: 64px;top: -32px;left: 50%;margin-left: -38px;pointer-events: none;filter: drop-shadow(1px 3px 2px rgba(0,0,0,.3))}#wite .print{position: relative;background: #FFFEFB;padding: 9px 9px 0;box-shadow: var(--shadow);transform: rotate(var(--r,0deg));transition: transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}#wite .print img{width: 100%;aspect-ratio: var(--ar,4 / 5);object-fit: cover}#wite .print figcaption{font-family: var(--f-hand);font-size: 1.3rem;line-height: 1;color: var(--ink);text-align: center;padding: 12px 4px 14px;min-height: 42px}#wite .print:not(:has(figcaption)){padding-bottom: 28px}#wite .print:hover{box-shadow: var(--shadow-lift)}#wite .note{background: #EFE4DB var(--grain);box-shadow: var(--shadow);padding: 22px 22px 24px;width: 236px;font-size: var(--t-s);line-height: 1.5;transform: rotate(var(--r,0deg));color: var(--ink)}#wite .note .hand{font-size: 1.7rem;display: block;margin-bottom: 8px;color: var(--wine)}#wite .scrap{background: var(--sheet) var(--grain);color: var(--ink);box-shadow: var(--shadow);position: relative;transform: rotate(var(--r,0deg))}#wite .scrap::after{content: "";position: absolute;left: 0;right: 0;bottom: -14px;height: 16px;background: var(--sheet);-webkit-mask: var(--torn) repeat-x 0 0 / 240px 16px;mask: var(--torn) repeat-x 0 0 / 240px 16px;transform: scaleY(-1)}#wite .sticker{position: absolute;z-index: 4;width: 128px;height: 128px;pointer-events: none}#wite .sticker svg{width: 100%;height: 100%;overflow: visible}#wite .sticker text{font-family: var(--f-body);font-size: 11.5px;letter-spacing: 3.2px;text-transform: uppercase;fill: var(--coffee)}#wite .sticker .disc{fill: var(--blush)}#wite .sticker .core{fill: var(--wine)}#wite .sticker--wine .disc{fill: var(--wine)}#wite .sticker--wine text{fill: var(--paper)}#wite .sticker--wine .core{fill: var(--paper)}#wite .seal{position: absolute;z-index: 4;width: 96px;height: 96px;pointer-events: none;filter: drop-shadow(2px 4px 4px rgba(0,0,0,.35))}#wite .flower{position: absolute;z-index: 3;width: 74px;height: 74px;color: var(--wine);pointer-events: none}#wite .flower svg{width: 100%;height: 100%}#wite .section--dark .flower,#wite .section--wine .flower{color: var(--blush)}#wite .pill{display: inline-flex;align-items: center;padding: 4px 16px;border: 1.5px solid currentColor;border-radius: 999px;font-family: var(--f-hand);font-size: 1.35rem;line-height: 1.2;color: var(--wine)}#wite .planner{background: var(--leather) var(--grain);padding: clamp(10px,1.6vw,18px);border-radius: 14px;box-shadow: var(--shadow-lift);position: relative}#wite .planner::after{content: "";position: absolute;inset: 7px;border: 1.5px dashed rgba(247,246,242,.22);border-radius: 10px;pointer-events: none}#wite .planner-page{position: relative;background: var(--sheet) var(--grain);border-radius: 4px 8px 8px 4px;padding: clamp(28px,4vw,56px) clamp(22px,4vw,56px) clamp(28px,4vw,56px) clamp(84px,9vw,124px);box-shadow: inset 14px 0 18px -14px rgba(42,33,26,.35);z-index: 1;color: var(--ink)}#wite .rings{position: absolute;left: clamp(2px,1vw,12px);top: 5%;bottom: 5%;display: flex;flex-direction: column;justify-content: space-between;z-index: 2;pointer-events: none}#wite .rings span{position: relative;display: block;width: clamp(54px,6vw,78px);height: 20px;border-radius: 12px;background: linear-gradient(180deg,var(--metal-1) 0%,var(--metal-2) 45%,var(--metal-1) 60%,var(--metal-3) 100%);box-shadow: 0 3px 4px rgba(0,0,0,.35)}#wite .rings span::after{content: "";position: absolute;right: 8px;top: 4px;width: 12px;height: 12px;border-radius: 50%;background: var(--leather);box-shadow: inset 1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 640px){#wite .planner-page{padding-left: 62px}#wite .rings span{width: 48px}}#wite .hero{padding-block: clamp(28px,4vw,56px) clamp(70px,8vw,110px)}#wite .hero-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: 40px;align-items: center}#wite .hero h1{font-size: var(--t-xxl);font-weight: 400;letter-spacing: -0.05em;line-height: .94;margin-top: 18px;min-height: 1.9em;cursor: pointer}#wite .hero h1 .line{display: block}#wite .hero h1.is-ko{font-family: var(--f-ko);letter-spacing: -0.04em;font-size: calc(var(--t-xxl) * .78);line-height: 1.12}#wite .hero h1 .swap{display: inline-block;transition: opacity .35s,transform .35s}#wite .hero h1.switching .swap{opacity: 0;transform: translateY(12px)}#wite .langs{display: inline-flex;border: 1px solid var(--rule);border-radius: 999px;overflow: hidden;margin-top: 18px}#wite .langs button{font-size: var(--t-xs);letter-spacing: .12em;text-transform: uppercase;padding: 8px 14px;background: transparent;color: var(--ink-soft);border: 0;cursor: pointer}#wite .langs button + button{border-left: 1px solid var(--rule)}#wite .langs button[aria-pressed="true"]{background: var(--wine);color: var(--on-dark)}#wite .hero .lead{font-size: var(--t-l);line-height: 1.45;color: var(--ink-soft);max-width: 36ch;margin-top: 24px}#wite .hero .actions{margin-top: 28px}#wite .signature{font-family: var(--f-hand);font-size: 1.6rem;color: var(--wine);margin-top: 26px;display: block}@media (max-width: 960px){#wite .hero-grid{grid-template-columns: 1fr}}#wite .collage{position: relative;height: 580px;touch-action: pan-y}#wite .collage>*{position: absolute}#wite .drag{cursor: grab;user-select: none;-webkit-user-select: none;touch-action: none}#wite .drag:active{cursor: grabbing}#wite .drag.dragging{transition: none;box-shadow: var(--shadow-lift)}#wite .drag img{pointer-events: none}#wite .collage-hint{position: absolute;bottom: -10px;right: 0;font-family: var(--f-hand);font-size: 1.2rem;color: var(--ink-soft)}#wite .film{display: flex;gap: 6px;padding: 12px 8px;background: #1d1714;transform: rotate(var(--r,0deg));box-shadow: var(--shadow);background-image: radial-gradient(circle,var(--sheet) 2.4px,transparent 2.8px),radial-gradient(circle,var(--sheet) 2.4px,transparent 2.8px);background-size: 12px 8px,12px 8px;background-position: 0 2px,0 calc(100% - 2px);background-repeat: repeat-x}#wite .film img{width: 72px;height: 54px;object-fit: cover}#wite .word-card{background: var(--sheet) var(--grain);box-shadow: var(--shadow);padding: 16px 20px 20px;width: 210px;transform: rotate(var(--r,0deg))}#wite .word-card .call{font-size: var(--t-xs);letter-spacing: .14em;text-transform: uppercase;color: var(--ink-soft);display: flex;justify-content: space-between;border-bottom: 2px solid color-mix(in srgb,var(--wine) 55%,transparent);padding-bottom: 6px}#wite .word-card .word{font-family: var(--f-ko);font-size: 2rem;margin-top: 8px;line-height: 1.1}#wite .word-card .tr{font-family: var(--f-hand);color: var(--wine);font-size: 1.35rem}@media (max-width: 960px){#wite .collage{height: 540px;max-width: 600px;margin-inline: auto;width: 100%}}@media (max-width: 520px){#wite .collage{height: 470px}#wite .note{width: 186px;padding: 16px}#wite .word-card{width: 170px}#wite .film img{width: 54px;height: 42px}}#wite .diary{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: 48px 64px;align-items: center}#wite .diary-cover{position: relative;background: var(--sheet) var(--grain);color: var(--ink);box-shadow: var(--shadow-lift);padding: clamp(36px,6vw,72px) clamp(24px,5vw,64px);border-radius: 3px 10px 10px 3px;border-left: 14px solid color-mix(in srgb,var(--blush) 70%,var(--sheet))}#wite .diary-cover h2{text-align: center;font-size: clamp(2.4rem,1.4rem + 3.6vw,4.4rem);letter-spacing: .14em;font-weight: 400;text-transform: uppercase}#wite .fill{margin-top: 26px}#wite .fill-row{display: flex;align-items: flex-end;gap: 10px}#wite .fill-row .lbl{font-size: var(--t-s);white-space: nowrap;color: var(--ink-soft)}#wite .fill-line{flex: 1;border-bottom: 1.5px dashed color-mix(in srgb,var(--ink) 45%,transparent);font-family: var(--f-hand);font-size: clamp(1.3rem,1rem + 1vw,1.75rem);color: var(--wine);line-height: 1.25;padding: 0 6px 2px;text-align: center;min-height: 2.2rem}#wite .fill-cap{text-align: center;font-size: .7rem;color: var(--ink-soft);margin-top: 2px}#wite .fill-year{text-align: center;margin-top: 28px;font-size: var(--t-l)}#wite .fill-year .fill-line{display: inline-block;min-width: 3.2rem}@media (max-width: 960px){#wite .diary{grid-template-columns: 1fr}}#wite .flips{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 26px;perspective: 1200px}#wite .flip{position: relative;height: 232px;cursor: pointer;border: 0;padding: 0;background: none;text-align: left;transform: rotate(var(--r,0deg));transition: transform .3s}#wite .flip:hover{transform: rotate(0deg) translateY(-6px)}#wite .flip-inner{position: absolute;inset: 0;transform-style: preserve-3d;transition: transform .7s cubic-bezier(.3,.7,.2,1)}#wite .flip.is-flipped .flip-inner{transform: rotateY(180deg)}#wite .flip-face{position: absolute;inset: 0;backface-visibility: hidden;-webkit-backface-visibility: hidden;padding: 22px 22px 24px;display: grid;align-content: space-between;box-shadow: var(--shadow)}#wite .flip-front{background: var(--paper) var(--grain);color: var(--ink)}#wite .flip-front .word{font-family: var(--f-ko);font-size: 2.4rem;line-height: 1.1;color: var(--wine)}#wite .flip-front .hint{font-family: var(--f-hand);font-size: 1.2rem;color: var(--ink-soft)}#wite .flip-front .call{font-size: var(--t-xs);letter-spacing: .14em;text-transform: uppercase;color: var(--ink-soft)}#wite .flip-back{background: var(--blush) var(--grain);color: var(--coffee);transform: rotateY(180deg);align-content: start;gap: 10px}#wite .flip-back .tr{font-family: var(--f-hand);font-size: 1.5rem;color: var(--wine)}#wite .flip-back b{font-weight: 500;font-size: 1.05rem;line-height: 1.25}#wite .flip-back .txt{font-size: var(--t-s);display: block}@media (max-width: 520px){#wite .flips{grid-template-columns: 1fr}#wite .flip{height: 210px}}#wite .founder{display: grid;grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);gap: 56px 80px;align-items: center}#wite .founder-photos{position: relative;height: 560px}#wite .founder-photos>*{position: absolute}#wite .founder-text{display: grid;gap: 18px}#wite .founder-text h2{font-size: var(--t-xl)}#wite .proverb{display: inline-flex;flex-wrap: wrap;gap: 8px 14px;align-items: baseline;padding: 14px 20px;background: var(--paper) var(--grain);box-shadow: var(--shadow);transform: rotate(-1.5deg);justify-self: start}#wite .proverb .gloss{font-size: 1.35rem;color: var(--wine)}#wite .proverb .hand{font-size: 1.3rem;color: var(--ink-soft)}#wite .certs{display: flex;gap: 14px;flex-wrap: wrap;margin-top: 8px}#wite .certs .print{width: 112px;padding: 5px 5px 14px}#wite .certs .print img{aspect-ratio: 1.41 / 1}#wite .certs .print:hover{transform: rotate(0) translateY(-6px) scale(1.05)}@media (max-width: 960px){#wite .founder{grid-template-columns: 1fr}#wite .founder-photos{height: 480px;max-width: 560px;width: 100%}}#wite .tickets{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 34px 30px}@media (max-width: 900px){#wite .tickets{grid-template-columns: 1fr;max-width: 560px}}#wite .ticket{position: relative;display: grid;grid-template-columns: minmax(0,1fr) 128px;text-decoration: none;color: var(--ink);transform: rotate(var(--r,0deg));transition: transform .4s cubic-bezier(.2,.8,.2,1);filter: drop-shadow(0 14px 16px rgba(42,33,26,.22))}#wite .ticket:hover,#wite .ticket:focus-visible{transform: rotate(0deg) translateY(-6px)}#wite .t-main,#wite .t-stub{position: relative;background: var(--sheet) var(--grain)}#wite .t-main{padding: 24px 24px 22px;display: grid;gap: 8px;align-content: start;border-radius: 8px 0 0 8px;-webkit-mask: radial-gradient(circle at 100% 0,transparent 11px,#000 11.5px) top / 100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 11px,#000 11.5px) bottom / 100% 51% no-repeat;mask: radial-gradient(circle at 100% 0,transparent 11px,#000 11.5px) top / 100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 11px,#000 11.5px) bottom / 100% 51% no-repeat}#wite .t-stub{background-color: var(--stub,var(--blush));border-left: 2px dashed color-mix(in srgb,var(--ink) 30%,transparent);padding: 22px 14px 18px;display: grid;align-content: space-between;justify-items: center;text-align: center;border-radius: 0 8px 8px 0;transition: transform .45s cubic-bezier(.2,.8,.2,1);transform-origin: 0 100%;-webkit-mask: radial-gradient(circle at 0 0,transparent 11px,#000 11.5px) top / 100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 11px,#000 11.5px) bottom / 100% 51% no-repeat;mask: radial-gradient(circle at 0 0,transparent 11px,#000 11.5px) top / 100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 11px,#000 11.5px) bottom / 100% 51% no-repeat}#wite .ticket:hover .t-stub,#wite .ticket:focus-visible .t-stub{transform: translateX(8px) rotate(4deg)}#wite .t-call{display: flex;justify-content: space-between;gap: 10px;font-size: var(--t-xs);letter-spacing: .14em;text-transform: uppercase;color: var(--ink-soft)}#wite .t-main h3{font-size: 1.32rem;line-height: 1.15;margin-top: 6px}#wite .t-main .tr{font-family: var(--f-hand);color: var(--accent);font-size: 1.3rem}#wite .t-main p{font-size: var(--t-s);color: var(--ink-soft)}#wite .t-main .more{font-size: var(--t-s);font-weight: 500;color: var(--wine);margin-top: 6px}#wite .t-stub .adm{font-size: .64rem;letter-spacing: .2em;text-transform: uppercase;color: var(--coffee)}#wite .t-stub .price{font-weight: 500;font-size: var(--t-s);line-height: 1.25;color: var(--coffee)}#wite .barcode{width: 84px;height: 34px;background: repeating-linear-gradient(90deg,var(--coffee) 0 2px,transparent 2px 4px,var(--coffee) 4px 5px,transparent 5px 8px,var(--coffee) 8px 11px,transparent 11px 12px);opacity: .85}@media (max-width: 480px){#wite .ticket{grid-template-columns: minmax(0,1fr) 96px}#wite .barcode{width: 64px}}#wite .steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 30px;list-style: none;counter-reset: s}#wite .steps li{counter-increment: s;padding: 30px 26px 32px;display: grid;gap: 10px;align-content: start}#wite .steps li::before{content: counter(s);font-family: var(--f-hand);font-size: 3.2rem;line-height: .8;color: var(--wine)}#wite .steps b{font-weight: 500;font-size: 1.12rem}#wite .steps p{color: var(--ink-soft);font-size: var(--t-s)}@media (max-width: 860px){#wite .steps{grid-template-columns: 1fr;max-width: 460px}}#wite .letter-wrap{display: grid;justify-items: center}#wite .envelope{position: relative;display: block;width: min(620px,100%);height: 300px;border: 0;padding: 0;background: none;cursor: pointer;margin-top: 40px;transition: margin-top .7s cubic-bezier(.3,.8,.2,1)}#wite .envelope.is-open{margin-top: 430px}#wite .env-back{position: absolute;inset: 0;border-radius: 6px;background: var(--kraft) var(--grain);box-shadow: var(--shadow-lift)}#wite .env-front{position: absolute;inset: 0;z-index: 3;border-radius: 6px;background-color: color-mix(in srgb,var(--kraft) 85%,#fff);clip-path: polygon(0 16%,50% 60%,100% 16%,100% 100%,0 100%)}#wite .env-flap{position: absolute;left: 0;right: 0;top: 0;height: 60%;z-index: 4;background-color: color-mix(in srgb,var(--kraft) 92%,#000);clip-path: polygon(0 0,100% 0,50% 100%);transform-origin: top;transition: transform .6s,z-index 0s .3s}#wite .envelope.is-open .env-flap{transform: rotateX(180deg);z-index: 1}#wite .envelope .seal{left: 50%;top: 60%;margin: -48px 0 0 -48px;transition: opacity .3s;z-index: 5}#wite .envelope.is-open .seal{opacity: 0}#wite .letter{position: absolute;left: 5%;right: 5%;top: 6%;height: 92%;z-index: 2;background: var(--sheet) var(--grain);box-shadow: var(--shadow);padding: 30px clamp(20px,4vw,42px);text-align: left;transition: height .8s cubic-bezier(.3,.8,.2,1) .1s,top .8s cubic-bezier(.3,.8,.2,1) .1s;display: grid;gap: 14px;align-content: start;overflow: hidden}#wite .envelope.is-open .letter{top: -400px;height: calc(400px + 70%)}#wite .letter blockquote{margin: 0;font-size: var(--t-m);line-height: 1.6}#wite .letter .arrow-down{font-family: var(--f-hand);font-size: 1.4rem;color: var(--wine)}#wite .env-label{position: absolute;z-index: 5;left: 50%;bottom: 20px;transform: translateX(-50%);font-family: var(--f-hand);font-size: 1.4rem;color: var(--coffee);white-space: nowrap;transition: opacity .3s}#wite .envelope.is-open .env-label{opacity: 0}@media (max-width: 560px){#wite .envelope{height: 230px}#wite .envelope.is-open{margin-top: 560px}#wite .envelope.is-open .letter{top: -540px;height: calc(540px + 70%)}}#wite .strip{display: grid;grid-auto-flow: column;grid-auto-columns: clamp(220px,24vw,280px);gap: 26px;overflow-x: auto;scroll-snap-type: x mandatory;padding: 26px 8px 26px;scrollbar-width: thin}#wite .strip .print{scroll-snap-align: start}#wite .strip .print img{aspect-ratio: 9 / 14;object-position: top}#wite .strip .print:hover{transform: rotate(0deg) translateY(-6px)}#wite .strip-bar{display: flex;justify-content: space-between;align-items: end;gap: 16px}#wite .strip-nav{display: flex;gap: 8px}#wite .strip-nav button{width: 44px;height: 44px;border-radius: 50%;border: 1px solid var(--ink);background: transparent;color: var(--ink);font-size: 1.1rem;cursor: pointer}#wite .strip-nav button:hover{background: var(--ink);color: var(--paper)}#wite .tag-wrap{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);gap: 48px 72px;align-items: center}#wite .tag-wrap h2{font-size: var(--t-xxl);font-weight: 400;letter-spacing: -0.04em}#wite .tag-wrap h2 .hand{display: block;font-size: .5em;margin-top: .2em}#wite .luggage-wrap{position: relative;padding-top: 40px}#wite .luggage{position: relative;background: var(--sheet) var(--grain);color: var(--ink);box-shadow: var(--shadow-lift);padding: 60px clamp(24px,4vw,44px) 34px;transform: rotate(-2deg);clip-path: polygon(12% 0,88% 0,100% 9%,100% 100%,0 100%,0 9%)}#wite .luggage::before{content: "";position: absolute;top: 18px;left: 50%;width: 20px;height: 20px;margin-left: -10px;border-radius: 50%;background: var(--coffee);box-shadow: 0 0 0 5px var(--blush)}#wite .field{display: grid;grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);gap: 16px;padding-block: 13px;border-bottom: 1.5px dashed var(--rule);align-items: baseline}#wite .field span:first-child{font-size: var(--t-xs);text-transform: uppercase;letter-spacing: .12em;color: var(--ink-soft)}#wite .field span:last-child{font-weight: 500;overflow-wrap: anywhere}#wite .string{position: absolute;top: -6px;left: 50%;width: 2px;height: 70px;background: repeating-linear-gradient(180deg,#d9c3b0 0 3px,#a58a74 3px 6px);transform: rotate(14deg);transform-origin: bottom;z-index: 2}@media (max-width: 860px){#wite .tag-wrap{grid-template-columns: 1fr}#wite .field{grid-template-columns: 1fr;gap: 2px}}#wite .footer{background: var(--coffee);color: var(--on-dark-soft);font-size: var(--t-xs)}#wite .footer .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 16px;padding-block: 28px}#wite .footer .logo{color: var(--on-dark);width: 72px}#wite .record{padding-block: clamp(26px,4vw,52px) clamp(70px,8vw,110px)}#wite .record .back{font-size: var(--t-s);text-decoration: none;color: var(--ink-soft);display: inline-block;margin-bottom: 18px}#wite .record .back:hover{color: var(--wine)}#wite .record-grid{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: 48px;align-items: center}#wite .call-no{display: inline-flex;flex-wrap: wrap;gap: 8px 12px;align-items: center;font-size: var(--t-xs);letter-spacing: .16em;text-transform: uppercase;color: var(--ink-soft)}#wite .call-no b{border: 1.5px solid var(--wine);color: var(--wine);padding: 3px 10px;border-radius: 999px;font-weight: 500}#wite .record h1{font-size: clamp(2.3rem,1.2rem + 3.8vw,4.6rem);font-weight: 400;letter-spacing: -0.045em;margin-top: 16px}#wite .record h1 .hand{display: block;font-size: .5em;margin-top: .3em;color: var(--accent);letter-spacing: 0}#wite .biblio{margin-top: 24px;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px 22px;max-width: 560px}#wite .biblio div{display: grid}#wite .biblio b{font-weight: 500;padding: 4px 4px 2px;border-bottom: 1.5px dashed color-mix(in srgb,var(--ink) 40%,transparent)}#wite .biblio span{font-size: .7rem;color: var(--ink-soft);padding-left: 4px}#wite .record .actions{margin-top: 28px}#wite .record-photos{position: relative;height: 540px}#wite .record-photos>*{position: absolute}@media (max-width: 960px){#wite .record-grid{grid-template-columns: 1fr}#wite .record-photos{height: 480px;max-width: 520px;width: 100%}}@media (max-width: 480px){#wite .biblio{grid-template-columns: 1fr}}#wite .annot{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr);gap: 40px 72px;align-items: start}#wite .annot .lead{font-size: var(--t-l);line-height: 1.45;max-width: 34ch}#wite .notebook{position: relative;color: var(--ink);box-shadow: var(--shadow);padding: 34px 28px 30px 64px;transform: rotate(-.6deg);background: linear-gradient(90deg,transparent 46px,rgba(58,9,20,.35) 46px 47.5px,transparent 47.5px),linear-gradient(transparent calc(100% - 1px),var(--rule) 0) 0 2px / 100% 32px,var(--grain),var(--sheet)}#wite .for-list{list-style: none;display: grid;counter-reset: f}#wite .for-list li{counter-increment: f;display: grid;grid-template-columns: 30px minmax(0,1fr);gap: 8px;line-height: 32px}#wite .for-list li::before{content: counter(f) ".";font-family: var(--f-hand);color: var(--wine);font-size: 1.35rem}@media (max-width: 820px){#wite .annot{grid-template-columns: 1fr}}#wite .chapters{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 40px 28px}#wite .chapters--4{grid-template-columns: repeat(4,minmax(0,1fr))}#wite .chapter{padding: 30px 24px 30px;display: grid;gap: 10px;align-content: start}#wite .chapter:nth-child(3n + 2){--tape: #E7D9C9}#wite .chapter:nth-child(3n){--tape: #C9A8A8}#wite .chapter .gloss{font-size: 2.1rem;line-height: 1;border-bottom: 0;color: var(--wine);justify-self: start}#wite .chapter b{font-weight: 500;font-size: 1.08rem;line-height: 1.25}#wite .chapter p{font-size: var(--t-s);color: var(--ink-soft)}@media (max-width: 1000px){#wite .chapters,#wite .chapters--4{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){#wite .chapters,#wite .chapters--4{grid-template-columns: 1fr}}#wite .toc{display: grid}#wite .toc details{border-bottom: 1.5px dashed var(--rule)}#wite .toc summary{list-style: none;cursor: pointer;display: flex;align-items: baseline;gap: 12px;padding-block: 16px;font-weight: 500}#wite .toc summary::-webkit-details-marker{display: none}#wite .toc summary .t{flex: none;max-width: 76%}#wite .toc summary i{flex: 1;border-bottom: 1.5px dotted var(--ink-soft);transform: translateY(-5px);min-width: 24px}#wite .toc summary .pg{font-family: var(--f-hand);color: var(--wine);font-size: 1.35rem;font-weight: 400}#wite .toc summary:hover .t,#wite .toc details[open] summary .t{color: var(--wine)}#wite .toc .body{padding: 0 0 18px;color: var(--ink-soft);font-size: var(--t-s);max-width: 70ch;display: grid;gap: 8px}#wite .toc .body ul{padding-left: 18px;display: grid;gap: 4px}#wite .plates{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 34px;align-items: start}#wite .plates .print img{aspect-ratio: var(--ar,3 / 4);object-position: top}@media (max-width: 760px){#wite .plates{grid-template-columns: 1fr;max-width: 380px}}#wite .marginalia{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 30px;align-items: start}#wite .margin-note{padding: 30px 26px 28px;display: grid;gap: 14px}#wite .margin-note blockquote{margin: 0;font-size: var(--t-s);line-height: 1.65}#wite .margin-note .hand{font-size: 1.35rem}@media (max-width: 900px){#wite .marginalia{grid-template-columns: 1fr;max-width: 560px}}#wite .price-wrap{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);gap: 40px 64px;align-items: center}#wite .big-ticket{position: relative;display: grid;grid-template-columns: minmax(0,1fr) 150px;filter: drop-shadow(0 18px 20px rgba(0,0,0,.3));transform: rotate(var(--r,-1deg));color: var(--ink)}#wite .big-ticket .t-main{padding: 30px clamp(20px,3vw,36px)}#wite .big-ticket table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums;margin-top: 8px}#wite .big-ticket td{padding: 12px 0;border-bottom: 1.5px dashed var(--rule);vertical-align: baseline}#wite .big-ticket td:last-child{text-align: right;font-size: var(--t-l);font-weight: 500;white-space: nowrap}#wite .big-ticket .note-small{font-size: var(--t-s);color: var(--ink-soft);margin-top: 14px}#wite .big-ticket .btn{margin-top: 20px;justify-self: start}#wite .big-ticket .t-stub{padding-block: 26px}#wite .price-seal{position: relative}#wite .price-seal .seal{right: -20px;top: -40px}#wite .incl{list-style: none;display: grid}#wite .incl li{padding-block: 11px;border-bottom: 1px dashed color-mix(in srgb,var(--on-dark) 30%,transparent);display: grid;grid-template-columns: 26px minmax(0,1fr);gap: 10px}#wite .incl li::before{content: "✓";color: var(--blush)}#wite .t-main .incl li{border-color: var(--rule);font-size: var(--t-s)}#wite .t-main .incl li::before{color: var(--wine)}#wite .tariffs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 30px;align-items: start}#wite .tariffs .big-ticket{grid-template-columns: 1fr}#wite .tariffs .big-ticket .t-main{border-radius: 8px 8px 0 0;-webkit-mask: none;mask: none}#wite .tariffs .big-ticket .t-stub{border-left: 0;border-top: 2px dashed color-mix(in srgb,var(--ink) 30%,transparent);border-radius: 0 0 8px 8px;display: flex;justify-content: space-between;align-items: center;-webkit-mask: none;mask: none;padding: 16px 22px}#wite .tariffs .big-ticket:hover .t-stub{transform: none}#wite .tariffs h4{font-size: 1.25rem;margin-top: 4px}#wite .tariffs .price-big{font-size: clamp(1.8rem,1.2rem + 1.6vw,2.3rem);letter-spacing: -0.03em;font-weight: 500;line-height: 1.1;margin-block: 10px 4px;display: block}#wite .tariffs .seal{right: -16px;top: -30px;width: 84px;height: 84px}@media (max-width: 960px){#wite .price-wrap{grid-template-columns: 1fr}#wite .tariffs{grid-template-columns: 1fr;max-width: 480px}#wite .big-ticket{grid-template-columns: minmax(0,1fr) 110px}}#wite .glossary{max-width: 900px;display: grid;gap: 12px}#wite .glossary details{background: var(--sheet) var(--grain);box-shadow: var(--shadow)}#wite .glossary summary{list-style: none;cursor: pointer;display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 20px;padding: 18px 22px;font-weight: 500}#wite .glossary summary::-webkit-details-marker{display: none}#wite .glossary summary::after{content: "+";font-weight: 400;color: var(--wine);font-size: 1.4rem;line-height: 1;transition: transform .3s}#wite .glossary details[open] summary::after{transform: rotate(45deg)}#wite .glossary .body{padding: 0 22px 20px;color: var(--ink-soft);font-size: var(--t-s);max-width: 70ch}#wite .slip{position: fixed;left: 0;right: 0;bottom: 0;z-index: 60;background: var(--coffee) var(--grain);color: var(--on-dark);padding: 12px var(--gutter) calc(12px + env(safe-area-inset-bottom,0px));display: flex;justify-content: space-between;align-items: center;gap: 16px;transition: transform .35s ease;border-top: 2px dashed rgba(247,246,242,.2)}#wite .slip.is-hidden{transform: translateY(110%)}#wite .slip-info{display: flex;gap: 10px 24px;flex-wrap: wrap;font-size: var(--t-s);min-width: 0;align-items: baseline}#wite .slip-info b{font-weight: 500}#wite .slip-info span{color: var(--on-dark-soft)}#wite .slip .btn{padding: 10px 20px;background: var(--paper);color: var(--coffee);border-color: var(--paper);flex: none}@media (max-width: 560px){#wite .slip-info span{display: none}}#wite .rv{transition: opacity .8s ease,translate .8s cubic-bezier(.2,.8,.2,1)}html.js #wite .rv.rv-wait{opacity: 0;translate: 0 26px}@media (prefers-reduced-motion: reduce){#wite{scroll-behavior: auto}#wite,#wite *,#wite *::before,#wite *::after{animation: none !important;transition: none !important}html.js #wite .rv.rv-wait{opacity: 1 !important;translate: none !important}#wite .hl{background-size: 100% 100%}}#wite h1,#wite h2,#wite h3,#wite h4,#wite .diary-cover h2,#wite .t-main h3,#wite .price-big,#wite .tag-wrap h2{font-family: var(--f-display);font-weight: 600;letter-spacing: -0.01em}#wite .hero h1,#wite .record h1,#wite .tag-wrap h2{font-weight: 500;letter-spacing: -0.02em}#wite .hero h1{font-size: calc(var(--t-xxl) * 1.12);line-height: .9}#wite .hero h1 em,#wite .record h1 em,#wite .head h2 em{font-style: italic;font-weight: 500}#wite .head h2{font-size: calc(var(--t-xl) * 1.12);line-height: 1}#wite .record h1{font-size: clamp(2.6rem,1.3rem + 4.2vw,5.2rem);line-height: .98}#wite .t-main h3{font-size: 1.55rem;line-height: 1.05}#wite .tariffs h4{font-size: 1.55rem}#wite .diary-cover h2{letter-spacing: .16em;font-weight: 500}#wite .founder-text h2{font-size: calc(var(--t-xl) * 1.12)}#wite .big-ticket td:last-child,#wite .tariffs .price-big{font-family: var(--f-display);font-weight: 600;font-size: 1.5rem}#wite .tariffs .price-big{font-size: clamp(2rem,1.4rem + 1.6vw,2.6rem)}#wite .chapter b,#wite .flip-back b,#wite .steps b{font-family: var(--f-display);font-weight: 600;font-size: 1.3rem;line-height: 1.1;letter-spacing: 0}#wite .toc summary .t,#wite .glossary summary{font-family: var(--f-display);font-size: 1.25rem;font-weight: 600}#wite .notes-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 40px 56px}@media (max-width: 900px){#wite .notes-grid{grid-template-columns: 1fr;max-width: 600px}}#wite .stack-head{display: flex;justify-content: space-between;align-items: center;gap: 16px;margin-bottom: 26px}#wite .stack-head h3{font-size: 1.7rem}#wite .stack-ctrl{display: flex;align-items: center;gap: 10px}#wite .stack-ctrl button{width: 44px;height: 44px;border-radius: 50%;border: 1px solid var(--ink);background: transparent;color: var(--ink);font-size: 1.1rem;cursor: pointer;transition: background .2s,color .2s}#wite .stack-ctrl button:hover{background: var(--ink);color: var(--paper)}#wite .stack-count{font-family: var(--f-hand);font-size: 1.4rem;color: var(--wine);min-width: 3.2em;text-align: center}#wite .stack{position: relative;height: 470px}#wite .rnote{position: absolute;inset: 0 8px 10px 0;padding: 40px clamp(22px,3vw,36px) 30px;display: grid;align-content: start;gap: 16px;color: var(--ink);box-shadow: var(--shadow);background-color: var(--sheet);transition: transform .55s cubic-bezier(.3,.7,.2,1),opacity .45s;transform: rotate(var(--rot,0deg)) translate(var(--dx,0),var(--dy,0))}#wite .rnote:nth-last-child(1){--rot: -1deg;z-index: 5}#wite .rnote:nth-last-child(2){--rot: 3deg;--dx: 10px;--dy: 8px;z-index: 4}#wite .rnote:nth-last-child(3){--rot: -4deg;--dx: -8px;--dy: 14px;z-index: 3}#wite .rnote:nth-last-child(n + 4){opacity: 0;z-index: 1}#wite .rnote.leaving{transform: translate(115%,-30px) rotate(14deg);opacity: 0}#wite .rnote.entering{transform: translate(-115%,-30px) rotate(-14deg);opacity: 0;transition: none}#wite .rnote--lined{background-image: var(--grain),linear-gradient(transparent calc(100% - 1px),var(--rule) 0);background-size: auto,100% 30px;background-position: 0 0,0 10px}#wite .rnote--dots{background-image: var(--grain),var(--dots)}#wite .rnote--blush{background-color: #EFE4DB;background-image: var(--grain)}#wite .rnote--kraft{background-color: #DCCAB8;background-image: var(--grain)}#wite .rnote .tagline{font-size: var(--t-xs);letter-spacing: .14em;text-transform: uppercase;color: var(--ink-soft)}#wite .rnote blockquote{margin: 0;font-size: 1.04rem;line-height: 1.7}#wite .rnote blockquote::before{content: "“";display: block;font-family: var(--f-display);font-size: 4rem;line-height: .5;color: var(--wine);margin-bottom: 4px}#wite .rnote .sign{font-family: var(--f-hand);font-size: 1.5rem;color: var(--wine);justify-self: end;margin-top: auto}#wite .rnote .heart{position: absolute;right: 22px;top: 18px;color: var(--wine);font-size: 1.2rem}#wite .stack-hint{font-family: var(--f-hand);font-size: 1.2rem;color: var(--ink-soft);margin-top: 18px}@media (max-width: 520px){#wite .stack{height: 560px}}#allrecords:has(#wite),.t-records:has(#wite),.t-rec:has(#wite),.t123:has(#wite){overflow: visible !important}.t-rec:has(#wite){padding: 0 !important}