:root{color:#181714;font-synthesis:none;--ink:#181714;--muted:#746f66;--soft:#a19b90;--line:#d9d2c5;--paper:#faf8f2;--canvas:#ece7dc;--accent:#8b7655;background:#f4f0e7;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--paper);min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--paper);z-index:10;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,4vw,64px);display:flex;position:sticky;top:0}.wordmark{color:var(--ink);letter-spacing:.14em;font-family:EB Garamond,Georgia,serif;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:600;text-decoration:none}.topbar__context{align-items:center;gap:24px;display:flex}.topbar__context span{color:var(--soft);letter-spacing:.18em;font-size:.68rem}.topbar__context button,.consultation-summary button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:5px 0;font-size:.78rem}.consultation{grid-template-columns:minmax(0,1.2fr) minmax(410px,.8fr);height:calc(100vh - 76px);min-height:0;display:grid;overflow:hidden}.presentation{background:var(--canvas);border-right:1px solid var(--line);flex-direction:column;min-width:0;height:100%;display:flex}.presentation__heading{justify-content:space-between;align-items:flex-start;gap:24px;padding:clamp(28px,4vw,56px) clamp(24px,5vw,72px) 18px;display:flex}.kicker,.step-label{color:var(--accent);letter-spacing:.2em;margin:0 0 9px;font-size:.65rem;font-weight:600}.presentation h1{letter-spacing:-.045em;margin:0;font-family:EB Garamond,Georgia,serif;font-size:clamp(2.6rem,5vw,5.4rem);font-weight:500;line-height:.9}.english-name{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:10px 0 0;font-size:.78rem}.sample-badge{color:var(--muted);white-space:nowrap;border:1px solid #b9af9e;border-radius:999px;padding:8px 12px;font-size:.7rem}.viewer-frame{flex:1;min-height:0;padding:0 clamp(18px,3vw,48px) 22px}.viewer{width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.viewer:before{content:"";filter:blur(20px);background:radial-gradient(circle,#ffffffbd,#fff0 68%);border-radius:50%;position:absolute;inset:10% 14%}.viewer__canvas{position:absolute;inset:0}.viewer__canvas canvas{cursor:grab;width:100%;height:100%;display:block}.viewer__canvas canvas:active{cursor:grabbing}.viewer__status{text-align:center;background:#ece7dce6;place-content:center;padding:30px;display:grid;position:absolute;inset:0}.viewer__status span{color:var(--accent);letter-spacing:.2em;font-size:.65rem}.viewer__status strong{margin-top:10px;font-family:EB Garamond,Georgia,serif;font-size:clamp(1.8rem,4vw,3.4rem);font-weight:500}.viewer__status p{max-width:420px;color:var(--muted);font-size:.85rem}.viewer__guide{color:var(--muted);gap:15px;font-size:.68rem;display:flex;position:absolute;bottom:10px;right:10px}.viewer__guide span:before{content:"—";color:#b6aa96;margin-right:6px}.selection-strip{border-top:1px solid var(--line);background:#faf8f273;grid-template-columns:repeat(4,1fr);display:grid}.selection-strip>div{border-right:1px solid var(--line);min-width:0;padding:18px clamp(14px,2vw,28px)}.selection-strip>div:last-child{border-right:0}.selection-strip span{color:var(--soft);letter-spacing:.17em;margin-bottom:5px;font-size:.59rem;display:block}.selection-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;font-weight:500;display:block;overflow:hidden}.configurator{background:var(--paper);min-width:0;height:100%;padding:clamp(32px,4vw,58px) clamp(24px,4vw,56px) 48px;overflow-y:auto}.configurator__intro{border-bottom:1px solid var(--line);padding-bottom:36px}.configurator__intro h2{letter-spacing:-.04em;margin:0;font-family:EB Garamond,Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:clamp(2.15rem,3vw,3.2rem);font-weight:500;line-height:1.08}.configurator__intro>p:last-child{max-width:540px;color:var(--muted);margin:18px 0 0;font-size:.85rem;line-height:1.75}.control-group{border-bottom:1px solid var(--line);padding:28px 0 30px}.control-group__heading{gap:16px;margin-bottom:18px;display:flex}.control-group__heading>span{color:var(--soft);font-family:EB Garamond,Georgia,serif;font-size:1rem}.control-group h3{margin:0;font-size:.92rem;font-weight:600}.control-group__heading p{color:var(--muted);margin:5px 0 0;font-size:.73rem;line-height:1.5}.option-grid{gap:8px;display:grid}.option-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-button{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;min-width:0;min-height:63px;padding:11px 12px;transition:border-color .16s,background .16s;display:flex}.option-button:hover{border-color:#9c927f}.option-button[data-selected=true]{border-color:var(--ink);background:#fff}.option-button__swatch{border:1px solid #18171426;border-radius:50%;flex:0 0 25px;width:25px;height:25px;box-shadow:inset 0 1px 4px #ffffff80}.option-button__copy{gap:2px;min-width:0;display:grid}.option-button__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:500;overflow:hidden}.option-button__copy small{color:var(--soft);font-size:.62rem}.option-button__check{opacity:0;margin-left:auto;font-size:.68rem}.option-button[data-selected=true] .option-button__check{opacity:1}.select-control{color:var(--muted);gap:7px;font-size:.68rem;display:grid}.select-control select{border:1px solid var(--line);appearance:none;width:100%;height:50px;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23746f66'/%3E%3C/svg%3E") right 16px center no-repeat;border-radius:0;padding:0 42px 0 15px;font-size:.78rem}.size-controls{grid-template-columns:1.35fr .65fr;gap:10px;display:grid}.selection-notice{min-height:1.4em;color:var(--accent);opacity:0;margin:16px 0 -16px;font-size:.72rem;line-height:1.4}.selection-notice[data-visible=true]{opacity:1}.consultation-summary{color:#fff;background:var(--ink);justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding:24px;display:flex}.consultation-summary .step-label{color:#bcae97}.consultation-summary h3{margin:0;font-family:EB Garamond,Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:1.6rem;font-weight:500}.consultation-summary p:not(.step-label){color:#c9c3b9;margin:6px 0 0;font-size:.72rem}.consultation-summary button{color:#ddd3c4;flex:none}.display-note{color:var(--soft);margin:18px 2px 0;font-size:.68rem;line-height:1.7}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=1080px){.consultation{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 76px);overflow:visible}.presentation{border-right:0;height:auto;min-height:calc(100svh - 76px)}.viewer-frame{min-height:520px}.configurator{width:100%;max-width:780px;height:auto;margin:0 auto;overflow:visible}}@media (width<=680px){.topbar{height:64px;padding:0 18px}.topbar__context span{display:none}.consultation{min-height:calc(100vh - 64px)}.presentation{min-height:auto}.presentation__heading{padding:28px 20px 12px}.presentation h1{font-size:2.8rem}.sample-badge{padding:6px 8px;font-size:.62rem}.viewer-frame{min-height:390px;padding:0 10px 16px}.viewer{min-height:390px}.viewer__guide{bottom:8px;right:14px}.viewer__guide span:last-child{display:none}.selection-strip{grid-template-columns:repeat(2,1fr)}.selection-strip>div{border-bottom:1px solid var(--line)}.selection-strip>div:nth-child(2){border-right:0}.selection-strip>div:nth-child(n+3){border-bottom:0}.configurator{padding:38px 20px 36px}.configurator__intro h2{font-size:2.45rem}.option-grid--three,.size-controls{grid-template-columns:1fr}.consultation-summary{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}