@layer layout,type,color,components,assembly,motion,polish;@media (max-width: 640px){[data-view=desktop]{display:none!important}}@media (min-width: 641px){[data-view=mobile]{display:none!important}}@layer layout{:root{--content-max: 1280px;--gutter: 48px;--section-space: 160px;--vh: 1vh;--floor-height: calc(100 * var(--vh));--floor-pad: 64px;--floor-gap: 0px;--title-height: 220px;--subtitle-height: 40px;--subtitle-width: 50%;--hint-height: 45px;--hint-width: max-content;--salon-cols: 3;--salon-gap: 40px;--salon-fill: .84;--salon-jitter-x: .8;--salon-jitter-y: 24px;--salon-seed: 7;--frame-ratio: 3 / 4;--detail-pad: 48px;--detail-gap: 64px;--back-h: 24px;--back-w: max-content;--back-gap: 32px;--detail-edge: calc(var(--detail-pad) + var(--back-h) + var(--back-gap));--detail-art-h: calc(100 * var(--vh) - 2 * var(--detail-edge));--detail-art-max-w: calc(100vw - 2 * var(--detail-pad) - var(--detail-gap) - var(--info-w));--detail-gap-stack: 32px;--detail-stack-reserve: 520px;--detail-art-h-stack: clamp(calc(36 * var(--vh)), calc(100 * var(--vh) - var(--detail-stack-reserve)), calc(58 * var(--vh)));--info-max-w-stack: 560px;--info-w: 420px;--info-gap: 24px;--d-title-h: 56px;--blurb-h: 140px;--box-fill: #eeeeee;--box-line: #bbbbbb;--img-fill: #c9c9c9;--label-color: #666666;--label-font: 12px system-ui}html{scrollbar-gutter:stable}html.is-zoomed{overflow:hidden}body{margin:0;background:#fff}.scene{position:relative;transform-origin:0 0}.page{max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter)}.box{position:relative;background:var(--box-fill);outline:1px solid var(--box-line);outline-offset:-1px;box-sizing:border-box}.box:before{content:attr(data-label);position:absolute;top:6px;left:8px;font:var(--label-font);color:var(--label-color)}.box.img{background:var(--img-fill)}.floor{min-height:var(--floor-height);display:grid;grid-template-areas:"." "title" "subtitle" "hint";grid-template-rows:1fr auto auto auto;row-gap:var(--floor-gap);padding-bottom:var(--floor-pad);box-sizing:border-box}.floor .title{grid-area:title;height:var(--title-height)}.floor .subtitle{grid-area:subtitle;height:var(--subtitle-height);width:var(--subtitle-width)}.floor .hint{grid-area:hint;height:var(--hint-height);width:var(--hint-width)}.wall{padding-block:var(--section-space);columns:var(--salon-cols);column-gap:var(--salon-gap)}.frame{display:block;aspect-ratio:var(--r, var(--frame-ratio))}.wall .frame{break-inside:avoid;width:calc(100% * var(--salon-fill));margin:0 auto var(--salon-gap)}.wall.is-computed{columns:auto;position:relative}.wall.is-computed .frame{position:absolute;margin:0}@media (max-width: 900px){:root{--salon-cols: 2}}@media (max-width: 500px){:root{--salon-cols: 1}}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;height:calc(100 * var(--vh));box-sizing:border-box;padding:var(--detail-edge) var(--detail-pad);display:flex;align-items:center;justify-content:center;gap:var(--detail-gap);visibility:hidden;pointer-events:none}html.is-zoomed .detail{visibility:visible;pointer-events:auto}.detail .back{position:absolute;top:var(--detail-pad);left:var(--detail-pad);display:block;width:var(--back-w);height:var(--back-h)}.detail{overflow:auto;align-items:safe center}.detail .art{flex:none;margin:0}.detail .landing{width:min(calc(var(--detail-art-h) * var(--rn, .75)),var(--detail-art-max-w));height:auto;visibility:hidden}.detail .info{flex:none;width:var(--info-w);display:grid;row-gap:var(--info-gap)}.detail .d-title{height:var(--d-title-h)}.detail .blurb{height:auto;min-height:var(--blurb-h)}@media (max-width: 900px){.detail{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--detail-gap-stack);padding:var(--detail-pad)}.detail .back{position:static}.detail .landing{width:min(100%,calc(var(--detail-art-h-stack) * var(--rn, .75)));margin-inline:auto}.detail .info{width:100%;max-width:var(--info-max-w-stack);margin-inline:auto}}}@media (max-width: 640px){@layer layout{:root{--subtitle-width: 100%;--salon-cols: 2;--salon-gap: 20px;--salon-fill: .9;--salon-jitter-x: .6;--salon-jitter-y: 12px;--salon-center-lone: 1}}}@font-face{font-family:Beautique Display;src:url(/fonts/beautique/BeautiqueDisplay-Regular.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Beautique Display;src:url(/fonts/beautique/BeautiqueDisplay-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@layer type{:root{--font-display: "Beautique Display", Georgia, serif;--font-body: "Instrument Sans", system-ui, sans-serif;--display-weight: 400;--display-case: none;--display-tracking: -.02em;--wordmark-size: clamp(64px, 13vw, 150px);--wordmark-lh: .9;--wordmark-style: italic;--d-title-size: 44px;--d-title-min-scale: .35;--d-title-lh: 1.1;--d-title-tracking: -.01em;--title-style: italic;--subtitle-size: 18px;--subtitle-weight: 400;--subtitle-style: normal;--subtitle-tracking: .01em;--body-size: 16px;--body-weight: 400;--body-lh: 1.6;--label-size: 11px;--label-weight: 600;--label-tracking: .16em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 40px}body{font-family:var(--font-body);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-lh);-webkit-font-smoothing:antialiased}.t-wordmark{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--wordmark-style);font-size:var(--wordmark-size);line-height:var(--wordmark-lh);letter-spacing:var(--display-tracking);text-transform:var(--display-case)}.t-title{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--title-style);font-size:calc(var(--d-title-size) * var(--d-title-fit, 1));line-height:var(--d-title-lh);white-space:nowrap;letter-spacing:var(--d-title-tracking);text-transform:var(--display-case)}.t-subtitle{margin:0;font-family:var(--font-body);font-size:var(--subtitle-size);font-weight:var(--subtitle-weight);font-style:var(--subtitle-style);letter-spacing:var(--subtitle-tracking)}.t-body{margin:0;font-family:var(--font-body);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-lh)}.t-body+.t-body{margin-top:var(--space-4)}.t-label{font-family:var(--font-body);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;text-decoration:none;color:inherit}.t-title.is-wrapping{white-space:normal}.box:has(>.t-title){min-width:0}.box:has(>.t-wordmark,>.t-title,>.t-subtitle,>.t-body,>.t-label):before{content:none}}@layer color{:root{--wall-image: url(/wallpaper/freya-biscuit.webp);--wall-size: 399px 337.5px;--wall-color: #a67b63;--cobalt: #005bd5;--cocoa: #3b2621;--wainscot: #f0ead6;--frame-shadow: 0 10px 24px rgb(40 20 12 / .35), 0 2px 4px rgb(40 20 12 / .3);--wainscot-height: calc(80 * var(--vh));--rail-h: 32px;--rail-color: #e2d8c1;--rail-edge: #c5b99f;--ink-wordmark: var(--cobalt);--ink-subtitle: var(--cocoa);--ink-label: var(--cobalt);--ink-title: var(--cobalt);--ink-body: var(--cocoa);--ink-panel-label: var(--cobalt);--panel-bg: var(--wainscot);--panel-rim: var(--cobalt);--panel-pad: 20px;--panel-pad-sm: 8px;--radius-panel: 2px}html{background-color:var(--wall-color);overflow-x:clip}body{background:transparent}.scene{isolation:isolate}.scene:before{content:"";position:absolute;top:0;right:-100vw;bottom:0;left:-100vw;z-index:-2;background-color:var(--wall-color);background-image:var(--wall-image);background-size:var(--wall-size);background-position:100vw 0}.frame.box.img{box-shadow:var(--frame-shadow)}.box:has(>.t-wordmark,>.t-title,>.t-subtitle,>.t-body,>.t-label){background:transparent;outline:0}.floor{position:relative}.floor:before,.floor:after{content:"";position:absolute;left:50%;width:100vw;transform:translate(-50%);z-index:-1}.floor:before{bottom:0;height:var(--wainscot-height);background:var(--wainscot)}.floor:after{content:"Chair rail · placeholder";bottom:var(--wainscot-height);height:var(--rail-h);background:var(--rail-color);border-top:1px solid var(--rail-edge);border-bottom:2px solid var(--rail-edge);box-shadow:0 6px 10px #28140c2e;font:12px system-ui;color:#8a7d64;display:grid;place-items:center}.floor .t-wordmark{color:var(--ink-wordmark)}.floor .t-subtitle{color:var(--ink-subtitle)}.floor .t-label{color:var(--ink-label)}.detail .info,.detail .back{--pp: var(--panel-pad);background:var(--panel-bg);border-radius:var(--radius-panel);box-shadow:0 0 0 var(--pp) var(--panel-bg),0 0 0 calc(var(--pp) + 1px) var(--panel-rim),0 calc(var(--pp) / 2) calc(var(--pp) * 2) calc(var(--pp) * .5) #28140c4d}.detail .back{--pp: var(--panel-pad-sm)}.detail .t-title{color:var(--ink-title)}.detail .t-body{color:var(--ink-body)}.detail .t-label{color:var(--ink-panel-label)}}@layer components{:root{--nav-rule: 1px;--nav-chevron: 22px;--nav-hit: 32px;--nav-disabled-opacity: .25}.detail-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--nav-rule) solid var(--cobalt)}.detail-nav .count{color:var(--cobalt)}.detail-nav :is(.prev,.next){min-width:var(--nav-hit);min-height:var(--nav-hit);display:grid;place-items:center;color:var(--cobalt);font-size:0;cursor:pointer}.detail-nav .prev:before{content:"‹"}.detail-nav .next:before{content:"›"}.detail-nav :is(.prev,.next):before{font:var(--nav-chevron) / 1 var(--font-display)}.detail-nav :is(.prev,.next):is(:hover,.is-hover):not(.is-disabled):before{text-decoration:underline;text-underline-offset:.2em}.detail-nav :is(.prev,.next):is(:focus-visible,.is-focus){outline:2px solid var(--cobalt);outline-offset:2px;border-radius:2px}.detail-nav .is-disabled{opacity:var(--nav-disabled-opacity);pointer-events:none}}@layer components{:root{--frame-hover-ms: .42s;--frame-tilt: -2deg;--frame-swing: cubic-bezier(.34, 1.7, .64, 1);--frame-glow: drop-shadow(0 0 3px var(--cobalt)) drop-shadow(0 0 10px rgb(0 91 213 / .55))}.wall a.frame{outline:none}.wall a.frame img{transform-origin:50% 0;transition:transform var(--frame-hover-ms) var(--frame-swing),filter .2s ease-out}html:not(.is-zoomed) .wall a.frame:is(:hover,.is-hover,:focus-visible,.is-focus) img{transform:rotate(var(--frame-tilt))}html:not(.is-zoomed) .wall a.frame:is(:focus-visible,.is-focus) img{filter:var(--frame-glow)}@media (prefers-reduced-motion: reduce){.wall a.frame img{transition:filter .2s ease-out}html:not(.is-zoomed) .wall a.frame:is(:hover,.is-hover,:focus-visible,.is-focus) img{transform:none}}}@media (max-width: 640px),(hover: none){@layer components{html:not(.is-zoomed) .wall a.frame:is(:hover,.is-hover):not(:focus-visible,.is-focus) img{transform:none}}}@layer components{:root{--label-card: #fbf9f3;--label-card-shadow: 0 1px 1px rgb(40 20 12 / .35), 0 3px 8px rgb(40 20 12 / .18);--label-card-pad: 9px 16px;--label-rule: 1px solid rgb(59 38 33 / .18)}.detail .info{--pp: var(--panel-pad);border-radius:0;background:var(--label-card);box-shadow:0 0 0 var(--pp) var(--label-card),0 calc(var(--pp) * .1) 2px var(--pp) #28140c59,0 4px 14px var(--pp) #28140c1f}.detail .info .d-title{border-bottom:var(--label-rule)}.detail .back{background:none;box-shadow:none}.detail .back a{display:inline-block;padding:var(--label-card-pad);background:var(--label-card);box-shadow:var(--label-card-shadow);white-space:nowrap;transition:background-color .15s ease-out,color .15s ease-out}.detail .back a:is(:hover,.is-hover){background:var(--cobalt);color:var(--label-card)}.detail .back a:is(:focus-visible,.is-focus){outline:2px solid var(--cobalt);outline-offset:3px}}@layer assembly{:root{--wainscot-image: url(/decor/rail.webp);--floor-height: var(--wainscot-height);--wall-to-rail: 40px;--floor-text-lift: 60px}.wall{padding-bottom:var(--wall-to-rail)}.floor :is(.subtitle,.hint){translate:0 calc(-1 * var(--floor-text-lift))}.wall .frame img{display:block;width:100%;height:100%}.floor:before{background:var(--wainscot) var(--wainscot-image) 0 100% / auto 100% repeat-x}.floor:after{display:none}}@media (max-width: 640px){@layer assembly{:root{--title-height: auto;--subtitle-height: auto;--hint-height: auto;--floor-gap: 10px;--floor-text-lift: 0px;--floor-pad: 143px}}}@layer motion{:root{--floor-fade: .6;--scroll-speed: .4;--scroll-glide: .03;--scroll-resist: .15;--scroll-resist-distance: 1.65;--scroll-coast: .5;--wall-parallax: 0;--frame-bounce: 0px;--zoom-duration: .9s;--zoom-fade: .29s;--zoom-ease: cubic-bezier(.65, 0, .35, 1);--frame-tilt: -2deg;--frame-hover-ms: .42s;--wall-shift: 0px;--floor-text-opacity: 1}.scene:before{background-position:100vw var(--wall-shift)}.floor :is(.title,.subtitle,.hint){opacity:var(--floor-text-opacity)}}@media (max-width: 640px){@layer motion{:root{--floor-fade-touch: .35}}}@layer polish{:root{--ink-hint: #0052c0;--missing-line: rgb(59 38 33 / .35)}body{overflow-x:clip}.floor .hint .t-label{color:var(--ink-hint)}.floor:before{height:max(var(--wainscot-height),100%)}.wall .frame.is-missing{outline:1px dashed var(--missing-line);outline-offset:-1px}.wall .frame.is-missing img,.wall img.frame.is-missing{visibility:hidden}}