@font-face{font-family:"Fraunces";src:url(/sun/type/fraunces-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(/sun/type/plusjakarta-var.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--teal:#0F4C5C;--coral:#FF7A59;--honey:#E6A853;--sand:#FFF8EF;--ink:#1C2B30;--line:#EADCC8;--soft:#56676C}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font:400 17.5px/1.7 "Plus Jakarta Sans",Arial,sans-serif}
a{color:var(--teal);text-underline-offset:3px;overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block;-webkit-user-drag:none;-webkit-touch-callout:none}
.ssu-strip{background:var(--teal);color:#D7ECEF;font:500 .84rem/1.35 "Plus Jakarta Sans",Arial,sans-serif;text-align:center;padding:9px 16px}
.ssu-strip a{color:#fff;font-weight:800;text-decoration:none;display:inline-flex;gap:7px;align-items:center;vertical-align:middle;border-bottom:2px dotted var(--honey)}
.ssu-strip img{width:20px;height:21px;background:var(--ink);border-radius:5px;padding:2px}
.ssu-bar{background:var(--sand);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.ssu-bar-in{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ssu-mark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 1.4rem "Fraunces",Georgia,serif;letter-spacing:-.01em}
.ssu-mark i{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#B8742F 0 22%,var(--sand) 22% 30%,#D08C3E 30% 52%,var(--sand) 52% 60%,var(--honey) 60% 100%);box-shadow:inset 0 -9px 0 var(--coral);display:block}
.ssu-mark em{font-style:italic;color:var(--coral);font-weight:600}
.ssu-links{display:flex;gap:2px;flex-wrap:wrap}
.ssu-links a{font:700 .9rem "Plus Jakarta Sans",Arial,sans-serif;color:var(--ink);text-decoration:none;padding:8px 13px;border-radius:999px}
.ssu-links a:hover,.ssu-links a[aria-current]{background:var(--ink);color:var(--sand)}
.ssu-burger{display:none;background:var(--coral);color:#fff;border:0;border-radius:999px;font:800 .86rem "Plus Jakarta Sans",Arial,sans-serif;padding:9px 16px;cursor:pointer}
.ssu-drawer{display:none}
.ssu-hero{position:relative;margin:0;background:var(--ink);min-height:560px;display:flex;align-items:flex-end}
.ssu-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.ssu-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0F2E36e6 0,#0F2E36aa 38%,transparent 70%),linear-gradient(0deg,#0F2E36cc,transparent 45%)}
.ssu-hero-txt{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;padding:60px 24px 54px;color:#F3EDE4}
.ssu-kick{display:inline-block;background:var(--honey);color:var(--ink);font:800 .74rem "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.ssu-hero h1{font:800 clamp(2.6rem,6vw,4.6rem)/1 "Fraunces",Georgia,serif;letter-spacing:-.025em;margin:14px 0 12px;max-width:900px;color:#fff}
.ssu-hero h1 span{color:var(--honey);font-style:italic;font-weight:600}
.ssu-sub{font:500 clamp(1.1rem,2vw,1.35rem)/1.45 "Plus Jakarta Sans",Arial,sans-serif;max-width:620px;margin:0 0 14px}
.ssu-made{display:inline-block;margin:4px 0 0;padding:8px 14px;border-left:4px solid var(--coral);background:#0F2E3699;font-size:1rem}
.ssu-made strong{color:#fff}
.ssu-hero figcaption{position:absolute;z-index:2;right:12px;top:12px;background:#1C2B30b3;color:#fff;font-size:.74rem;padding:3px 10px;border-radius:999px}
.ssu-jump{display:inline-block;margin-top:18px;color:var(--ink);background:#fff;font-weight:800;text-decoration:none;padding:11px 20px;border-radius:999px}
.ssu-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ssu-h2{font:800 clamp(1.7rem,3vw,2.3rem)/1.12 "Fraunces",Georgia,serif;letter-spacing:-.015em;margin:56px 0 8px}
.ssu-h2 span{color:var(--coral);font-style:italic;font-weight:600}
.ssu-intro{color:var(--soft);margin:0 0 22px;max-width:760px}
.ssu-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ssu-mosaic figure{margin:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 22px #1c2b3014}
.ssu-mosaic img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}.ssu-mosaic figure:hover img{transform:scale(1.025)}
.ssu-mosaic figcaption{padding:11px 15px 14px;font-size:.9rem;line-height:1.45}
.ssu-real{display:block;font:800 .66rem "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#B4532F;margin-bottom:3px}
.ssu-tones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ssu-tone{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 20px 18px;position:relative;overflow:hidden}
.ssu-tone:before{content:"";display:block;height:64px;border-radius:14px;margin-bottom:14px;background:repeating-linear-gradient(90deg,var(--c1) 0 22px,var(--c2) 22px 24px)}
.ssu-tone h3{font:800 1.18rem "Fraunces",Georgia,serif;margin:0 0 6px}.ssu-tone p{margin:0 0 8px;font-size:.95rem}.ssu-pair{color:var(--soft);font-size:.9rem!important}
.ssu-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.ssu-moments li{background:var(--ink);color:#E9E2D6;border-radius:20px;padding:20px 22px}.ssu-moments b{display:block;color:var(--honey);font:800 1.08rem "Fraunces",Georgia,serif;margin-bottom:4px}
.ssu-spaces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ssu-space{margin:0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.ssu-space img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ssu-space figcaption{padding:12px 16px 16px;font-size:.92rem}.ssu-space h3{font:800 1.1rem "Fraunces",Georgia,serif;margin:0 0 4px}
.ssu-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.ssu-guides li{border:2px solid var(--ink);border-radius:20px;padding:18px 20px;background:var(--sand)}
.ssu-guides a{font:800 1.12rem "Fraunces",Georgia,serif;color:var(--ink);text-decoration:none}.ssu-guides a:hover{color:var(--coral)}
.ssu-guides span{display:block;color:var(--soft);font-size:.93rem;margin-top:4px}
.ssu-callout{margin:56px 0 0;background:linear-gradient(120deg,var(--coral),#F59F5B);color:#2A1408;border-radius:28px;padding:32px 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
.ssu-callout h2{font:800 1.6rem "Fraunces",Georgia,serif;margin:0 0 6px;color:#1C1108}.ssu-callout p{margin:0}
.ssu-callout a{background:var(--ink);color:#fff;font-weight:800;text-decoration:none;padding:13px 20px;border-radius:999px;display:inline-block}
.ssu-home-wp{margin:56px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;background:#fff;border-radius:28px;overflow:hidden;border:1px solid var(--line)}
.ssu-home-wp img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}.ssu-home-wp div{padding:26px 30px 26px 0}.ssu-home-wp h2{font:800 1.5rem "Fraunces",Georgia,serif;margin:0 0 8px}
.ssu-cap{font-size:.82rem;color:var(--soft)}
.ssu-sign{margin:26px 0 60px;font-size:.92rem;color:var(--soft)}
.ssu-page{max-width:780px;margin:0 auto;padding:34px 24px 60px}
.ssu-tag{display:inline-block;font:800 .74rem "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.ssu-page h1{font:800 clamp(2.1rem,4.6vw,3.1rem)/1.06 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin:.25em 0 .35em}
.ssu-lead{font-size:1.15rem;color:var(--soft);margin:0 0 8px}
.ssu-date{font-size:.84rem;color:var(--soft);margin:0 0 26px}
.ssu-page h2{font:800 1.45rem/1.25 "Fraunces",Georgia,serif;margin:36px 0 8px}
.ssu-shot{margin:26px 0}.ssu-shot img{border-radius:20px;width:100%}.ssu-shot figcaption{font-size:.84rem;color:var(--soft);padding-top:7px;line-height:1.45}
.ssu-shot2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.ssu-shot2 img{border-radius:18px;width:100%;aspect-ratio:3/4;object-fit:cover}.ssu-shot2 figcaption{grid-column:span 2;font-size:.84rem;color:var(--soft)}
.ssu-try{background:#fff;border:2px dashed var(--honey);border-radius:20px;padding:18px 22px;margin:26px 0}.ssu-try h2{font:800 1.05rem "Plus Jakarta Sans",Arial,sans-serif!important;margin:0 0 6px!important;color:#9A5A1C}.ssu-try ul{margin:0;padding-left:20px}
.ssu-tbl{overflow-x:auto;margin:18px 0}.ssu-tbl table{width:100%;min-width:480px;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:.94rem}
.ssu-tbl th{background:var(--ink);color:#fff;text-align:left;padding:10px 12px}.ssu-tbl td{padding:10px 12px;border-bottom:1px solid var(--line)}
.ssu-cite{margin-top:36px;border-top:3px solid var(--ink);padding-top:14px;font-size:.86rem;line-height:1.5}.ssu-cite h2{font:800 1rem "Plus Jakarta Sans",Arial,sans-serif!important;margin:0 0 6px!important}
.ssu-faq dt{font:800 1.15rem/1.35 "Fraunces",Georgia,serif;margin-top:22px}.ssu-faq dd{margin:4px 0 0}
.ssu-more{margin-top:30px;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:.95rem}
.ssu-foot{background:var(--ink);color:#CFC7BA;margin-top:20px}
.ssu-foot-in{max-width:1200px;margin:0 auto;padding:36px 24px 42px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px;font-size:.9rem;line-height:1.6}
.ssu-foot strong{display:block;color:#fff;font:800 1.25rem "Fraunces",Georgia,serif}.ssu-foot a{color:var(--honey)}#ftr-referral{font-weight:800}
@media(max-width:1000px){.ssu-tones,.ssu-spaces{grid-template-columns:repeat(2,minmax(0,1fr))}.ssu-moments,.ssu-guides{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:860px){.ssu-burger{display:inline-block}.ssu-links{display:none}
.ssu-drawer{display:block;position:absolute;left:0;right:0;top:100%;background:var(--ink);visibility:hidden;opacity:0;transition:opacity .15s}.ssu-drawer.ssu-open{visibility:visible;opacity:1}
.ssu-drawer a{display:block;color:#fff;text-decoration:none;font:700 1.02rem "Plus Jakarta Sans",Arial,sans-serif;padding:13px 24px;border-top:1px solid #2F4247}
.ssu-hero{min-height:0;display:block}.ssu-hero>img{position:static;height:300px}.ssu-hero:after{display:none}.ssu-hero-txt{padding:26px 18px 30px;background:#0F2E36}.ssu-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.ssu-wrap{padding:0 16px}
.ssu-callout,.ssu-home-wp{grid-template-columns:minmax(0,1fr)}.ssu-home-wp div{padding:0 22px 24px}.ssu-callout{padding:26px 22px}}
@media(max-width:560px){.ssu-tones,.ssu-moments,.ssu-guides{grid-template-columns:minmax(0,1fr)}.ssu-spaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ssu-space figcaption{padding:9px 11px 12px;font-size:.85rem}.ssu-mosaic{gap:10px}.ssu-mosaic figcaption{padding:8px 10px 11px;font-size:.82rem}}