html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{--paper: oklch(96.5% .015 78);--paper-2: oklch(98.5% .008 82);--card: oklch(99.2% .004 85);--ink: oklch(29% .028 52);--ink-soft: oklch(43% .03 54);--muted: oklch(55% .026 58);--line: oklch(85% .02 70);--red: oklch(56% .182 31);--red-deep: oklch(47% .16 31);--green: oklch(50% .085 148);--water: oklch(60% .105 222);--sun: oklch(80% .15 72);--font: "Pretendard","Pretendard Variable",-apple-system,BlinkMacSystemFont, "Apple SD Gothic Neo","Noto Sans KR",system-ui,"Malgun Gothic",sans-serif;--hand: "Nanum Pen Script", var(--font);--maxw: 1180px;--pad: clamp(20px, 5vw, 64px);--r: 4px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(120% 90% at 12% 0%,oklch(98% .02 85 / .9),transparent 60%),radial-gradient(120% 90% at 100% 100%,oklch(94% .03 60 / .55),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-attachment:fixed,fixed,scroll;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}.hand{font-family:var(--hand);line-height:1.05}.kicker{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--red-deep);font-weight:700;display:inline-flex;align-items:center;gap:.6em}.kicker:before{content:"";width:26px;height:1.5px;background:var(--red);display:inline-block}.nav{position:sticky;top:0;z-index:50;background:#f9f2e9d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;gap:18px;height:62px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.12rem;letter-spacing:-.01em}.brand .sun{width:24px;height:24px;flex:none}.nav .ph{margin-left:auto;font-weight:600;font-size:.92rem;color:var(--ink-soft);letter-spacing:.01em}.nav .ph b{color:var(--ink);letter-spacing:.02em}.nav .cta{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-weight:700;font-size:.9rem;padding:9px 16px;border-radius:999px;letter-spacing:.01em;box-shadow:0 6px 16px #c93b2747;transition:transform .15s,box-shadow .15s}.nav .cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px #c93b2757}.nav .ph-d{display:none}@media(min-width:760px){.nav .ph-d{display:inline}}.frame{background:var(--card);padding:10px 10px 12px;border:1px solid oklch(88% .015 70);box-shadow:0 16px 34px -18px #42261680,0 2px 6px #4226161f;border-radius:var(--r)}.frame>img{width:100%;height:100%;object-fit:cover;border-radius:2px;background:var(--line)}.frame .cap{font-family:var(--hand);font-size:1.5rem;color:var(--ink-soft);line-height:1;padding:8px 4px 2px}.tape{position:relative}.tape:before{content:"";position:absolute;top:-13px;left:50%;transform:translate(-50%) rotate(-3deg);width:96px;height:26px;background:#f2ca8d99;border:1px solid oklch(80% .09 78 / .4);box-shadow:0 1px 2px #4226161f;z-index:3}.pin{position:relative}.pin:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 32%,oklch(72% .2 30),var(--red-deep));box-shadow:0 3px 5px #42261666;z-index:4}.hero{padding:clamp(28px,5vw,56px) 0 clamp(40px,6vw,72px);position:relative}.hero-grid{display:grid;gap:clamp(20px,4vw,40px);align-items:center}.hero-copy .big{font-size:clamp(4.6rem,17vw,10.5rem);color:var(--ink);letter-spacing:-.01em;margin:.06em 0 .12em}.hero-copy .big em{color:var(--red);font-style:normal}.hero-copy .lead{font-size:clamp(1.02rem,2.6vw,1.22rem);color:var(--ink-soft);font-weight:500;max-width:24ch}.hero-copy .lead b{color:var(--ink);font-weight:700}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.96rem;padding:13px 22px;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .15s;border:0}.btn-red{background:var(--red);color:#fff;box-shadow:0 10px 24px -8px #c93b278c}.btn-red:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px #c93b2799}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.hero-collage{position:relative;min-height:clamp(340px,52vw,560px)}.hero-collage .f-main{width:74%;margin-left:auto;aspect-ratio:4/3;transform:rotate(1.4deg)}.hero-collage .f-a{position:absolute;left:0;bottom:2%;width:42%;aspect-ratio:3/4;transform:rotate(-4deg);z-index:5}.hero-collage .f-b{position:absolute;right:-2%;top:-3%;width:34%;aspect-ratio:1/1;transform:rotate(5deg);z-index:6}.scribble{position:absolute;z-index:7;pointer-events:none}.hero .scribble{right:6%;bottom:-26px;width:140px;color:var(--red)}.float-note{position:absolute;z-index:8;background:oklch(95% .09 96);color:var(--ink);font-family:var(--hand);font-size:1.65rem;line-height:.95;padding:14px 16px 12px;box-shadow:0 12px 26px -12px #42261680;transform:rotate(-3.5deg);border:1px solid oklch(88% .08 96)}.hero .float-note{left:2%;top:-10px;max-width:140px}section{position:relative}.sec{padding:clamp(54px,8vw,104px) 0}.sec-head{max-width:34ch;margin-bottom:clamp(26px,4vw,44px)}.sec-head h2{font-size:clamp(1.9rem,5vw,3rem);letter-spacing:-.02em;line-height:1.08;margin:14px 0 0}.sec-head h2 .hl{background:linear-gradient(transparent 62%,#f8ac3d8c 0);padding:0 .05em}.sec-note{font-family:var(--hand);font-size:1.5rem;color:var(--muted)}.scene{background:linear-gradient(180deg,transparent,oklch(94% .03 150 / .35))}.scene-grid{display:grid;gap:clamp(18px,3vw,34px);align-items:center}.scene-grid .f-big{aspect-ratio:16/10;transform:rotate(-1deg)}.scene-grid .f-small{width:66%;aspect-ratio:4/5;margin-top:-12%;margin-left:auto;transform:rotate(3deg);z-index:4;position:relative}.scene-text .line{font-size:clamp(1.5rem,4vw,2.3rem);font-weight:700;letter-spacing:-.02em;line-height:1.32}.scene-text .line .a{color:var(--water)}.scene-text .line .b{color:var(--green)}.scene-text p{color:var(--ink-soft);margin-top:18px;max-width:30ch;font-size:1.02rem}.water-collage{display:grid;gap:clamp(14px,2.4vw,26px);grid-template-columns:repeat(6,1fr)}.water-collage .c{position:relative}.wc1{grid-column:1/5;aspect-ratio:3/2;transform:rotate(-1.2deg)}.wc2{grid-column:5/7;aspect-ratio:3/4;transform:rotate(2.5deg)}.wc3{grid-column:1/3;aspect-ratio:4/5;transform:rotate(2deg)}.wc4{grid-column:3/7;aspect-ratio:16/9;transform:rotate(-1.5deg)}.water-collage .stamp{position:absolute;right:-10px;top:-16px;z-index:8;width:96px;height:96px;border-radius:50%;background:var(--water);color:#fff;display:grid;place-content:center;text-align:center;font-family:var(--hand);font-size:1.45rem;line-height:.92;transform:rotate(-12deg);box-shadow:0 10px 22px -8px #1a8ead99}.room-grid{display:grid;gap:clamp(20px,4vw,44px);align-items:center}.room-photos{position:relative}.room-photos .f-main{aspect-ratio:4/3;transform:rotate(1deg)}.room-photos .f-sign{position:absolute;right:-4%;bottom:-10%;width:40%;aspect-ratio:3/2;transform:rotate(-5deg);z-index:5}.sticky-note{background:#fcecaa;border:1px solid oklch(87% .08 96);font-family:var(--hand);color:var(--ink);font-size:1.6rem;line-height:1.05;padding:16px 18px;transform:rotate(-1.5deg);max-width:21ch;box-shadow:0 12px 26px -14px #42261680;margin-top:22px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);padding:8px 13px;border-radius:999px}.chip svg{width:16px;height:16px;color:var(--red-deep);flex:none}.facts{display:flex;gap:22px;flex-wrap:wrap;margin-top:6px}.fact b{display:block;font-size:1.55rem;letter-spacing:-.01em;line-height:1}.fact span{font-size:.8rem;color:var(--muted);letter-spacing:.04em}.fac{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fac-grid{display:grid;gap:clamp(14px,2.4vw,24px);grid-template-columns:repeat(3,1fr)}.fac-grid .f-card .frame{aspect-ratio:4/3}.fac-grid .f-card{transform:rotate(var(--rot,0deg))}.fac-grid .f-card .cap{text-align:center}.reviews{background:linear-gradient(180deg,oklch(94% .03 60 / .4),transparent)}.qwall{display:grid;gap:clamp(20px,3vw,32px)}.quote{position:relative;background:var(--card);border:1px solid oklch(88% .015 70);padding:clamp(22px,3vw,34px) clamp(22px,3vw,34px) clamp(20px,2.6vw,28px);box-shadow:0 18px 40px -22px #4226168c;border-radius:var(--r)}.quote .mk{font-family:var(--hand);font-size:4rem;color:var(--red);line-height:.4;height:.5em;display:block}.quote p{font-family:var(--hand);font-size:clamp(1.8rem,4.4vw,2.7rem);line-height:1.12;color:var(--ink)}.quote .who{font-family:var(--font);font-size:.82rem;color:var(--muted);margin-top:14px;letter-spacing:.02em}.quote .stars{color:var(--sun);letter-spacing:.1em}.q1{transform:rotate(-1deg)}.q2{transform:rotate(1.2deg)}.q3{transform:rotate(-.6deg)}.book{background:var(--ink);color:var(--paper)}.book .kicker{color:#f8b65d}.book .kicker:before{background:var(--sun)}.book-grid{display:grid;gap:clamp(28px,5vw,56px);align-items:start}.book h2{font-size:clamp(2rem,5.4vw,3.2rem);letter-spacing:-.02em;line-height:1.06;color:#fff}.book .sub{color:#cbc3b6;margin-top:16px;max-width:30ch}.book .callnote{font-family:var(--hand);font-size:1.7rem;color:#f9bf60;margin-top:26px}.book .callnote a{color:#fff;border-bottom:2px solid var(--red);letter-spacing:.03em}form.card{background:var(--card);color:var(--ink);border-radius:12px;padding:clamp(22px,3vw,34px);box-shadow:0 30px 60px -30px #000}.field{margin-bottom:16px}.field label{display:block;font-size:.82rem;font-weight:700;color:var(--ink-soft);margin-bottom:6px;letter-spacing:.02em}.field label .req{color:var(--red)}.field input,.field select,.field textarea{width:100%;font-family:var(--font);font-size:1rem;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--line);border-radius:9px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px #c93b2726}.field textarea{resize:vertical;min-height:64px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit{width:100%;justify-content:center;margin-top:6px;font-size:1.04rem;padding:15px}.formhint{font-size:.76rem;color:var(--muted);margin-top:12px;text-align:center}.err{border-color:var(--red)!important;box-shadow:0 0 0 3px #c93b2726!important}.done{text-align:center}.done .seal{width:64px;height:64px;margin:0 auto 14px;color:var(--red)}.done h3{font-size:1.5rem;letter-spacing:-.01em}.done .summ{text-align:left;background:var(--paper-2);border:1px dashed var(--line);border-radius:10px;padding:16px 18px;margin:18px 0;font-size:.94rem;line-height:1.9}.done .summ b{color:var(--ink)}.done .summ span{color:var(--muted);display:inline-block;width:74px}.done .acts{display:grid;gap:10px}.done .acts .btn{justify-content:center}.btn-line{background:transparent;border:1.5px solid var(--line);color:var(--ink-soft)}.btn-line:hover{border-color:var(--ink);color:var(--ink)}.foot{background:var(--paper-2);border-top:1px solid var(--line)}.foot-grid{display:grid;gap:clamp(22px,4vw,40px);align-items:center}.foot .addr{font-size:1.05rem;line-height:1.8}.foot .addr .big{font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.foot .addr a.kk{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--red-deep);font-weight:700;border-bottom:2px solid oklch(56% .182 31 / .35);padding-bottom:2px}.foot .f-photo{aspect-ratio:16/11;transform:rotate(-1.2deg)}.copyr{border-top:1px solid var(--line);margin-top:clamp(34px,5vw,56px);padding:22px 0;font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}.copyr .dot{width:5px;height:5px;border-radius:50%;background:var(--red);display:inline-block}.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media(min-width:820px){.hero-grid{grid-template-columns:1fr 1.06fr}.scene-grid{grid-template-columns:1.25fr .85fr}.scene-grid .f-small{margin-top:0}.room-grid{grid-template-columns:1.05fr .95fr}.book-grid{grid-template-columns:.9fr 1.1fr}.foot-grid{grid-template-columns:1.1fr .9fr}.qwall{grid-template-columns:1.1fr .9fr;grid-auto-flow:dense}.q1{grid-row:span 2;align-self:start}}@media(max-width:819px){.water-collage{grid-template-columns:repeat(2,1fr)}.wc1,.wc2,.wc3,.wc4{grid-column:auto}.fac-grid{grid-template-columns:1fr 1fr}.fac-grid .f-card:last-child{grid-column:1/-1;max-width:60%;margin:0 auto}.hero-copy .lead{max-width:30ch}.float-note{font-size:1.4rem}}@media(max-width:520px){.two{grid-template-columns:1fr}.hero-collage .f-main{width:84%}.hero .float-note{left:0;top:-4px}.nav .ph{display:none}.fac-grid{grid-template-columns:1fr}.fac-grid .f-card:last-child{max-width:100%}}