.hp-ys{--bg: #FAF7F2;--bg-2: #F2EDE3;--bg-3: #EAE3D3;--paper: #FFFFFF;--ink: #1A1613;--ink-2: rgba(26, 22, 19, .72);--ink-3: rgba(26, 22, 19, .5);--ink-4: rgba(26, 22, 19, .28);--ink-5: rgba(26, 22, 19, .08);--honey: #F5A623;--honey-deep: #D4891A;--honey-soft: rgba(245, 166, 35, .14);--coral: #F27059;--sky: #4ABFED;--grass: #7BC67E;--berry: #9B6BCD;--line: rgba(26, 22, 19, .13);--line-2: rgba(26, 22, 19, .07);--serif: "Fraunces", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", monospace;--tr: .4s cubic-bezier(.23, 1, .32, 1);--container: 1340px;font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400;font-size:15px;line-height:1.65}.hp-ys *,.hp-ys *:before,.hp-ys *:after{box-sizing:border-box}.hp-ys a{text-decoration:none;color:inherit}.hp-ys img,.hp-ys svg{display:block;max-width:100%}.hp-ys button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}.hp-ys ::-moz-selection{background:var(--honey);color:#fff}.hp-ys ::selection{background:var(--honey);color:#fff}.hp-ys .wrap{max-width:var(--container);margin:0 auto;padding:0 2rem}.hp-ys .eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--honey-deep);display:inline-flex;align-items:center;gap:.8rem}.hp-ys .eyebrow:before{content:"";width:28px;height:1px;background:var(--honey)}.hp-ys .chapter-num{font-family:var(--mono);font-size:.68rem;color:var(--ink-4);letter-spacing:.14em;text-transform:uppercase;text-align:right}.hp-ys .chapter-num .big{display:block;font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--ink);font-style:italic;letter-spacing:-.02em;margin-top:.2rem}.hp-ys .h2{font-family:var(--serif);font-size:clamp(1.85rem,4vw,3.2rem);font-weight:300;line-height:1.08;letter-spacing:-.02em;color:var(--ink)}.hp-ys .h2 em{font-style:italic;color:var(--honey-deep);font-weight:300}.hp-ys .lead{color:var(--ink-2);font-size:1.02rem;max-width:680px;line-height:1.75}.hp-ys .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;transition:var(--tr);border:1px solid var(--ink)}.hp-ys .btn-p{background:var(--ink);color:#fff}.hp-ys .btn-p:hover{background:var(--honey-deep);border-color:var(--honey-deep)}.hp-ys .btn-o{background:transparent;color:var(--ink)}.hp-ys .btn-o:hover{background:var(--ink);color:#fff}.hp-ys .crumb{border-bottom:1px solid var(--line-2)}.hp-ys .crumb-inner{max-width:var(--container);margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hp-ys .crumb a{color:var(--ink-3);transition:color var(--tr)}.hp-ys .crumb a:hover{color:var(--ink)}.hp-ys .crumb .sep{color:var(--ink-4)}.hp-ys .crumb .cur{color:var(--ink)}.hp-ys .hub-hero{padding:4rem 0 3rem;border-bottom:1px solid var(--line-2)}.hp-ys .hub-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.025em;margin:1rem 0 1.6rem;max-width:980px}.hp-ys .hub-hero h1 em{font-style:italic;color:var(--honey-deep);font-weight:300}.hp-ys .hub-hero .lede{max-width:720px;margin-bottom:2rem;font-size:1.05rem;color:var(--ink-2)}.hp-ys .hub-meta{display:flex;flex-wrap:wrap;gap:2.2rem;padding-top:1.6rem;margin-top:1.6rem;border-top:1px solid var(--line-2);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.hp-ys .hub-meta strong{display:block;font-family:var(--serif);font-size:1.65rem;font-weight:300;color:var(--ink);font-style:italic;margin-top:.3rem;letter-spacing:-.02em}.hp-ys .filters{padding:1.6rem 0;border-bottom:1px solid var(--line-2);background:var(--bg-2)}.hp-ys .filters-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.hp-ys .filters-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-right:.5rem}.hp-ys .filter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);background:var(--paper);transition:var(--tr);cursor:pointer}.hp-ys .filter-pill:hover{border-color:var(--ink);color:var(--ink)}.hp-ys .filter-pill.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.hp-ys .filter-pill .ct{opacity:.6}.hp-ys .grid-section{padding:3rem 0 5rem}.hp-ys .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.6rem}.hp-ys .card{position:relative;background:var(--paper);border:1px solid var(--line-2);border-radius:18px;overflow:hidden;transition:var(--tr);display:flex;flex-direction:column}.hp-ys .card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 14px 40px #1a161314}.hp-ys .card-img{position:relative;aspect-ratio:4 / 3;background:linear-gradient(135deg,#f5a623,#f27059);overflow:hidden}.hp-ys .card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.23,1,.32,1)}.hp-ys .card:hover .card-img img{transform:scale(1.05)}.hp-ys .card-badge{position:absolute;top:14px;left:14px;padding:4px 10px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;background:#1a1613d9;color:#fff;border-radius:999px}.hp-ys .card-body{padding:1.3rem 1.4rem 1.5rem;flex:1;display:flex;flex-direction:column}.hp-ys .card-eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--honey-deep);margin-bottom:.6rem}.hp-ys .card-title{font-family:var(--serif);font-size:1.45rem;font-weight:400;letter-spacing:-.01em;line-height:1.15;margin-bottom:.5rem}.hp-ys .card-tag{font-size:.92rem;color:var(--ink-2);line-height:1.55;flex:1}.hp-ys .card-foot{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hp-ys .card-foot .view{color:var(--ink)}.hp-ys .empty-state{padding:4rem 2rem;text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:18px;color:var(--ink-3)}.hp-ys .empty-state h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--ink);margin-bottom:.6rem}.hp-ys .continent-group{margin-top:3rem}.hp-ys .continent-group:first-of-type{margin-top:0}.hp-ys .continent-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line-2)}.hp-ys .continent-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em;font-style:italic}.hp-ys .ys-hero{padding:3rem 0 4rem;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);border-bottom:1px solid var(--line-2)}.hp-ys .ys-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}.hp-ys .ys-hero-copy h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.3rem,5.2vw,4.4rem);line-height:1.02;letter-spacing:-.025em;margin:1.2rem 0 1.4rem}.hp-ys .ys-hero-copy h1 em{font-style:italic;color:var(--honey-deep);font-weight:300}.hp-ys .ys-hero-copy .ys-tag{font-size:1.1rem;color:var(--ink-2);max-width:540px}.hp-ys .ys-hero-img{position:relative;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f5a623,#f27059);box-shadow:0 26px 90px #1a161329}.hp-ys .ys-hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hp-ys .ys-hero-img .badge{position:absolute;top:18px;left:18px;padding:6px 14px;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;background:#ffffffeb;color:var(--ink);border-radius:999px}.hp-ys .ys-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1.6rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--line-2)}.hp-ys .ys-facts .item .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.4rem}.hp-ys .ys-facts .item .v{font-family:var(--serif);font-size:1.4rem;font-weight:400;font-style:italic;letter-spacing:-.01em}.hp-ys .ys-facts .item .v small{font-family:var(--sans);font-size:.7rem;color:var(--ink-3);font-style:normal;margin-left:4px}.hp-ys .ys-cta{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.hp-ys section.chapter{padding:5rem 0;border-top:1px solid var(--line-2)}.hp-ys .chapter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2.4rem}.hp-ys .chapter-head .lead-answer{font-family:var(--serif);font-size:1.6rem;font-style:italic;font-weight:300;letter-spacing:-.01em;color:var(--ink);margin-top:1.1rem;max-width:760px;line-height:1.35}.hp-ys .origin-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:start}.hp-ys .origin-marker{position:sticky;top:90px;border:1px solid var(--line);border-radius:20px;padding:1.6rem;background:var(--paper)}.hp-ys .origin-marker .k{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.hp-ys .origin-marker .v{font-family:var(--serif);font-size:1.2rem;font-weight:400;font-style:italic;margin-top:.4rem;margin-bottom:1.3rem}.hp-ys .origin-copy p{font-size:1.04rem;color:var(--ink-2);line-height:1.75;margin-bottom:1.1rem}.hp-ys .origin-copy p:first-of-type:first-letter{font-family:var(--serif);font-size:3.4rem;font-style:italic;font-weight:300;float:left;line-height:1;padding:.4rem .6rem 0 0;color:var(--honey-deep)}.hp-ys .origin-tags{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.5rem}.hp-ys .origin-tags .tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-2);display:inline-flex;align-items:baseline;gap:.5rem}.hp-ys .origin-tags .tag em{font-style:italic;color:var(--honey-deep);font-family:var(--serif);text-transform:none;letter-spacing:0;font-size:.85rem}.hp-ys .design-copy{max-width:760px}.hp-ys .design-copy p{color:var(--ink-2);font-size:1rem;line-height:1.75;margin-bottom:1rem}.hp-ys .design-elements{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.hp-ys .design-element{background:var(--paper);border:1px solid var(--line-2);border-radius:18px;padding:1.4rem}.hp-ys .design-element .swatch{width:36px;height:36px;border-radius:50%;background:var(--honey);margin-bottom:.9rem;border:1px solid var(--line)}.hp-ys .design-element h4{font-family:var(--serif);font-size:1.15rem;font-weight:500;margin-bottom:.5rem;letter-spacing:-.005em}.hp-ys .design-element p{color:var(--ink-2);font-size:.93rem;line-height:1.6}.hp-ys .design-element .src{display:block;margin-top:.7rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hp-ys .specs-table{width:100%;border-collapse:collapse;border-top:1px solid var(--line)}.hp-ys .specs-table tr{border-bottom:1px solid var(--line-2)}.hp-ys .specs-table td{padding:1rem 0;vertical-align:top}.hp-ys .specs-table td.k{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);width:36%}.hp-ys .specs-table td.v{font-family:var(--serif);font-size:1.05rem;font-weight:400}.hp-ys .specs-table td.v small{font-family:var(--sans);font-size:.82rem;color:var(--ink-3);margin-left:6px}.hp-ys .safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem}.hp-ys .certs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.hp-ys .cert-pill{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .9rem;border-radius:999px;background:var(--honey-soft);border:1px solid var(--honey);color:var(--honey-deep)}.hp-ys .safety-stats{margin-top:1rem}.hp-ys .safety-stats .row{display:flex;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--line-2);font-size:.95rem}.hp-ys .safety-stats .row .k{color:var(--ink-3);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.hp-ys .safety-note{margin-top:1.4rem;padding:1.2rem;background:var(--paper);border:1px solid var(--line-2);border-radius:16px;font-size:.95rem;color:var(--ink-2)}.hp-ys .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.hp-ys .gallery-item{position:relative;aspect-ratio:4 / 5;background:var(--bg-2);border-radius:16px;overflow:hidden;border:1px solid var(--line-2)}.hp-ys .gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hp-ys .gallery-item .cap{position:absolute;left:14px;bottom:14px;padding:5px 10px;background:#ffffffeb;border-radius:999px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.hp-ys .install-intro{color:var(--ink-2);max-width:720px;margin-bottom:2rem;font-size:1.02rem}.hp-ys .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.hp-ys .step{background:var(--paper);border:1px solid var(--line-2);border-radius:18px;padding:1.5rem 1.4rem 1.6rem}.hp-ys .step .num{font-family:var(--serif);font-style:italic;font-size:2.2rem;font-weight:300;color:var(--honey-deep);margin-bottom:.6rem}.hp-ys .step h4{font-family:var(--serif);font-size:1.15rem;font-weight:500;margin-bottom:.5rem}.hp-ys .step p{color:var(--ink-2);font-size:.93rem;line-height:1.55}.hp-ys .step .time{display:inline-block;margin-top:.8rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.hp-ys .faq-list{display:flex;flex-direction:column;gap:0}.hp-ys .faq-item{border-bottom:1px solid var(--line-2);padding:1.2rem 0}.hp-ys .faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;list-style:none;font-family:var(--serif);font-size:1.2rem;font-weight:500;letter-spacing:-.005em;color:var(--ink)}.hp-ys .faq-item summary::-webkit-details-marker{display:none}.hp-ys .faq-item summary .qnum{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--honey-deep);text-transform:uppercase}.hp-ys .faq-item summary .plus{font-family:var(--serif);font-size:1.5rem;color:var(--ink-3);transition:transform var(--tr)}.hp-ys .faq-item[open] summary .plus{transform:rotate(45deg);color:var(--honey-deep)}.hp-ys .faq-item .ans{margin-top:.9rem;color:var(--ink-2);line-height:1.7;font-size:1rem;max-width:880px}.hp-ys .culture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem}.hp-ys .culture-block{background:var(--paper);border:1px solid var(--line-2);border-radius:18px;padding:1.4rem}.hp-ys .culture-block h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.9rem}.hp-ys .culture-block ul{list-style:none;padding:0;margin:0}.hp-ys .culture-block li{padding:.55rem 0;border-bottom:1px dashed var(--line-2);font-size:.95rem;color:var(--ink-2)}.hp-ys .culture-block li:last-child{border-bottom:none}.hp-ys .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.hp-ys .inquiry-cta{margin:5rem auto 6rem;text-align:center;background:var(--ink);color:#faf7f2;border-radius:24px;padding:4rem 2rem;max-width:var(--container)}.hp-ys .inquiry-cta h2{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.02em;margin-bottom:1rem}.hp-ys .inquiry-cta h2 em{font-style:italic;color:var(--honey)}.hp-ys .inquiry-cta p{color:#ffffffb3;max-width:620px;margin:0 auto 2rem;line-height:1.7}.hp-ys .inquiry-cta .btn-p{background:var(--honey);border-color:var(--honey);color:var(--ink)}.hp-ys .inquiry-cta .btn-p:hover{background:#fff;border-color:#fff}.hp-ys .inquiry-cta .btn-o{color:#fff;border-color:#fff6}.hp-ys .inquiry-cta .btn-o:hover{background:#fff;color:var(--ink)}@media(max-width:980px){.hp-ys .ys-hero-grid,.hp-ys .origin-grid{grid-template-columns:1fr}.hp-ys .origin-marker{position:static}.hp-ys .safety-grid{grid-template-columns:1fr}}@media(max-width:640px){.hp-ys .wrap{padding:0 1.2rem}.hp-ys section.chapter{padding:3.2rem 0}.hp-ys .chapter-head{flex-direction:column;gap:.8rem}.hp-ys .inquiry-cta{margin:3rem 1rem 4rem;padding:2.6rem 1.4rem}}
