.title.soft-landing{--landing-ink:#263d35;--landing-paper:#f9f6ed;--landing-muted:#637168;position:absolute;inset:0;display:block;background:var(--landing-paper)!important;background-image:none!important;color:var(--landing-ink);font-family:"Gowun Dodum","Malgun Gothic",sans-serif;font-size:16px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;user-select:text;isolation:isolate}
.soft-landing .landing-shell{width:min(1400px,100%);min-height:100%;margin:auto;display:flex;flex-direction:column;padding:clamp(20px,3.5vw,52px) clamp(22px,5vw,84px) 22px}
.soft-landing .landing-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}
.soft-landing .landing-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:900;font-size:20px;line-height:1.15;letter-spacing:-.7px}
.soft-landing .landing-brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--landing-ink);border-radius:11px;background:#d3e8a7;box-shadow:2px 3px 0 var(--landing-ink)}
.soft-landing .landing-brand-mark svg{width:26px;height:26px}
.soft-landing .landing-brand-en{display:block;font:9px/1.7 ui-monospace,monospace;letter-spacing:2.8px;margin-top:3px}
.soft-landing .landing-season{display:flex;gap:7px;align-items:center;border:1.5px solid var(--landing-ink);border-radius:30px;padding:8px 13px;font-size:11px;font-weight:bold;background:#fffdf7;white-space:nowrap}
.soft-landing .landing-season>span{width:6px;height:6px;border-radius:50%;background:#62856d}
.soft-landing .landing-hero{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px);padding:clamp(38px,7vh,90px) 0 clamp(42px,7vh,90px)}
.soft-landing .landing-copy{min-width:0;position:relative;z-index:2}
.soft-landing .landing-eyebrow{display:flex;gap:12px;align-items:center;font:11px/1.5 "Gowun Dodum","Malgun Gothic",sans-serif;font-weight:bold;letter-spacing:1px;margin-bottom:28px}
.soft-landing .landing-eyebrow-line{width:25px;height:1.5px;background:var(--landing-ink)}
.soft-landing h1{position:relative;font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:var(--landing-ink);text-shadow:none;font-size:clamp(38px,4.25vw,64px);font-weight:900;line-height:1.28;letter-spacing:-3.5px;margin:0 0 25px;white-space:nowrap}
.soft-landing h1>span{color:#63865e}
.soft-landing h1>svg{position:absolute;bottom:-14px;left:0;width:94%;max-width:400px;height:17px;fill:none;stroke:#b1bfef;stroke-width:6;stroke-linecap:round;z-index:-1}
.soft-landing .landing-description{font-size:clamp(13px,1.2vw,16px);line-height:1.9;color:var(--landing-muted);letter-spacing:-.3px;margin:28px 0 30px}
.soft-landing .menu{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.soft-landing .menu button{font-family:inherit;display:flex;justify-content:space-between;align-items:center;gap:20px;min-width:150px;min-height:54px;border:2px solid var(--landing-ink);border-radius:10px;padding:12px 18px;background:#fcfaf4;color:var(--landing-ink);box-shadow:3px 4px 0 var(--landing-ink);font-size:15px;font-weight:bold;line-height:1.4;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.soft-landing .menu button.landing-primary{background:#c7d5f5}
.soft-landing .menu button.on{background:#d8e4b3;border-color:var(--landing-ink)}
.soft-landing .menu button.landing-primary.on{background:#c7d5f5}
.soft-landing .menu button:hover{transform:translate(-1px,-2px);box-shadow:4px 6px 0 var(--landing-ink);background:#e3ebc8}
.soft-landing .menu button:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--landing-ink)}
.soft-landing .menu button:focus-visible,.soft-landing .landing-brand:focus-visible{outline:3px solid #bf7659;outline-offset:5px}
.soft-landing .menu button::after{content:attr(data-arrow);font:24px/1 monospace;font-weight:normal}
.soft-landing .landing-start-note{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--landing-muted);margin:18px 0 0;line-height:1.7}
.soft-landing .landing-start-note>span{font-size:19px;color:#a6775a}
.soft-landing .landing-visual{position:relative;min-width:0;padding:18px 5px 42px 0;transform:rotate(-2deg)}
.soft-landing .landing-picture{position:relative;border:2px solid var(--landing-ink);border-radius:15px;overflow:hidden;background:#fffaf0;box-shadow:6px 7px 0 var(--landing-ink)}
.soft-landing .landing-picture-top{height:31px;border-bottom:2px solid var(--landing-ink);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;font:8px ui-monospace,monospace;letter-spacing:1px}
.soft-landing .landing-picture-top>span:first-child{display:flex;gap:4px}
.soft-landing .landing-picture-top i{width:5px;height:5px;border:1px solid var(--landing-ink);border-radius:50%;background:#e5b69d}
.soft-landing .landing-farm{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:600/480}
.soft-landing .landing-picture-caption{padding:12px 15px;border-top:2px solid var(--landing-ink);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:bold}
.soft-landing .landing-picture-caption>span:first-child{display:flex;align-items:center;gap:7px}
.soft-landing .landing-picture-caption svg{width:18px;height:18px}
.soft-landing .landing-picture-caption>span:last-child{font:23px monospace}
.soft-landing .landing-sticker{position:absolute;top:-15px;right:-17px;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;width:101px;height:101px;border:2px solid var(--landing-ink);border-radius:50%;background:#f8d97d;box-shadow:3px 4px 0 var(--landing-ink);text-align:center;transform:rotate(13deg);font-size:12px;line-height:1.65}
.soft-landing .landing-sticker strong{font-size:16px}
.soft-landing .landing-sticker svg{position:absolute;left:-11px;bottom:-4px;width:28px;height:28px;fill:#f9f6ed;stroke:var(--landing-ink);stroke-width:2}
.soft-landing .landing-field-note{position:absolute;left:-25px;right:38px;bottom:16px;display:flex;align-items:center;gap:13px;padding:14px 18px;border:2px solid var(--landing-ink);border-radius:11px;background:#fff8e6;box-shadow:3px 4px 0 var(--landing-ink);transform:rotate(5deg);font-size:9px;letter-spacing:.2px}
.soft-landing .landing-field-note>span:first-child{font-size:31px;line-height:1;color:#a7783f}
.soft-landing .landing-field-note strong{display:block;font-size:12px;font-weight:bold;margin-top:5px;letter-spacing:-.2px}
.soft-landing .landing-note-check{margin-left:auto;display:grid;place-items:center;border:1.5px solid var(--landing-ink);border-radius:50%;width:25px;height:25px;font-size:16px;background:#d8e4b3;flex:none}
.soft-landing .landing-footer{border-top:1.5px solid #263d352b;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;color:var(--landing-muted);font-size:10px;line-height:1.7;flex:none}
.soft-landing .landing-key-hint{font-family:ui-monospace,"Malgun Gothic",monospace;font-size:9px}
.soft-landing .landing-touch-hint{display:none}
.soft-landing .landing-footer-flower{font:25px/1 sans-serif;color:#7b927b}
@media(pointer:coarse){.soft-landing .landing-key-hint{display:none}.soft-landing .landing-touch-hint{display:block}}
@media(min-width:1500px){.soft-landing .landing-hero{gap:100px}.soft-landing h1{font-size:68px}}
@media(max-width:980px){.soft-landing .landing-shell{padding-left:35px;padding-right:35px}.soft-landing .landing-hero{gap:30px}.soft-landing h1{font-size:40px;letter-spacing:-2.8px}.soft-landing .menu button{min-width:132px;padding:11px 14px;gap:12px}.soft-landing .landing-sticker{width:83px;height:83px;right:-9px;font-size:10px}.soft-landing .landing-sticker strong{font-size:13px}.soft-landing .landing-field-note{left:-12px;right:15px;padding:11px}.soft-landing .landing-key-hint{max-width:240px;text-align:right}}
@media(max-width:700px){.soft-landing .landing-shell{padding:22px 25px 18px}.soft-landing .landing-brand{font-size:17px}.soft-landing .landing-brand-mark{width:35px;height:35px;border-radius:9px}.soft-landing .landing-brand-mark svg{width:22px;height:22px}.soft-landing .landing-brand-en{font-size:8px;letter-spacing:2px}.soft-landing .landing-season{font-size:9px;padding:7px 9px}.soft-landing .landing-hero{grid-template-columns:1fr;gap:34px;padding:38px 0 25px}.soft-landing .landing-eyebrow{margin-bottom:18px;font-size:9px}.soft-landing h1{font-size:clamp(34px,7.9vw,48px);letter-spacing:-2.7px;margin-bottom:23px}.soft-landing h1>svg{width:265px}.soft-landing .landing-description{font-size:12px;margin:22px 0 22px}.soft-landing .menu{gap:10px}.soft-landing .menu button{min-width:0;flex:1;min-height:50px;font-size:13px;padding:11px 13px;gap:10px}.soft-landing .landing-start-note{font-size:9px;margin-top:13px}.soft-landing .landing-visual{width:min(420px,94%);margin:0 auto;padding-bottom:39px}.soft-landing .landing-picture-top{height:27px;font-size:7px}.soft-landing .landing-farm{max-height:240px;object-fit:cover}.soft-landing .landing-picture-caption{font-size:9px;padding:9px 12px}.soft-landing .landing-sticker{width:74px;height:74px;top:-8px;right:-12px;font-size:9px}.soft-landing .landing-sticker strong{font-size:12px}.soft-landing .landing-field-note{bottom:12px;left:-10px;right:25px;padding:10px 12px}.soft-landing .landing-field-note>span:first-child{font-size:25px}.soft-landing .landing-field-note strong{font-size:10px}.soft-landing .landing-footer{font-size:9px;gap:12px;flex-wrap:wrap;padding-top:15px}.soft-landing .landing-key-hint,.soft-landing .landing-touch-hint{font-size:8px;max-width:none;text-align:left;flex:1 1 65%}.soft-landing .landing-footer-flower{margin-left:auto;font-size:20px}}
@media(max-width:360px){.soft-landing .landing-shell{padding-left:19px;padding-right:19px}.soft-landing .landing-season{font-size:8px;padding:6px 8px}.soft-landing .landing-brand{gap:8px;font-size:15px}.soft-landing .landing-hero{padding-top:30px;gap:28px}.soft-landing .menu button{font-size:12px;padding:10px;gap:5px}.soft-landing .menu button::after{font-size:20px}}
@media(min-width:701px) and (max-height:560px){.soft-landing .landing-shell{padding-top:17px;padding-bottom:13px}.soft-landing .landing-hero{padding:25px 0 23px;gap:40px;grid-template-columns:1.15fr .85fr}.soft-landing .landing-eyebrow{font-size:9px;margin-bottom:12px}.soft-landing h1{font-size:35px;line-height:1.23;margin-bottom:17px;letter-spacing:-2px}.soft-landing .landing-description{font-size:11px;line-height:1.7;margin:15px 0 17px}.soft-landing .landing-start-note{margin-top:10px;font-size:8px}.soft-landing .menu{gap:9px}.soft-landing .menu button{font-size:12px;min-height:44px;padding:9px 12px;min-width:124px}.soft-landing .landing-visual{max-width:310px;margin:auto;padding:6px 0 27px}.soft-landing .landing-farm{max-height:180px;object-fit:cover}.soft-landing .landing-picture-top{height:22px;font-size:6px}.soft-landing .landing-picture-caption{font-size:8px;padding:7px 10px}.soft-landing .landing-picture-caption svg{width:14px;height:14px}.soft-landing .landing-sticker{width:64px;height:64px;top:-14px;font-size:8px}.soft-landing .landing-sticker strong{font-size:10px}.soft-landing .landing-field-note{bottom:7px;padding:8px;gap:8px;font-size:7px}.soft-landing .landing-field-note strong{font-size:9px}.soft-landing .landing-field-note>span:first-child{font-size:22px}.soft-landing .landing-note-check{width:21px;height:21px;font-size:13px}.soft-landing .landing-footer{padding-top:11px;font-size:8px}.soft-landing .landing-key-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.soft-landing .menu button{transition:none}}
