@font-face{font-family:PortalSans;src:url('/assets/HKGrotesk-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:PortalDisplay;src:url('/assets/Sherman-Display.woff2') format('woff2');font-display:swap}
/* Softer Hebrew display lettering; English retains Sherman. */
@font-face{font-family:PortalHebrewDisplay;src:url('/assets/Rubik-Hebrew-Medium.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;ascent-override:83.333%;descent-override:16.667%;line-gap-override:0%;unicode-range:U+0590-05FF,U+FB1D-FB4F}
#yf-portals{--paper:light-dark(#f5f2eb,#171916);--ink:light-dark(#282b25,#f2f0e8);--sub:light-dark(#62665c,#b8bbae);--line:light-dark(#d6d4c9,#42463b);--wash:light-dark(#e7e6dc,#292e25);--accent:light-dark(#572a31,#b17d82);--accent-fill:light-dark(#572a31,#713b46);--accent-text:light-dark(#fff6ef,#fff2e9);--wine:light-dark(#542831,#40232a);--gold:light-dark(#7c6741,#ddc38d);font:15px/1.55 PortalSans,Arial,sans-serif;background:var(--paper);color:var(--ink);container-type:inline-size;color-scheme:light dark}
#yf-portals *{box-sizing:border-box}
#yf-portals [hidden]{display:none!important}
#yf-portals button,#yf-portals input,#yf-portals textarea{font:inherit}
#yf-portals button{cursor:inherit}
#yf-portals button:focus-visible,#yf-portals a:focus-visible,#yf-portals input:focus-visible,#yf-portals textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#yf-portals button{color:inherit}
#yf-portals img{display:block;max-width:100%}
#yf-portals p{margin:0}
#yf-portals h1,#yf-portals h2,#yf-portals h3,#yf-portals .brand{font-family:PortalDisplay,Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.7px}
#yf-portals[dir=rtl] h1,#yf-portals[dir=rtl] h2,#yf-portals[dir=rtl] h3{font-family:PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;line-height:1.05;letter-spacing:0}
#yf-portals .wrap{padding-inline:6%}
#yf-portals .top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;border-bottom:1px solid var(--line)}
#yf-portals .brand{font-size:25px;background:none;border:0;padding:7px 0;white-space:nowrap}
#yf-portals .brand span{color:var(--accent)}
#yf-portals nav{display:flex;gap:25px;align-items:center}
#yf-portals nav a,#yf-portals .languages a{background:transparent;border:0;padding:9px 0;font-size:12px;min-height:40px}
#yf-portals nav a{position:relative}
#yf-portals nav a:after{content:'';position:absolute;height:1px;background:var(--accent);inset-inline:0;bottom:6px;transform:scaleX(0);transform-origin:0 50%;transition:transform .2s}
#yf-portals nav a:hover:after,#yf-portals nav a[aria-current=page]:after{transform:scaleX(1)}
#yf-portals .languages{display:flex;gap:8px;align-items:center;font-size:11px}
#yf-portals .languages a{color:var(--sub)}
#yf-portals .languages a[aria-current=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
#yf-portals .label{display:block;color:var(--gold);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
#yf-portals .opening{text-align:center;padding-block:47px 34px}
#yf-portals .opening h1{font-size:clamp(43px,6.8cqw,69px);margin:0 0 17px;letter-spacing:-1.8px}
#yf-portals .opening h1 em{font-style:normal;color:var(--accent)}
#yf-portals .opening p{font-size:15px;color:var(--sub);max-width:490px;margin:auto}
#yf-portals .portals{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding-bottom:42px}
#yf-portals .portal{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;text-align:start;overflow:hidden;isolation:isolate;background:var(--wash);border:1px solid transparent;border-radius:5px;padding:27px 27px 0;transition:transform .35s,border-color .35s,box-shadow .35s;color:inherit;text-decoration:none}
#yf-portals .portal.wine{background:var(--wine);color:#f6f0e8}
#yf-portals .portal:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 16px 28px light-dark(#29251a16,#0004)}
#yf-portals .portal-head{display:flex;align-items:start;justify-content:space-between;gap:10px;width:100%;margin-bottom:9px}
#yf-portals .portal-number{font-size:10px;color:var(--sub);letter-spacing:1px}
#yf-portals .wine .portal-number{color:#d6c0bc}
#yf-portals .portal h2{font-size:clamp(29px,3.6cqw,38px);margin:7px 0 0;letter-spacing:-.8px}
#yf-portals .portal p{font-size:13px;max-width:310px;color:var(--sub);margin:7px 0 16px}
#yf-portals .wine p{color:#e4d6d2}
#yf-portals .round-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font-family:Arial,sans-serif;font-size:19px;transition:transform .3s,background .3s;flex-shrink:0}
#yf-portals .portal:hover .round-arrow{transform:rotate(-35deg)}
#yf-portals .portal-link{font-size:11px;display:block;margin-bottom:18px;text-decoration:underline;text-underline-offset:5px}
#yf-portals .portal-art{position:relative;display:block;min-height:170px;width:calc(100% + 54px);margin-inline:-27px;margin-top:auto;overflow:hidden;perspective:900px;background:radial-gradient(ellipse at 60% 100%,light-dark(#c9c2b3,#4d493b),transparent 72%)}
#yf-portals .portal-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,light-dark(#c9c3b51a,#24251b33),transparent 50%)}
#yf-portals .wine .portal-art{background:radial-gradient(ellipse at 60% 100%,#a57c62aa,transparent 72%)}
#yf-portals .art-window{position:absolute;width:89%;height:200px;inset-inline-start:10%;top:14px;overflow:hidden;transform:rotate(-5deg) rotateY(-7deg);transform-origin:bottom center;box-shadow:0 13px 28px #15170f40;border:5px solid light-dark(#f5f0e7,#373b31);border-radius:5px;transition:transform .5s cubic-bezier(.2,.75,.25,1)}
#yf-portals .art-window img{width:100%;height:100%;object-fit:cover;object-position:top}
#yf-portals .wine .art-window{inset-inline-start:4%;transform:rotate(5deg) rotateY(7deg);border-color:#c8b7a6;top:23px}
#yf-portals .portal:hover .art-window{transform:translateY(-8px) rotate(0deg) rotateY(0deg)}
#yf-portals .hq-crop img{max-width:none;width:119%;height:auto;transform:translate(-15.2%,-4%)}
#yf-portals .hq-crop{direction:ltr}
#yf-portals .about{display:grid;grid-template-columns:125px 1fr auto;gap:28px;align-items:center;border-top:1px solid var(--line);padding-block:28px 31px}
#yf-portals .portrait{width:125px;height:145px;object-fit:cover;object-position:center 35%;border-radius:3px}
#yf-portals .about h2{font-size:34px;margin:0 0 12px}
#yf-portals .about p{font-size:13px;color:var(--sub);max-width:445px}
#yf-portals .button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 17px;border:1px solid var(--line);border-radius:3px;min-height:45px;font-size:12px;background:none;text-align:start;white-space:nowrap}
#yf-portals .button.primary{background:var(--accent-fill);color:var(--accent-text);border-color:var(--accent-fill)}
#yf-portals .arrow{font-family:Arial,sans-serif;font-size:18px;display:inline-block}
#yf-portals[dir=rtl] .arrow{transform:scaleX(-1)}
#yf-portals .detail{padding-block:30px 40px}
#yf-portals .back{border:0;background:none;color:var(--sub);padding:8px 0;font-size:11px;min-height:38px;display:flex;align-items:center;gap:12px}
#yf-portals .detail-hero{padding-block:27px 35px;max-width:640px}
#yf-portals .detail h1{font-size:clamp(39px,6cqw,63px);letter-spacing:-1.6px;margin:0 0 20px}
#yf-portals .detail-hero p{color:var(--sub);font-size:15px;max-width:550px}
#yf-portals .case{margin:0 0 37px}
#yf-portals .case-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
#yf-portals .case-heading h2{font-size:35px;margin:0 0 7px}
#yf-portals .case-heading p{font-size:13px;color:var(--sub)}
#yf-portals .case-tag{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;max-width:170px}
#yf-portals .case-image{background:var(--wash);padding:24px 32px;border-radius:4px}
#yf-portals .case-image img{width:100%;aspect-ratio:1.83;object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 8px 22px #18190f24}
#yf-portals .case-image.hq-crop{padding:0;aspect-ratio:1.9;overflow:hidden}
#yf-portals .case-image.hq-crop img{width:119%;aspect-ratio:auto;max-width:none;height:auto;box-shadow:none;border-radius:0}
#yf-portals .case-image.client img{aspect-ratio:1.7}
#yf-portals .caption{font-size:11px;color:var(--sub);margin-top:12px}
#yf-portals .secondary-case{border-top:1px solid var(--line);padding-top:25px}
#yf-portals .scope-title{font-size:33px;margin:30px 0 17px}
#yf-portals details{border-top:1px solid var(--line);padding-block:14px}
#yf-portals details:last-of-type{border-bottom:1px solid var(--line)}
#yf-portals summary{min-height:36px;padding-block:6px;font-size:14px}
#yf-portals details p{font-size:13px;color:var(--sub);padding:11px 0 5px;max-width:620px}
#yf-portals .detail-close{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:28px}
#yf-portals .quiet-link{border:0;background:none;padding:10px 0;font-size:12px;min-height:40px;text-align:start;color:var(--sub);text-decoration:underline;text-underline-offset:5px}
#yf-portals .contact{background:var(--wash);padding:26px 6%;border-top:1px solid var(--line)}
#yf-portals .contact-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
#yf-portals .contact h2{font-size:32px;margin:0}
#yf-portals .contact .close{background:none;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;flex-shrink:0}
#yf-portals .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 12px}
#yf-portals .contact label{font-size:12px;display:grid;gap:5px}
#yf-portals .contact label:last-child{grid-column:1/-1}
#yf-portals input,#yf-portals textarea{width:100%;border:1px solid var(--line);border-radius:3px;padding:10px;background:var(--paper);color:var(--ink);font-size:16px}
#yf-portals .contact p{font-size:11px;color:var(--sub)}
#yf-portals footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:19px;border-top:1px solid var(--line);font-size:10px;color:var(--sub)}
@container(max-width:750px){#yf-portals nav{gap:16px}#yf-portals .portals{gap:17px}#yf-portals .portal{padding:22px 22px 0}#yf-portals .portal-art{width:calc(100% + 44px);margin-inline:-22px}#yf-portals .about{grid-template-columns:100px 1fr;gap:23px}#yf-portals .portrait{width:100px;height:130px}#yf-portals .about .button{grid-column:2;justify-self:start;margin-top:-10px}#yf-portals .about h2{font-size:30px}}
@container(max-width:540px){#yf-portals .top{gap:6px 15px;padding-block:12px}#yf-portals nav{order:3;flex-basis:100%;justify-content:space-between;gap:9px}#yf-portals nav a{font-size:11px}#yf-portals .opening{padding-block:31px 25px}#yf-portals .opening h1{font-size:46px;letter-spacing:-1.1px}#yf-portals .opening p{font-size:13px}#yf-portals .portals{grid-template-columns:1fr;gap:19px;padding-bottom:30px}#yf-portals .portal h2{font-size:34px}#yf-portals .portal p{max-width:none}#yf-portals .portal-art{min-height:145px}#yf-portals .art-window{top:5px;height:190px;width:85%}#yf-portals .wine .art-window{top:12px}#yf-portals .about{grid-template-columns:78px 1fr;gap:17px}#yf-portals .portrait{width:78px;height:108px}#yf-portals .about h2{font-size:28px}#yf-portals .about p{font-size:12px}#yf-portals .about .button{margin-top:0}#yf-portals .case-heading{display:block}#yf-portals .case-tag{margin-top:12px;max-width:none}#yf-portals .case-image{padding:15px}#yf-portals .case-image img{aspect-ratio:1.4}#yf-portals .case-image.hq-crop{aspect-ratio:1.35}#yf-portals .detail{padding-top:18px}#yf-portals .detail-hero{padding-block:21px 28px}#yf-portals .detail h1{font-size:44px}#yf-portals .contact-grid{grid-template-columns:1fr}#yf-portals .contact h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){#yf-portals *,#yf-portals *:after{transition:none!important;animation:none!important}#yf-portals .portal:hover{transform:none}#yf-portals .portal:hover .art-window{transform:none}}
#yf-portals .service-intro{padding-bottom:31px;max-width:710px}
#yf-portals .service-intro h1{max-width:650px}
#yf-portals .service-intro .quiet-link{color:var(--accent);margin-top:14px;text-decoration:none;display:flex;align-items:center;gap:12px}
#yf-portals .service-intro .quiet-link .arrow{font-size:15px}
#yf-portals .example-block{padding-bottom:25px}
#yf-portals .example-block .case-heading{margin-bottom:20px}
#yf-portals .example-block .case-heading .label{margin-bottom:9px}
#yf-portals .example-switch{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:17px}
#yf-portals .example-switch button{background:none;border:1px solid transparent;border-radius:3px;padding:9px 14px;font-size:12px;color:var(--sub);min-height:40px;transition:background .2s,color .2s}
#yf-portals .example-switch button[aria-pressed=true]{background:var(--wash);color:var(--ink);border-color:var(--line)}
#yf-portals .workspace-switch{margin-bottom:24px}
#yf-portals .workspace-example-heading h2{font-size:33px;max-width:620px}
#yf-portals .example-stage{height:clamp(240px,42cqw,410px);padding:24px;background:var(--wash);border-radius:5px;overflow:hidden}
#yf-portals .example-window{width:100%;height:100%;min-height:0;overflow:hidden;border-radius:3px;box-shadow:0 7px 22px light-dark(#24231920,#0006);background:var(--paper)}
#yf-portals .example-window img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
#yf-portals .example-stage.mobile-shot{display:flex;justify-content:center;align-items:stretch;height:clamp(360px,50cqw,480px)}
#yf-portals .example-stage.mobile-shot .example-window{width:auto;max-width:none;aspect-ratio:390/1000;flex:0 0 auto;margin-inline:auto;border:4px solid light-dark(#393a33,#777b6e);border-radius:7px}
#yf-portals .example-stage.mobile-shot img{object-fit:contain;object-position:top}
#yf-portals .example-stage.hq-crop{padding:0}
#yf-portals .example-stage.hq-crop .example-window{box-shadow:none}
#yf-portals .example-stage.hq-crop img{max-width:none;width:119%;height:auto;object-fit:initial;transform:translate(-15.2%,-4%)}
#yf-portals .example-stage.coaching-shot img{object-fit:cover;object-position:center 22%}
#yf-portals .example-caption{font-size:11px;color:var(--sub);margin-top:11px;min-height:18px}
#yf-portals .example-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:23px}
#yf-portals .example-points strong{font-size:13px;font-weight:400;display:block;margin-bottom:5px;color:var(--ink)}
#yf-portals .example-points p{font-size:12px;color:var(--sub)}
#yf-portals .foundation{padding-block:30px 36px;border-block:1px solid var(--line);margin-top:4px}
#yf-portals .section-heading{margin-bottom:22px}
#yf-portals .section-heading h2{font-size:36px;max-width:620px;margin:0 0 13px}
#yf-portals .section-heading p{font-size:13px;color:var(--sub);max-width:575px}
#yf-portals .foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}
#yf-portals .foundation-number{font-size:10px;color:var(--gold);display:block;margin-bottom:10px}
#yf-portals .foundation h3{font-size:23px;margin:0 0 9px;letter-spacing:-.25px}
#yf-portals .foundation p{font-size:12px;color:var(--sub)}
#yf-portals .options-section{padding-block:36px 29px}
#yf-portals .option-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start}
#yf-portals .option{border:1px solid var(--line);padding:0;border-radius:4px;background:var(--paper)}
#yf-portals .option:last-of-type{border:1px solid var(--line)}
#yf-portals .option summary{padding:19px 20px;display:grid;grid-template-columns:1fr 18px;column-gap:15px;min-height:116px;list-style:none;align-content:start}
#yf-portals .option summary::-webkit-details-marker{display:none}
#yf-portals .option-title{font-family:PortalDisplay,Georgia,serif;font-size:23px;line-height:1.2;grid-column:1;margin-bottom:7px}
#yf-portals[dir=rtl] .option-title{font-family:PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;font-size:24px}
#yf-portals .option-teaser{font-size:12px;color:var(--sub);grid-column:1;line-height:1.45}
#yf-portals .option-plus{grid-column:2;grid-row:1;font:20px/1 Arial,sans-serif;color:var(--gold);transition:transform .2s;justify-self:end}
#yf-portals .option[open] .option-plus{transform:rotate(45deg)}
#yf-portals .option[open]{background:var(--wash)}
#yf-portals .option-body{padding:0 20px 19px}
#yf-portals .option-body p{padding:0 0 15px;font-size:12px;color:var(--sub)}
#yf-portals .option-add{display:flex;align-items:center;gap:9px;font-size:12px;min-height:40px;border-top:1px solid var(--line);padding-top:12px}
#yf-portals .option-add input{width:17px;height:17px;margin:0;accent-color:var(--accent);flex-shrink:0}
#yf-portals .scope-note{font-size:11px;color:var(--sub);margin-top:17px;max-width:650px}
#yf-portals .service-next{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px;background:var(--wash);border-radius:4px}
#yf-portals .service-next .label{margin-bottom:9px}
#yf-portals .service-next h2{font-size:32px;margin:0 0 11px}
#yf-portals .chosen-summary{font-size:12px;color:var(--sub);max-width:490px}
#yf-portals .crossover{margin-top:13px;white-space:normal}
#yf-portals .contact-brief{margin-top:17px;padding:13px 16px;border:1px solid var(--line);border-radius:3px;font-size:12px;color:var(--sub)}
#yf-portals .contact-brief strong{color:var(--ink);font-weight:400;display:block;margin-bottom:4px}
@container(max-width:620px){#yf-portals .example-stage{padding:16px}#yf-portals .example-points{gap:16px}#yf-portals .foundation-grid{gap:17px}#yf-portals .service-next{display:block;padding:23px}#yf-portals .service-next .button{margin-top:18px}#yf-portals .section-heading h2{font-size:32px}#yf-portals .option-title{font-size:21px}#yf-portals .option summary{padding:17px;min-height:125px}#yf-portals .option-body{padding:0 17px 17px}}
@container(max-width:450px){#yf-portals .example-points{grid-template-columns:1fr;gap:13px}#yf-portals .example-points>div{display:grid;grid-template-columns:100px 1fr;gap:12px}#yf-portals .example-points strong{margin:0}#yf-portals .foundation-grid{grid-template-columns:1fr;gap:21px}#yf-portals .foundation h3{font-size:25px}#yf-portals .foundation-number{margin-bottom:5px}#yf-portals .option-grid{grid-template-columns:1fr}#yf-portals .option summary{min-height:104px}#yf-portals .section-heading h2{font-size:31px}#yf-portals .workspace-example-heading h2{font-size:29px}#yf-portals .example-switch{gap:3px}#yf-portals .example-switch button{font-size:11px;padding:9px 11px}#yf-portals .example-stage{height:260px}#yf-portals .service-next h2{font-size:30px}}

#yf-portals .portal:not(.wine) .art-window{inset-inline-start:auto;inset-inline-end:auto;left:50%;translate:-50% 0}

html[data-appearance="light"] #yf-portals{color-scheme:light}
html[data-appearance="dark"] #yf-portals{color-scheme:dark}
#yf-portals .header-tools{display:flex;align-items:center;gap:14px}
#yf-portals .appearance-toggle{background:var(--wash);border:1px solid var(--line);border-radius:3px;color:var(--ink);font-size:11px;padding:7px 10px;min-height:36px;white-space:nowrap}
@container(max-width:750px){#yf-portals nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px}}
@container(max-width:450px){#yf-portals .top{column-gap:7px}#yf-portals .brand{font-size:22px}#yf-portals .header-tools{gap:9px}#yf-portals .appearance-toggle{padding-inline:7px}}

#yf-portals .build-basics{display:flex;flex-wrap:wrap;gap:17px 32px;padding-block:19px;border-block:1px solid var(--line);margin-block:3px 4px;color:var(--sub)}
#yf-portals .build-basics>span{display:flex;align-items:center;gap:9px;font-size:12px}
#yf-portals .build-basics svg{width:17px;height:17px;stroke-width:1.5;color:var(--gold)}
#yf-portals .feature-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
#yf-portals .feature-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:106px;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:16px 7px 13px;color:var(--sub);font-size:12px;transition:transform .25s,background .25s,border-color .25s}
#yf-portals .tile-icon{display:grid;place-items:center;width:30px;height:30px}
#yf-portals .tile-icon svg{width:27px;height:27px;stroke-width:1.3}
#yf-portals .feature-tile[aria-pressed=true]{background:var(--wash);border-color:var(--gold);color:var(--ink);transform:translateY(-3px)}
#yf-portals .feature-tile:hover{background:var(--wash);transform:translateY(-3px)}
#yf-portals .selected-mark{position:absolute;inset-inline-end:8px;top:5px;font-size:11px;color:var(--accent)}
#yf-portals .feature-spotlight{display:grid;grid-template-columns:1.1fr 1fr;min-height:275px;background:var(--wash);border-radius:6px;overflow:hidden}
#yf-portals .feature-art{position:relative;min-height:275px;color:var(--accent);background:radial-gradient(ellipse at 35% 20%,light-dark(#e8d6c7,#493334),transparent 75%)}
#yf-portals .feature-sketch{height:100%;min-height:275px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;padding:42px 19px 25px}
#yf-portals .sketch-tag{position:absolute;top:17px;inset-inline-start:19px;color:var(--sub);font-size:11px;letter-spacing:1px;text-transform:uppercase}
#yf-portals .sketch-orbit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:111px}
#yf-portals .main-symbol{width:98px;height:98px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 28px light-dark(#713b2720,#0002);background:var(--paper)}
#yf-portals .main-symbol svg{width:43px;height:43px;stroke-width:1.2}
#yf-portals .satellite{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper)}
#yf-portals .satellite:first-child{transform:translateY(-22px)}
#yf-portals .satellite:last-child{transform:translateY(22px)}
#yf-portals .satellite svg{width:20px;height:20px;stroke-width:1.3}
#yf-portals .art-display{font-family:PortalDisplay,Georgia,serif;font-size:27px;font-weight:400;line-height:1.1;max-width:260px}
#yf-portals[dir=rtl] .art-display{font-family:PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;font-size:28px}
#yf-portals .art-caption{font-size:11px;color:var(--sub);max-width:260px}
#yf-portals .booking-symbol{position:relative;width:112px;height:100px;margin-block:3px 8px;display:grid;place-items:center}
#yf-portals .booking-symbol>svg{width:89px;height:89px;stroke-width:1}
#yf-portals .clock-symbol{position:absolute;bottom:-4px;inset-inline-end:-8px;border:1px solid var(--gold);background:var(--paper);border-radius:50%;width:45px;height:45px;display:grid;place-items:center}
#yf-portals .clock-symbol svg{width:25px;height:25px;stroke-width:1.3}
#yf-portals .editorial-icon{width:35px;height:35px;stroke-width:1.1}
#yf-portals .editorial-type{font-family:PortalDisplay,Georgia,serif;font-size:46px;font-weight:400;line-height:1.03;max-width:230px;letter-spacing:-1px}
#yf-portals[dir=rtl] .editorial-type{font-family:PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;font-size:44px}
#yf-portals .language-art{display:grid;justify-items:center;gap:3px;font:50px/1.1 PortalDisplay,Georgia,serif}
#yf-portals .language-art>span[lang=he]{font:48px/1.05 PortalDisplay,PortalHebrewDisplay,Arial,sans-serif}
#yf-portals .language-art svg{width:24px;height:24px;stroke-width:1.2;color:var(--gold)}
#yf-portals .feature-copy{padding:30px;align-self:center;min-width:0}
#yf-portals .feature-copy .label{font-size:11px;margin-bottom:11px}
#yf-portals .feature-copy h3{font-size:34px;margin:0 0 13px;line-height:1.07;letter-spacing:-.6px}
#yf-portals .feature-copy>p{font-size:14px;color:var(--sub);max-width:315px}
#yf-portals .feature-more{margin-top:15px;border:0!important;padding:0}
#yf-portals .feature-more summary{font-size:11px;min-height:37px;color:var(--sub)}
#yf-portals .feature-more p{font-size:12px;padding-block:7px 13px;line-height:1.6}
#yf-portals .feature-add{border:1px solid var(--line);border-radius:3px;padding:10px 12px;background:var(--paper);color:var(--ink);min-height:42px;font-size:11px;margin-top:10px;text-align:start}
#yf-portals .feature-add[aria-pressed=true]{background:var(--accent-fill);color:var(--accent-text);border-color:var(--accent-fill)}
#yf-portals .service-hero h1{color:var(--ink)}
#yf-portals .example-doors{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;padding:0;margin-block:10px 29px}
#yf-portals .example-doors button{display:flex;align-items:center;gap:14px;padding:20px;text-align:start;border:1px solid var(--line);border-radius:5px;min-height:88px;background:var(--paper);color:var(--sub);transition:background .25s,transform .25s}
#yf-portals .example-doors button[aria-pressed=true]{background:var(--wash);border-color:var(--gold);color:var(--ink)}
#yf-portals .example-doors button:hover{transform:translateY(-2px)}
#yf-portals .example-doors svg{width:26px;height:26px;stroke-width:1.2;flex-shrink:0;color:var(--gold)}
#yf-portals .example-doors strong{display:block;font-family:PortalDisplay,Georgia,serif;font-size:24px;line-height:1.1;font-weight:400}
#yf-portals[dir=rtl] .example-doors strong{font-family:PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;font-size:25px}
#yf-portals .example-doors small{display:block;font-size:11px;margin-top:6px;color:var(--sub)}
#yf-portals .door-arrow{margin-inline-start:auto;font-size:20px;color:var(--gold)}
#yf-portals .workspace-explorer{display:grid;grid-template-columns:1.35fr 1fr;background:var(--wash);border-radius:6px;overflow:hidden}
#yf-portals .module-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:100px 120px 100px;height:320px;align-self:center;align-items:center;justify-items:center;min-width:0;padding:0;background:radial-gradient(ellipse at center,light-dark(#d6d8ca,#394532),transparent 76%);direction:ltr}
#yf-portals .module-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#yf-portals .module-lines path{fill:none;stroke:var(--line);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:stroke .3s}
#yf-portals .module-lines path.active{stroke:var(--accent);stroke-dasharray:6 5;animation:module-trace .45s ease-out both}
#yf-portals .module-hub{grid-area:2/2;z-index:1;width:100px;height:100px;border:1px solid var(--gold);border-radius:50%;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--accent);box-shadow:0 5px 20px light-dark(#20231915,#0003)}
#yf-portals .module-hub svg{width:27px;height:27px;stroke-width:1.2}
#yf-portals .module-hub span{font-size:11px;max-width:85px;text-align:center;line-height:1.25}
#yf-portals .module-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:111px;max-width:92%;min-height:69px;padding:9px 5px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--sub);font-size:11px;line-height:1.2;text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s}
#yf-portals .module-node svg{width:23px;height:23px;stroke-width:1.3}
#yf-portals .module-node[aria-pressed=true]{border-color:var(--gold);color:var(--accent);box-shadow:0 4px 13px light-dark(#33351d15,#0004)}
#yf-portals .module-node:hover{transform:translateY(-3px);border-color:var(--gold)}
#yf-portals .module-detail{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:25px;min-height:320px;background:var(--paper);border-inline-start:1px solid var(--line)}
#yf-portals .module-detail .feature-add{align-self:start}
#yf-portals .workspace-process{margin-block:9px 23px;justify-content:space-between}
@keyframes module-trace{from{stroke-dashoffset:38}to{stroke-dashoffset:0}}
@container(max-width:760px){#yf-portals .feature-tiles{grid-template-columns:repeat(3,1fr)}#yf-portals .feature-tile{min-height:89px;gap:8px}#yf-portals .feature-copy{padding:23px}#yf-portals .feature-copy h3{font-size:31px}#yf-portals .workspace-explorer{grid-template-columns:1fr}#yf-portals .module-detail{border-inline-start:0;border-top:1px solid var(--line);min-height:215px}#yf-portals .module-map{grid-template-rows:90px 105px 90px;height:285px}#yf-portals .example-doors strong{font-size:22px}}
@container(max-width:500px){#yf-portals .feature-spotlight{grid-template-columns:1fr}#yf-portals .feature-art,#yf-portals .feature-sketch{min-height:245px}#yf-portals .feature-sketch{padding-top:39px}#yf-portals .feature-copy{padding:24px}#yf-portals .feature-copy h3{font-size:33px}#yf-portals .example-doors{gap:9px}#yf-portals .example-doors button{padding:14px 11px;gap:9px;flex-wrap:wrap}#yf-portals .example-doors button>span:not(.door-arrow){flex-basis:100%;order:3}#yf-portals .example-doors strong{font-size:23px}#yf-portals .module-hub{width:86px;height:86px}#yf-portals .module-node{font-size:11px;min-height:65px}#yf-portals .module-node svg{width:21px;height:21px}#yf-portals .module-detail h3{font-size:31px}#yf-portals .build-basics{gap:12px 20px}#yf-portals .build-basics>span{font-size:11px}#yf-portals .feature-tiles{gap:8px}}


html{margin:0;background:#f5f2eb;scroll-behavior:smooth;color-scheme:light}html[data-appearance=dark]{background:#171916;color-scheme:dark}body{margin:0}a{color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}#yf-portals{min-height:100vh;max-width:1800px;margin:auto}#yf-portals button{cursor:pointer}#yf-portals .wrap{padding-inline:6%}#yf-portals .top{min-height:85px}#yf-portals .opening{padding-block:65px 44px}#yf-portals .opening h1{font-size:clamp(48px,6.7cqw,88px)}#yf-portals .opening p{font-size:16px;max-width:530px}#yf-portals .portal{padding:35px 35px 0;border-radius:9px}#yf-portals .portal h2{font-size:clamp(30px,3.5cqw,53px)}#yf-portals .portal p{font-size:15px;max-width:420px}#yf-portals .portal-number{font-size:11px}#yf-portals .portal-link{font-size:12px;margin-bottom:24px}#yf-portals .portal-art{min-height:250px;width:calc(100% + 70px);margin-inline:-35px}#yf-portals .art-window{height:300px;top:25px}#yf-portals .wine .art-window{top:35px}#yf-portals .portal:hover .art-window{transform:translateY(-8px) rotate(0deg) rotateY(0deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}#yf-portals .portal:focus-visible .art-window{transform:translateY(-8px) rotate(0deg)}#yf-portals .portal:focus-visible{outline-offset:4px}#yf-portals .brand{text-decoration:none}#yf-portals .back{width:fit-content}#yf-portals .about{padding-block:36px}#yf-portals nav a,#yf-portals .languages a{display:inline-block;cursor:pointer;min-height:42px;padding-block:10px}#yf-portals .detail{max-width:1450px;margin:auto}#yf-portals .detail-hero{padding-block:40px;max-width:850px}#yf-portals .detail h1{font-size:clamp(43px,5.4cqw,76px)}#yf-portals .detail-hero p{font-size:17px;max-width:650px}#yf-portals .case-heading h2{font-size:40px}#yf-portals .section-heading h2{font-size:clamp(33px,4cqw,50px)}#yf-portals .module-map{grid-template-rows:110px 130px 110px;height:350px}#yf-portals .module-lines path{stroke-linecap:round}#yf-portals .module-lines path.active{stroke-width:2.5;stroke-dasharray:6 7}#yf-portals .feature-tile:hover .tile-icon{transform:rotate(-7deg) scale(1.12)}#yf-portals .tile-icon{transition:transform .35s cubic-bezier(.2,.8,.3,1)}#yf-portals .feature-art{overflow:hidden}#yf-portals .feature-art:after{content:'';position:absolute;border:1px solid var(--line);width:280px;height:280px;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%);pointer-events:none;opacity:.6}#yf-portals .feature-sketch{position:relative;z-index:1}#yf-portals .feature-add{transition:background .2s,transform .2s}#yf-portals .contact{scroll-margin-top:18px}#yf-portals .contact-grid{max-width:900px}#yf-portals .contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-block:15px}#yf-portals .direct-email{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-top:20px;font-size:13px}#yf-portals .contact p{max-width:650px;margin-top:8px}#yf-portals .button:hover{filter:brightness(1.1)}#yf-portals .skip-link{position:fixed}#yf-portals footer a{text-decoration:underline;text-underline-offset:4px}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#f5f2eb;color:#282b25;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}#yf-portals :where(h1,h2)[tabindex='-1']:focus{outline:none}#yf-portals .contact-brief{max-width:900px}#yf-portals [data-image=portrait]{object-position:center 35%}
@container(min-width:1250px){#yf-portals .portals{gap:30px}#yf-portals .about p{font-size:15px;max-width:650px}#yf-portals .about{grid-template-columns:125px 1fr auto}#yf-portals .about h2{font-size:40px}#yf-portals .feature-spotlight{min-height:340px}#yf-portals .feature-sketch{min-height:340px}}
@container(max-width:750px){#yf-portals .top{min-height:unset}#yf-portals .opening{padding-block:38px 29px}#yf-portals .opening h1{font-size:58px}#yf-portals .portal{padding:24px 24px 0}#yf-portals .portal-art{width:calc(100% + 48px);margin-inline:-24px;min-height:200px}#yf-portals .art-window{height:245px;top:20px}#yf-portals .wine .art-window{top:28px}#yf-portals .portal p{font-size:14px}#yf-portals .detail-hero{padding-block:25px 30px}#yf-portals .module-map{grid-template-rows:90px 105px 90px;height:285px}}
@container(max-width:540px){#yf-portals .opening h1{font-size:51px}#yf-portals .opening p{font-size:14px;max-width:325px}#yf-portals .portal h2{font-size:35px}#yf-portals .portal-art{min-height:180px}#yf-portals .portal-link{margin-bottom:17px}#yf-portals .art-window{height:225px;top:15px}#yf-portals .wine .art-window{top:23px}#yf-portals .about{padding-block:26px}#yf-portals .detail h1{font-size:45px}#yf-portals .case-heading h2{font-size:33px}#yf-portals .detail-hero p{font-size:15px}#yf-portals .brand{font-size:24px}#yf-portals .section-heading h2{font-size:35px}#yf-portals[dir=rtl] .header-tools{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#yf-portals .portal:hover .art-window{transform:none}#yf-portals *,#yf-portals *:after{animation:none!important;transition:none!important}}

#yf-portals .languages{direction:ltr}#yf-portals .brand{direction:ltr;unicode-bidi:isolate}
@keyframes studio-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes connected-flow{from{stroke-dashoffset:52}to{stroke-dashoffset:0}}
@keyframes hub-ring{0%{scale:.9;opacity:0}30%{opacity:.45}100%{scale:1.35;opacity:0}}
#yf-portals .feature-sketch .main-symbol{animation:studio-float 3.6s ease-in-out 2}
#yf-portals .feature-sketch .satellite{animation:studio-float 3.6s ease-in-out .25s 2}
#yf-portals .feature-sketch .satellite:last-child{animation-delay:.7s}
#yf-portals .module-hub{position:relative}
#yf-portals .module-hub:after{content:'';position:absolute;inset:-3px;border:1px solid var(--gold);border-radius:50%;opacity:0;pointer-events:none;animation:hub-ring 1.8s ease-out 2}
#yf-portals .module-lines path.active{animation:connected-flow 1.5s ease-out 2}

#yf-portals .contact.view{background:var(--paper);border-top:0;padding-top:30px;min-height:600px}
#yf-portals .contact-form-wrap{max-width:800px;background:var(--wash);border:1px solid var(--line);padding:28px;border-radius:5px;margin-bottom:26px}
#yf-portals .contact .detail-hero p{font-size:15px}
#yf-portals .contact .direct-email{display:inline-block;margin-top:18px;overflow-wrap:anywhere;font-size:14px}
#yf-portals .contact .contact-grid{margin-top:8px}
#yf-portals .contact-actions{display:flex;align-items:center;gap:15px;margin-block:18px 12px}
#yf-portals .contact-brief{padding:14px 16px;border:1px solid var(--line);background:var(--paper);margin-bottom:22px;line-height:1.7}
#yf-portals .contact-brief strong{font-size:12px;display:block}
#yf-portals .contact-brief span{font-size:12px;color:var(--sub)}
#yf-portals .about{margin-top:24px}
#yf-portals .wine .workspace-preview{inset-inline-start:auto;inset-inline-end:auto;left:50%;translate:-50% 0;width:89%;height:220px;top:23px}
#yf-portals .wine .workspace-preview img{object-fit:cover;object-position:top}
#yf-portals .portal-number{letter-spacing:.6px}
/* Large, editorial product showcases carry the visual story. */
#yf-portals #yp-workspaces .detail-hero{padding-bottom:42px}
#yf-portals .hq-showcases{display:grid;gap:40px}
#yf-portals .hq-showcase{--show-color:#292f25;--show-glow:#9eab7c;--show-text:#f5f1e8;position:relative;background:var(--show-color);border-radius:7px;color:var(--show-text);overflow:hidden;isolation:isolate}
#yf-portals .coach-showcase{--show-color:#522b34;--show-glow:#cfa99a}
#yf-portals .showcase-heading{padding:38px 40px 28px;display:flex;align-items:end;justify-content:space-between;gap:24px}
#yf-portals .showcase-heading .label{color:#d5c5a6;margin-bottom:13px;letter-spacing:1.1px}
#yf-portals .showcase-heading h2{font-size:clamp(45px,6cqw,76px);margin:0;max-width:600px}
#yf-portals .showcase-heading>p{font-size:14px;color:#e4dbcd;max-width:280px;line-height:1.65;padding-bottom:4px}
#yf-portals .showcase-art{position:relative;padding:45px 8% 35px;overflow:hidden;background:linear-gradient(180deg,var(--show-color),transparent 45%),linear-gradient(0deg,var(--show-color),transparent 40%),url('/assets/workspace-lakeside.png') center 48%/cover;perspective:1400px}
#yf-portals .coach-showcase .showcase-art{background:radial-gradient(ellipse at 20% 60%,#ae8d7f88,transparent 55%),linear-gradient(155deg,#522b34,#804d52 55%,#3e292d)}
#yf-portals .showcase-watermark{position:absolute;inset-inline-start:2%;top:-40px;font:clamp(150px,25cqw,320px)/1 PortalDisplay,Arial,sans-serif;color:#f6e9d712;letter-spacing:-5px;pointer-events:none;white-space:nowrap}
#yf-portals .showcase-screen{position:relative;background:#121210;border:1px solid #d7c4a88f;border-radius:7px;box-shadow:0 35px 70px #0006;transform:rotate(-1.5deg) rotateX(3deg);transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s;overflow:hidden;direction:ltr}
#yf-portals .coach-showcase .showcase-screen{transform:rotate(1.3deg) rotateX(3deg);max-width:850px;margin-inline:auto}
#yf-portals .hq-showcase:hover .showcase-screen,#yf-portals .hq-showcase:focus-within .showcase-screen{transform:rotate(0) rotateX(0);box-shadow:0 25px 60px #0007}
#yf-portals .preview-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;font:11px/1.3 PortalSans,Arial,sans-serif;background:#1c201bd9;color:#ded8ca;direction:ltr;border-bottom:1px solid #e8d9bd26;min-height:42px}
#yf-portals .chrome-dots{font-size:8px;letter-spacing:3px;color:#baab8b;white-space:nowrap}
#yf-portals .preview-chrome button{display:flex;gap:7px;align-items:center;border:0;background:none;color:inherit;font-size:10px;padding:5px 0;min-height:26px;text-decoration:underline;text-underline-offset:4px}
#yf-portals .preview-chrome button svg{width:13px;height:13px}
#yf-portals .screenshot-scroll{height:clamp(260px,42cqw,580px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ac9871 #161713;position:relative}
#yf-portals .screenshot-scroll img{width:100%;max-width:100%;height:auto;display:block}
#yf-portals .showcase-side-note{position:relative;display:block;text-align:center;margin-top:23px;font-size:11px;letter-spacing:.3px;color:#e0d4c3}
#yf-portals .showcase-caption{padding:10px 40px 22px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#d8cbb8}
#yf-portals .showcase-tools{display:grid;grid-template-columns:repeat(3,1fr);margin-inline:40px;border-block:1px solid #d5c7a936;padding-block:20px;gap:15px}
#yf-portals .coach-showcase .showcase-tools{grid-template-columns:repeat(5,1fr)}
#yf-portals .showcase-tools>span{display:flex;align-items:center;gap:10px;font-size:12px;color:#eee6d9}
#yf-portals .showcase-tools svg{width:24px;height:24px;stroke-width:1.3;color:#d2bc91;flex-shrink:0}
#yf-portals .showcase-bottom{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:20px 40px 30px}
#yf-portals .showcase-bottom>.button{border-color:#e0d2b866;color:#f9f1e5;flex-shrink:0;background:#ffffff08;transition:background .2s}
#yf-portals .showcase-bottom>.button:hover{background:#ffffff18}
#yf-portals .showcase-details{border:0!important;padding:0;flex:1;color:#e7dccc}
#yf-portals .showcase-details summary{font-size:12px;min-height:45px;display:list-item;list-style:disclosure-closed;padding-block:12px}
#yf-portals .showcase-details[open] summary{list-style:disclosure-open}
#yf-portals .showcase-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:14px;max-width:750px}
#yf-portals .showcase-details strong{font-size:12px;font-weight:400;color:#fff3de}
#yf-portals .showcase-details p{font-size:11px;color:#d5c7b8;line-height:1.7;padding:5px 0;max-width:650px}
#yf-portals .showcase-details .hq-standard{margin-top:12px;border-top:1px solid #fff2;padding-top:12px}
#yf-portals .hq-addons{padding-top:44px;margin-top:12px}
#yf-portals .hq-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#yf-portals .hq-addon{border:1px solid var(--line);padding:0 23px 18px;border-radius:5px;background:var(--wash);overflow:hidden}
#yf-portals .addon-symbol{height:118px;margin-inline:-23px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 40%,light-dark(#d2c5b8,#554638),transparent 65%);position:relative}
#yf-portals .addon-symbol:before{content:'';position:absolute;width:90px;height:90px;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg) scaleX(1.4)}
#yf-portals .addon-symbol svg{width:48px;height:48px;stroke-width:1;color:var(--accent);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
#yf-portals .hq-addon:hover .addon-symbol svg{transform:rotate(-8deg) scale(1.12)}
#yf-portals .hq-addon h3{font-size:28px;margin:0 0 10px}
#yf-portals .hq-addon>p{font-size:12px;color:var(--sub);min-height:38px}
#yf-portals .hq-addon details{margin-top:12px;border-bottom:0}
#yf-portals .hq-addon summary{font-size:11px}
#yf-portals .hq-addon details p{font-size:12px}
#yf-portals .hq-addon .feature-add{font-size:11px;white-space:normal}
/* A website you can actually scroll, at a chosen viewport width. */
#yf-portals .preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
#yf-portals .preview-toolbar .example-switch{border:0;margin:0;padding:0;gap:7px}
#yf-portals .preview-toolbar .example-switch button{display:flex;align-items:center;gap:8px}
#yf-portals .preview-toolbar svg{width:16px;height:16px;stroke-width:1.5}
#yf-portals .live-web-stage{height:auto;padding:27px;background:linear-gradient(145deg,var(--wash),light-dark(#d8d3c5,#383b31));display:flex;justify-content:center}
#yf-portals .live-browser{width:100%;border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:0 20px 40px #2222;background:#f6f2ec;direction:ltr;transition:max-width .5s}
#yf-portals .live-web-viewport{width:100%;position:relative;overflow:hidden;height:600px;direction:ltr}
#yf-portals #eden-frame{width:var(--web-width,1280px);height:var(--web-height,900px);transform:scale(var(--web-scale,1));transform-origin:top left;border:0;display:block;background:#f6f2ec}
#yf-portals .live-web-stage.mobile-shot{height:auto;padding:27px;align-items:start}
#yf-portals .mobile-shot .live-browser{max-width:390px;border:6px solid #2d3029;border-radius:23px}
#yf-portals .mobile-shot .preview-chrome{font-size:9px;min-height:35px;padding:8px 11px}
#yf-portals .preview-live{font-size:9px;color:#d4c7ac}
/* Expandable evidence, keeping the original interface intact. */
#yf-portals #example-viewer{width:min(1250px,94vw);max-width:94vw;height:92dvh;max-height:92dvh;padding:22px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:0 30px 120px #0008;overflow:hidden;flex-direction:column}
#yf-portals #example-viewer[open]{display:flex}
#yf-portals #example-viewer::backdrop{background:#10150ee0;backdrop-filter:blur(10px)}
#yf-portals .viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px}
#yf-portals .viewer-toolbar .label{margin-bottom:6px}
#yf-portals .viewer-toolbar h2{font-size:30px;margin:0}
#yf-portals .viewer-actions{display:flex;gap:8px;flex-shrink:0}
#yf-portals .viewer-actions button{min-height:44px;padding:8px 14px;background:var(--wash);border:1px solid var(--line);border-radius:3px;font-size:12px}
#yf-portals .viewer-scroll{min-height:0;flex:1;overflow:auto;direction:ltr;overscroll-behavior:contain;background:#111;border:1px solid var(--line)}
#yf-portals #viewer-image{width:100%;max-width:none;height:auto;display:block}
#yf-portals #example-viewer.is-zoomed #viewer-image{width:max(150%,1050px)}
#yf-portals #viewer-caption{font-size:11px;color:var(--sub);padding-top:13px}
@container(max-width:850px){#yf-portals .showcase-heading{display:block;padding:30px 26px 15px}#yf-portals .showcase-heading>p{max-width:450px;margin-top:16px}#yf-portals .showcase-heading h2{font-size:56px}#yf-portals .showcase-art{padding:32px 5% 20px}#yf-portals .showcase-tools{margin-inline:26px}#yf-portals .showcase-caption{padding-inline:26px}#yf-portals .showcase-bottom{padding-inline:26px;flex-direction:column;gap:12px}#yf-portals .showcase-details{width:100%}#yf-portals .coach-showcase .showcase-tools{grid-template-columns:repeat(3,1fr);gap:20px 12px}#yf-portals .hq-addon-grid{gap:12px}#yf-portals .hq-addon{padding-inline:18px}#yf-portals .hq-addon h3{font-size:25px}}
@container(max-width:580px){#yf-portals .showcase-heading h2{font-size:46px}#yf-portals .showcase-heading>p{font-size:13px}#yf-portals .showcase-heading{padding:26px 20px 12px}#yf-portals .showcase-art{padding:23px 4% 10px}#yf-portals .showcase-screen,#yf-portals .coach-showcase .showcase-screen{transform:none}#yf-portals .screenshot-scroll{height:300px}#yf-portals .screenshot-scroll img{min-width:600px}#yf-portals .showcase-caption{padding:12px 20px;flex-direction:column;gap:5px}#yf-portals .showcase-tools{grid-template-columns:1fr;gap:16px;margin-inline:20px;padding-block:18px}#yf-portals .coach-showcase .showcase-tools{grid-template-columns:1fr 1fr}#yf-portals .showcase-tools>span{font-size:11px}#yf-portals .showcase-tools svg{width:21px;height:21px}#yf-portals .showcase-side-note{margin-top:16px}#yf-portals .showcase-bottom{padding:10px 20px 24px}#yf-portals .showcase-detail-grid{grid-template-columns:1fr;gap:12px}#yf-portals .hq-addon-grid{grid-template-columns:1fr}#yf-portals .hq-addon{display:grid;grid-template-columns:80px 1fr;gap:0 20px;padding:20px}#yf-portals .addon-symbol{height:100%;min-height:90px;grid-row:1/4;margin:0}#yf-portals .addon-symbol:before{width:55px;height:55px}#yf-portals .addon-symbol svg{width:35px;height:35px}#yf-portals .hq-addon>p{min-height:0}#yf-portals .hq-addon details{grid-column:2;margin-top:5px;padding-bottom:0}#yf-portals .hq-addon summary{font-size:10px}#yf-portals .live-web-stage,#yf-portals .live-web-stage.mobile-shot{padding:12px}#yf-portals .preview-toolbar{gap:8px}#yf-portals .preview-toolbar .quiet-link{font-size:10px}#yf-portals .preview-toolbar .example-switch button{padding:8px 10px;font-size:11px}#yf-portals .live-web-stage:not(.mobile-shot) .chrome-dots{display:none}#yf-portals #example-viewer{padding:15px}#yf-portals .viewer-toolbar{align-items:start;gap:12px}#yf-portals .viewer-toolbar h2{font-size:23px}#yf-portals .viewer-actions button{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){#yf-portals .showcase-screen,#yf-portals .coach-showcase .showcase-screen{transform:none!important}#yf-portals .addon-symbol svg{transition:none!important}}

#yf-portals .preview-chrome button{min-height:36px}
@container(max-width:580px){#yf-portals .preview-chrome button{min-height:44px;max-width:115px}#yf-portals .preview-chrome{padding-block:4px}}
/* Service introductions: large type, grounded colour, and deliberate space. */
#yf-portals .detail-hero.service-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr);align-items:end;gap:30px;max-width:none;padding:48px 0 58px;margin-bottom:34px;border-bottom:1px solid var(--line);overflow:hidden}
#yf-portals .service-hero .hero-heading{position:relative;z-index:1;min-width:0;isolation:isolate;--hero-title-size:clamp(64px,7.4cqw,108px)}
#yf-portals .service-hero .label{margin-bottom:22px;color:var(--gold)}
#yf-portals .service-hero h1{font-size:var(--hero-title-size);line-height:.98;letter-spacing:-1.8px;margin:0;max-width:none}
#yf-portals .service-hero h1 span,#yf-portals .service-hero h1 em{display:block}
#yf-portals .service-hero h1 em{font-style:normal;color:var(--accent);padding-top:6px}
#yf-portals .service-hero .hero-aside{position:relative;z-index:1;max-width:340px;padding-bottom:4px}
#yf-portals .service-hero .hero-aside p{font-size:15px;line-height:1.8;color:var(--sub);max-width:none}
#yf-portals .hero-explore{display:flex;gap:24px;align-items:center;justify-content:space-between;width:100%;padding:17px 0 5px;margin-top:14px;border:0;border-top:1px solid var(--line);background:none;text-align:start;color:var(--accent);font-size:12px;min-height:50px}
#yf-portals .hero-explore>span:last-child{font-size:27px;line-height:1;transition:translate .3s}
#yf-portals .hero-explore:hover>span:last-child{translate:4px 4px}
#yf-portals .hero-lettering{position:relative;isolation:isolate;--hero-baseline-gap:calc(var(--hero-title-size)*.157)}
#yf-portals .hero-ghost{position:absolute;z-index:-1;inset-inline-start:0;inset-block:0 var(--hero-baseline-gap);overflow:hidden;font:calc(var(--hero-title-size)*2.7)/1 PortalDisplay,Arial,sans-serif;letter-spacing:-3px;color:var(--accent);opacity:.035;pointer-events:none;white-space:nowrap}
#yf-portals[dir=rtl] .service-hero .hero-heading{--hero-title-size:clamp(48px,6cqw,82px)}
#yf-portals[dir=rtl] .service-hero h1{font-size:var(--hero-title-size);line-height:1.15;letter-spacing:0}
#yf-portals[dir=rtl] .hero-lettering{--hero-baseline-gap:calc(var(--hero-title-size)*.242)}
#yf-portals[dir=rtl] .hero-explore>span:last-child{transform:scaleX(-1)}
/* Each workspace carries the same image inside and outside its frame. */
#yf-portals .founder-showcase .showcase-art{background:linear-gradient(180deg,#292f25,transparent 28%),linear-gradient(0deg,#292f25,transparent 40%),url('/assets/founder-lake-square.webp') center 50%/cover}
#yf-portals .coach-showcase .showcase-art{background:linear-gradient(180deg,#522b34,transparent 27%),linear-gradient(0deg,#522b34,transparent 40%),url('/assets/coach-coast-square.webp') center 46%/cover}
#yf-portals .showcase-watermark{font-size:clamp(100px,17cqw,240px);top:-5px;inset-inline-start:3%;color:#f6e9d71e;letter-spacing:-2px}
#yf-portals .coach-showcase .showcase-watermark{font-size:clamp(120px,20cqw,280px)}
#yf-portals .screenshot-scroll img{min-width:0}
#yf-portals .coach-showcase .showcase-screen{max-width:none}
/* Deep, related tones give possibilities a visible identity. */
#yf-portals .feature-tile{--tile-color:#34402f;--tile-light:#c2cfad;background:linear-gradient(145deg,var(--tile-color),color-mix(in srgb,var(--tile-color),#080d0a 18%));color:#f7f0e4;border:1px solid #cfbea22e;border-radius:5px;min-height:135px;padding:23px 18px;position:relative;overflow:hidden;box-shadow:0 7px 18px #17201612;transition:translate .3s,box-shadow .3s,border-color .3s}
#yf-portals .feature-tile[data-feature-id=booking]{--tile-color:#62333e;--tile-light:#dfbbc0}
#yf-portals .feature-tile[data-feature-id=private-areas]{--tile-color:#6b553a;--tile-light:#e3cba4}
#yf-portals .feature-tile[data-feature-id=content]{--tile-color:#29484b;--tile-light:#b0cdca}
#yf-portals .feature-tile[data-feature-id=languages]{--tile-color:#55523a;--tile-light:#d4cda2}
#yf-portals .feature-tile[data-feature-id=ai-connections]{--tile-color:#4e3b50;--tile-light:#d6c0d6}
#yf-portals .feature-tile:before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-55px;border:1px solid #fff2;background:radial-gradient(circle,#ffffff14,transparent 70%);transition:scale .4s;pointer-events:none}
#yf-portals .feature-tile .tile-icon{color:var(--tile-light);background:none;border:0;margin-bottom:13px;width:34px;height:34px}
#yf-portals .feature-tile .tile-icon svg{width:31px;height:31px;stroke-width:1.3}
#yf-portals .feature-tile>span:not(.tile-icon):not(.selected-mark){font-size:14px;color:#f7f0e4}
#yf-portals .feature-tile:hover{translate:0 -4px;border-color:#e5cc9d;box-shadow:0 15px 25px #101c1929;background:linear-gradient(145deg,var(--tile-color),color-mix(in srgb,var(--tile-color),#080d0a 5%))}
#yf-portals .feature-tile:hover:before{scale:1.2}
#yf-portals .feature-tile[aria-pressed=true]{background:linear-gradient(145deg,var(--tile-color),color-mix(in srgb,var(--tile-color),#080d0a 15%));border-color:#e9c78c;box-shadow:inset 0 0 0 1px #e9c78c,0 9px 20px #111a161e}
#yf-portals .feature-tile .selected-mark{background:#f0dcb5;color:#252b22;border-color:#f0dcb5}
#yf-portals .hq-addon{--addon-base:#303e2d;--addon-ink:#d3c59d;background:var(--addon-base);border:1px solid #d5bf9933;color:#faf0e1}
#yf-portals .hq-addon:nth-child(2){--addon-base:#5b323c;--addon-ink:#edc9c4}
#yf-portals .hq-addon:nth-child(3){--addon-base:#29434a;--addon-ink:#b9d5d4}
#yf-portals .hq-addon>p,#yf-portals .hq-addon details p{color:#ded5c7}
#yf-portals .hq-addon details{border-color:#e2d0b733}
#yf-portals .hq-addon summary{color:#f6e6cb}
#yf-portals .hq-addon .feature-add{color:#f3dfba;border-color:#e2d0b755}
#yf-portals .hq-addon .addon-symbol{background:radial-gradient(ellipse at 60% 40%,#b4a17c36,transparent 70%)}
#yf-portals .hq-addon .addon-symbol:before{border-color:#d5bf993d}
#yf-portals .hq-addon .addon-symbol svg{color:var(--addon-ink)}
/* The invitation belongs to the portrait; the story gets its own column. */
#yf-portals .about{grid-template-columns:160px minmax(0,1fr);gap:40px;align-items:start;padding-block:45px;margin-top:30px}
#yf-portals .about-portrait-column{display:flex;flex-direction:column;gap:13px;width:160px}
#yf-portals .about .portrait{width:100%;height:200px;object-fit:cover;object-position:center 35%;border-radius:4px}
#yf-portals .about .portrait-contact{grid-column:auto;margin:0;width:100%;min-height:48px;padding:13px 14px;border-radius:4px;justify-content:space-between;gap:12px;background:var(--accent-fill);color:var(--accent-text);font-size:12px}
#yf-portals .about-story{padding-top:2px;max-width:790px}
#yf-portals .about-story .label{margin-bottom:15px}
#yf-portals .about .about-story h2{font-size:47px;margin:0 0 18px}
#yf-portals .about .about-story p{font-size:14px;line-height:1.85;color:var(--sub);max-width:720px}
#yf-portals .about .about-story p+p{margin-top:15px}
@container(max-width:900px){#yf-portals .detail-hero.service-hero{grid-template-columns:1fr;gap:28px;padding-block:36px 38px}#yf-portals .service-hero .hero-aside{max-width:570px}#yf-portals .service-hero .hero-heading{--hero-title-size:clamp(64px,9.5cqw,86px)}#yf-portals .about{gap:30px}#yf-portals .about .about-story h2{font-size:40px}}
@container(max-width:580px){#yf-portals .service-hero .hero-heading{--hero-title-size:clamp(54px,12.6cqw,68px)}#yf-portals .service-hero h1{letter-spacing:-1px}#yf-portals[dir=rtl] .service-hero .hero-heading{--hero-title-size:clamp(36px,9.8cqw,54px)}#yf-portals[dir=rtl] .service-hero h1{letter-spacing:0}#yf-portals .service-hero .hero-aside p{font-size:14px;line-height:1.8}#yf-portals .service-hero .label{margin-bottom:18px}#yf-portals .detail-hero.service-hero{gap:24px;margin-bottom:24px}#yf-portals .feature-tiles{grid-template-columns:repeat(2,1fr);gap:10px}#yf-portals .feature-tile{min-height:122px;padding:18px 15px}#yf-portals .feature-tile>span:not(.tile-icon):not(.selected-mark){font-size:13px}#yf-portals .about{grid-template-columns:110px minmax(0,1fr);gap:22px;padding-block:30px}#yf-portals .about-portrait-column{width:110px}#yf-portals .about .portrait{height:147px}#yf-portals .about .portrait-contact{padding:11px;font-size:11px;gap:8px;min-height:44px}#yf-portals .about .about-story h2{font-size:32px;margin-bottom:15px}#yf-portals .about-story .label{font-size:9px;letter-spacing:.8px}#yf-portals .about .about-story p{font-size:12px;line-height:1.8}#yf-portals .screenshot-scroll img{min-width:650px}#yf-portals .showcase-watermark{font-size:70px;top:6px}#yf-portals .coach-showcase .showcase-watermark{font-size:100px}}
@container(max-width:380px){#yf-portals .about{grid-template-columns:90px minmax(0,1fr);gap:17px}#yf-portals .about-portrait-column{width:90px}#yf-portals .about .portrait{height:125px}#yf-portals .about .portrait-contact{font-size:10px;padding:10px 8px}#yf-portals .about .about-story h2{font-size:29px}}
@container(max-width:580px){#yf-portals .about{row-gap:20px}#yf-portals .about-story{display:contents}#yf-portals .about-portrait-column{grid-column:1;grid-row:1/3}#yf-portals .about-story>.label{grid-column:2;align-self:end;margin-bottom:0}#yf-portals .about .about-story h2{grid-column:2;align-self:start;margin-bottom:0}#yf-portals .about .about-story p{grid-column:1/-1;max-width:none;font-size:13px}#yf-portals .about .about-story p+p{margin-top:0}}

/* A little air between English display letters improves reading at every size. */
#yf-portals[lang=en] .view :is(h1,h2,h3),#yf-portals[lang=en] .about h2{letter-spacing:.012em}

/* Homepage previews share one frame, keep their full width, and extend below the card. */
#yf-portals .portal-art{direction:ltr;aspect-ratio:2;min-height:0;flex-shrink:0}
#yf-portals .portal .art-window{inset-inline-start:auto;inset-inline-end:auto;left:50%;translate:-50% 0;width:89%;height:calc(100% + 120px);top:clamp(18px,2cqw,32px);transform-origin:50% 0;background:light-dark(#f5f0e7,#171916)}
#yf-portals .portal .art-window img{width:100%;height:auto;max-width:none;object-fit:contain;object-position:top}

/* Give each homepage card a clear subheading and a separate supporting line. */
#yf-portals .portal .portal-subheading{display:block;font-size:clamp(15px,1.25cqw,18px);font-weight:600;line-height:1.4;letter-spacing:.015em;color:var(--ink);margin-block-end:4px}
#yf-portals .wine .portal-subheading{color:#f6f0e8}
#yf-portals .portal .portal-description{display:block;line-height:1.65}

/* Headquarters follows the same example → possibilities → conversation rhythm as Websites. */
#yf-portals .hq-main-example{margin-bottom:52px}
#yf-portals .hq-main-example .showcase-art{padding-block:35px 20px}
#yf-portals .hq-directions{margin-block:50px}
#yf-portals .hq-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#yf-portals .hq-profile{display:flex;flex-direction:column;min-width:0;background:var(--wash);border:1px solid var(--line);border-radius:7px;padding:28px;transition:border-color .25s,box-shadow .25s}
#yf-portals .hq-profile-coaching{background:var(--wine);color:#f6f0e8;border-color:#88686a55}
#yf-portals .hq-profile[data-active=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
#yf-portals .hq-profile .label{font-size:10px;margin-bottom:13px}
#yf-portals .hq-profile-coaching .label{color:#d5c5a6}
#yf-portals .hq-profile h3{font-size:44px;margin:0 0 12px;line-height:1.08}
#yf-portals[dir=rtl] .hq-profile h3{font-size:31px;line-height:1.25}
#yf-portals .hq-profile p{font-size:13px;line-height:1.75;color:var(--sub)}
#yf-portals .hq-profile-coaching p{color:#e4d6d2}
#yf-portals .hq-profile .hq-profile-line{font-size:15px;line-height:1.55;color:inherit;max-width:400px;min-height:47px}
#yf-portals .hq-profile-preview{display:block;position:relative;overflow:hidden;width:100%;height:155px;padding:0;margin-block:20px;border:1px solid #a18f6b77;border-radius:4px;background:#171916;direction:ltr}
#yf-portals .hq-profile-preview img{width:100%;height:auto;max-width:none;transition:transform .5s}
#yf-portals .hq-profile-preview:hover img{transform:scale(1.025)}
#yf-portals .hq-preview-prompt{position:absolute;inset-inline-end:10px;bottom:9px;background:#141612de;color:#f4eee0;border:1px solid #b29c6f66;border-radius:3px;padding:5px 8px;font-size:10px}
#yf-portals .hq-profile-scopes{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-block:20px;font-size:11px;line-height:1.5}
#yf-portals .hq-profile-scopes>span{padding-inline-start:11px;position:relative}
#yf-portals .hq-profile-scopes>span:before{content:'';position:absolute;inset-inline-start:0;top:.6em;width:4px;height:4px;background:#ab9469;border-radius:50%}
#yf-portals .hq-profile-pick{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:16px 0 0;margin-top:auto;border:0;border-top:1px solid var(--line);background:none;color:inherit;font-size:12px;text-align:start;min-height:45px}
#yf-portals .hq-profile-coaching .hq-profile-pick{border-color:#d5c5a644}
#yf-portals .hq-audience{font-size:12px;line-height:1.75;color:var(--sub);margin-top:18px;max-width:800px}
#yf-portals .hq-own-idea{text-decoration:none;display:inline-flex;background:none;border:0;border-bottom:1px solid var(--gold);color:var(--ink);padding:3px 0 5px;margin-top:15px;font-size:12px;text-align:start}
#yf-portals .hq-options .section-heading{margin-bottom:26px}
#yf-portals .hq-feature-tiles{grid-template-columns:repeat(4,1fr)}
#yf-portals .hq-feature-tiles .feature-tile{min-height:120px;padding:20px 18px}
#yf-portals .hq-feature-tiles .feature-tile:nth-child(2),#yf-portals .hq-feature-tiles .feature-tile:nth-child(6){--tile-color:#62333e;--tile-light:#dfbbc0}
#yf-portals .hq-feature-tiles .feature-tile:nth-child(3),#yf-portals .hq-feature-tiles .feature-tile:nth-child(7){--tile-color:#29484b;--tile-light:#b0cdca}
#yf-portals .hq-feature-tiles .feature-tile:nth-child(4),#yf-portals .hq-feature-tiles .feature-tile:nth-child(8){--tile-color:#6b553a;--tile-light:#e3cba4}
#yf-portals .hq-feature-tiles .feature-tile:nth-child(5){--tile-color:#4e3b50;--tile-light:#d6c0d6}
#yf-portals .hq-feature-art{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:340px;padding-top:48px}
#yf-portals .hq-sketch{display:grid;place-items:center;position:relative;z-index:1;height:205px;padding:12px 24px}
#yf-portals .hq-sketch svg{width:32px;height:32px;stroke-width:1.4}
#yf-portals .hq-art-title{position:relative;z-index:1;display:block;max-width:380px;margin:0 auto;padding:8px 25px 28px;text-align:center;font-size:34px;line-height:1.12}
#yf-portals[dir=rtl] .hq-art-title{font-size:26px;line-height:1.35}
#yf-portals .hq-art-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:10px;color:var(--sub)}
#yf-portals .hq-art-tags span{background:var(--paper);border:1px solid var(--line);padding:5px 9px;border-radius:3px}
#yf-portals .hq-life-dial{position:relative;width:145px;height:145px;display:grid;place-items:center}
#yf-portals .hq-life-dial>svg:first-child{position:absolute;inset:0;width:145px;height:145px;transform:rotate(-90deg)}
#yf-portals .hq-life-dial circle{fill:none;stroke:var(--line);stroke-width:2}
#yf-portals .hq-life-dial .hq-dial-progress{stroke:var(--gold);stroke-width:4;stroke-dasharray:290 390;stroke-linecap:round}
#yf-portals .hq-life-dial .lucide-route{width:49px;height:49px}
#yf-portals .hq-people-art{width:min(290px,100%)}
#yf-portals .hq-avatars{display:flex;justify-content:center;padding:15px}
#yf-portals .hq-avatars span{display:grid;place-items:center;width:63px;height:63px;margin-inline:-5px;border:3px solid var(--wash);border-radius:50%;background:#384b3d;color:#ead9bc;font:27px PortalDisplay,Arial,sans-serif}
#yf-portals .hq-avatars span:nth-child(2){background:#65434a}#yf-portals .hq-avatars span:nth-child(3){background:#496064}
#yf-portals .hq-note{display:flex;align-items:center;gap:12px;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:11px}
#yf-portals .hq-note svg{flex-shrink:0;color:var(--gold)}
#yf-portals .hq-project-art{display:flex;gap:12px;align-items:center;width:min(330px,100%)}
#yf-portals .hq-project-art>div{flex:1;display:grid;justify-items:center;gap:18px;padding:24px 8px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:4px;font-size:11px}
#yf-portals .hq-project-art>div:nth-child(2){translate:0 -10px}
#yf-portals .hq-brain-art{display:flex;align-items:center;gap:20px}
#yf-portals .hq-brain-art>span{padding:12px;border:1px solid var(--line);border-radius:50%;background:var(--paper)}
#yf-portals .hq-brain-art>div{display:grid;place-items:center;width:100px;height:100px;border:1px solid var(--gold);border-radius:50%;background:var(--paper);box-shadow:0 0 0 12px light-dark(#b1a38416,#ddc38d0b)}
#yf-portals .hq-brain-art>div svg{width:54px;height:54px}
#yf-portals .hq-phone-art{width:134px;height:190px;padding:12px;border:3px solid var(--gold);border-radius:20px;background:var(--paper);box-shadow:10px 10px 0 light-dark(#bfb29c33,#0002);font-size:9px;text-align:center}
#yf-portals .hq-phone-notch{height:4px;width:36px;background:var(--line);border-radius:3px;margin:0 auto 13px}
#yf-portals .hq-phone-art>svg{display:block;margin:0 auto 6px;width:25px;height:25px}
#yf-portals .hq-phone-art>strong{display:block;font-weight:400;font-size:9px}
#yf-portals .hq-phone-card{display:flex;align-items:center;gap:7px;background:var(--wash);padding:10px 6px;border-radius:5px;margin-top:13px;font-size:8px}
#yf-portals .hq-phone-card svg{width:19px;height:19px}
#yf-portals .hq-phone-dots{display:flex;gap:13px;justify-content:center;margin-top:13px}
#yf-portals .hq-phone-dots b{width:5px;height:5px;border-radius:50%;background:var(--gold)}
#yf-portals .hq-method-art{width:min(280px,100%);display:grid;gap:9px}
#yf-portals .hq-method-art>div{display:flex;align-items:center;gap:15px;padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:12px;box-shadow:6px 5px 0 light-dark(#bfb29c20,#0001)}
#yf-portals .hq-method-art>div>span:first-child{font:24px PortalDisplay,Arial,sans-serif;color:var(--gold)}
#yf-portals .hq-connection-art{position:relative;display:flex;align-items:center;gap:15px}
#yf-portals .hq-connection-art:before{content:'';position:absolute;inset-inline:15px;top:50%;height:1px;background:var(--gold)}
#yf-portals .hq-connection-art>*{position:relative;display:grid;place-items:center;width:52px;height:60px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
#yf-portals .hq-connection-art>div{height:85px;border-color:var(--gold)}
#yf-portals .hq-custom-art{display:flex;align-items:center;gap:35px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:28px 32px}
#yf-portals .hq-custom-art>svg{width:56px;height:56px}
#yf-portals .hq-custom-art>div{display:grid;gap:18px;width:100px}
#yf-portals .hq-custom-art b{display:block;height:3px;background:var(--line);position:relative}
#yf-portals .hq-custom-art b:after{content:'';position:absolute;top:-4px;left:25%;width:12px;height:12px;background:var(--gold);border:2px solid var(--paper);border-radius:50%}
#yf-portals .hq-custom-art b:nth-child(2):after{left:70%}
#yf-portals .hq-custom-art b:nth-child(3):after{left:45%}
#yf-portals .hq-intelligence{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;background:#292f25;color:#f6f0e8;padding:38px;border-radius:7px;margin-top:45px}
#yf-portals .hq-intelligence .label{color:#d5c5a6}
#yf-portals .hq-intelligence h2{font-size:51px;margin:0 0 18px;line-height:1.08}
#yf-portals[dir=rtl] .hq-intelligence h2{font-size:34px;line-height:1.25}
#yf-portals .hq-intelligence p{font-size:13px;line-height:1.8;color:#d5d3c7;max-width:500px}
#yf-portals .hq-brain-points{display:grid;align-content:center;gap:23px}
#yf-portals .hq-brain-points>div{display:flex;gap:16px;align-items:start}
#yf-portals .hq-brain-points svg{width:27px;height:27px;flex-shrink:0;color:#d5bf99;stroke-width:1.3}
#yf-portals .hq-brain-points strong{display:block;font-size:13px;font-weight:400;margin-bottom:6px}
#yf-portals .hq-brain-points small{display:block;font-size:12px;line-height:1.6;color:#c6c7ba}
#yf-portals .hq-ownership{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:32px;margin-bottom:25px;border-bottom:1px solid var(--line)}
#yf-portals .hq-ownership svg{width:25px;height:25px;color:var(--gold);margin-bottom:12px;stroke-width:1.3}
#yf-portals .hq-ownership h3{font-size:27px;margin:0 0 9px}
#yf-portals[dir=rtl] .hq-ownership h3{font-size:19px;line-height:1.4}
#yf-portals .hq-ownership p{font-size:12px;line-height:1.75;color:var(--sub)}
#yf-portals .hq-offer{display:grid;grid-template-columns:minmax(0,1fr);gap:60px;background:var(--wash);padding:34px;border-radius:6px;margin-block:34px}
#yf-portals .hq-offer h2{font-size:43px;line-height:1.1;margin:0 0 16px}
#yf-portals[dir=rtl] .hq-offer h2{font-size:28px;line-height:1.3}
#yf-portals .hq-offer p{font-size:13px;line-height:1.75;color:var(--sub)}
#yf-portals .hq-offer .hq-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;color:var(--ink);margin-bottom:14px}
#yf-portals .hq-price>span{font-size:13px}#yf-portals .hq-price>strong{font:64px/1.1 PortalDisplay,Arial,sans-serif;font-weight:400}
#yf-portals .hq-price-details{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}
#yf-portals .hq-price-details summary{font-size:11px;color:var(--sub);padding-block:6px;cursor:pointer;min-height:35px}
#yf-portals .hq-price-details p{font-size:12px;padding-block:6px 10px}
#yf-portals .hq-offer .button{margin-block:20px 12px}
#yf-portals .hq-offer .chosen-summary{font-size:11px}
@container(max-width:850px){#yf-portals .hq-profile{padding:23px}#yf-portals .hq-profile h3{font-size:35px}#yf-portals[dir=rtl] .hq-profile h3{font-size:25px}#yf-portals .hq-profile-grid{gap:18px}#yf-portals .hq-profile-scopes{grid-template-columns:1fr;gap:7px}#yf-portals .hq-feature-tiles{grid-template-columns:repeat(4,1fr)}#yf-portals .hq-feature-tiles .feature-tile{padding:18px 13px;min-height:113px}#yf-portals .hq-intelligence{gap:30px;padding:28px}#yf-portals .hq-offer{gap:35px;padding:28px}#yf-portals .hq-ownership{gap:24px}}
@container(max-width:580px){#yf-portals .hq-profile-grid{grid-template-columns:1fr}#yf-portals .hq-profile .hq-profile-line{min-height:0}#yf-portals .hq-profile-scopes{grid-template-columns:1fr 1fr}#yf-portals .hq-feature-tiles{grid-template-columns:repeat(2,1fr)}#yf-portals .hq-feature-tiles .feature-tile{min-height:110px}#yf-portals .hq-intelligence{grid-template-columns:1fr;gap:30px;padding:25px}#yf-portals .hq-intelligence h2{font-size:43px}#yf-portals .hq-ownership{grid-template-columns:1fr;gap:25px}#yf-portals .hq-ownership>div{display:grid;grid-template-columns:32px 1fr;gap:0 14px}#yf-portals .hq-ownership svg{grid-row:1/3}#yf-portals .hq-ownership h3{font-size:25px}#yf-portals .hq-offer{grid-template-columns:1fr;gap:35px;padding:25px}#yf-portals .hq-offer h2{font-size:35px}#yf-portals .hq-price>strong{font-size:57px}#yf-portals .hq-profile-preview{height:155px}#yf-portals .hq-connection-art{gap:9px}#yf-portals .hq-connection-art>*{width:47px}#yf-portals .hq-project-art{gap:8px}#yf-portals .hq-custom-art{gap:22px;padding:25px}#yf-portals .hq-main-example .showcase-art{padding-top:25px}}

/* Precise ghost lettering shares the headline's bounds in either language. */
#yf-portals .hero-ghost{inset:calc(var(--hero-title-size)*.01) 0 var(--hero-baseline-gap);width:100%;height:calc(100% - var(--hero-baseline-gap) - var(--hero-title-size)*.01);font:1200px/1 PortalDisplay,Arial,sans-serif;letter-spacing:0;fill:var(--ink);color:var(--ink);opacity:.065;direction:ltr}
#yf-portals .hero-ghost text{font:1200px/1 PortalDisplay,Arial,sans-serif;letter-spacing:0}
/* Both frames have generous top and side clearance; their lower edge stays buried. */
#yf-portals .portal-art{container-type:inline-size;aspect-ratio:1.8;min-height:0;margin-top:25px;direction:ltr}
#yf-portals .portal .art-window{inset-inline:auto;left:50%;translate:-50% 0;width:82%;top:7cqw;height:calc(100% + 150px);transform-origin:50% 20cqw;transform:rotate(-4deg) rotateY(-3deg)}
#yf-portals .portal.wine .art-window{transform:rotate(4deg) rotateY(3deg);top:7cqw}
#yf-portals .portal:hover .art-window{transform:translateY(-8px) rotate(0deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}
#yf-portals .portal:focus-visible .art-window{transform:translateY(-8px) rotate(0deg)}
#yf-portals .hq-appearance-toolbar{margin-block:18px 14px}
#yf-portals .preview-demo-note{font-size:11px;color:var(--sub)}
#yf-portals .hq-profile{position:relative;overflow:hidden}
#yf-portals .hq-profile:before{content:'01';position:absolute;inset-inline-end:24px;top:8px;font:150px/1 PortalDisplay,Arial,sans-serif;opacity:.035;pointer-events:none}
#yf-portals .hq-profile-coaching:before{content:'02';opacity:.07}
#yf-portals .hq-profile .hq-profile-line{min-height:0;margin-bottom:20px}
#yf-portals .hq-intelligence{margin-block:28px 55px}
#yf-portals .hq-plus{font-size:13px;color:var(--sub);line-height:1.8;margin-block:22px 35px;max-width:750px}
#yf-portals .feature-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
#yf-portals .feature-tile>span:not(.tile-icon):not(.selected-mark){line-height:1.35}
/* Photographic concepts use real interface hierarchy rather than floating symbols. */
#yf-portals .hq-feature-art{padding:0;min-height:420px;background:var(--wash)}
#yf-portals .hq-feature-art:after{display:none}
#yf-portals .photo-concept{isolation:isolate;position:relative;display:grid;place-items:center;height:350px;min-height:350px;padding:35px 30px 40px;text-align:start;overflow:hidden}
#yf-portals .photo-concept>.concept-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}
#yf-portals .photo-concept:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#151b1233,#151b1266)}
#yf-portals .photo-concept:hover>.concept-photo{transform:scale(1.035)}
#yf-portals .concept-label{position:absolute;bottom:13px;inset-inline:20px;font-size:9px;letter-spacing:.035em;color:#fff;line-height:1.5;text-align:center;text-shadow:0 1px 5px #0009}
#yf-portals .concept-window{width:min(330px,100%);background:#f8f4eced;backdrop-filter:blur(16px);color:#2e332b;border:1px solid #fff9;border-radius:8px;padding:17px 20px 20px;box-shadow:0 18px 50px #10150e40;transform:perspective(900px) rotateY(-5deg) rotateZ(-1deg);transition:transform .5s;direction:inherit}
#yf-portals .photo-concept:hover .concept-window{transform:perspective(900px) rotateY(0deg) rotateZ(0deg)}
#yf-portals .concept-topline{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #a7ab9e55;padding-bottom:10px;font-size:8px;letter-spacing:.1em;color:#666b5e}
#yf-portals .concept-dots{letter-spacing:2px;font-size:6px;color:#9a9b8a;white-space:nowrap}
#yf-portals .concept-window>strong{display:block;font:29px/1.1 PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;letter-spacing:.02em;max-width:240px;margin-block:20px}
#yf-portals[dir=rtl] .concept-window>strong{font-size:21px;line-height:1.3}
#yf-portals .concept-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #a7ab9e55;padding-block:13px;font-size:10px;line-height:1.4}
#yf-portals .concept-row b{font-weight:400;color:#72583f;font-size:12px}
#yf-portals .concept-meter{height:5px;background:#d8dacd;border-radius:4px;overflow:hidden;margin-top:8px}
#yf-portals .concept-meter>b{display:block;height:100%;width:68%;background:#59634d}
#yf-portals .concept-contact{display:flex;align-items:center;gap:12px;margin-block:18px;font-size:12px}
#yf-portals .concept-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#643b43;color:#fff0de;font-size:10px;flex-shrink:0}
#yf-portals .concept-contact small{display:block;font-size:9px;color:#74776d;margin-top:4px}
#yf-portals .concept-progress{display:flex;gap:6px;margin-block:8px}
#yf-portals .concept-progress i{height:5px;flex:1;background:#d6d8ca;border-radius:4px}
#yf-portals .concept-progress i:first-child{background:#5c684f}
#yf-portals .concept-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:110px;font-size:10px}
#yf-portals .concept-board>div{background:#e9e9df;border-radius:5px;padding:9px 7px}
#yf-portals .concept-board i{display:block;height:27px;margin-top:11px;border-radius:3px;background:#fefbf4;border-inline-start:2px solid #a58c66;box-shadow:0 3px 5px #0001}
#yf-portals .concept-editor{padding:14px;background:#fffdf6;border:1px solid #c7c8ba66;border-radius:4px;font-size:10px;color:#5d6456}
#yf-portals .concept-editor div{height:3px;background:#d6d9cc;width:100%;margin-top:11px}
#yf-portals .concept-editor div:last-child{width:65%}
#yf-portals .concept-phone{position:relative;background:#faf6ef;border:5px solid #242820;border-radius:28px;width:190px;min-height:300px;padding:12px;color:#293126;box-shadow:14px 20px 45px #0d140c66;transform:rotate(4deg);transition:transform .5s;direction:inherit}
#yf-portals .photo-concept:hover .concept-phone{transform:rotate(0deg) translateY(-4px)}
#yf-portals .concept-phone-notch{width:49px;height:9px;background:#242820;border-radius:20px;margin:-7px auto 13px}
#yf-portals .concept-app-brand{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;border-bottom:1px solid #d6d7c9;padding-bottom:9px;margin-bottom:14px}
#yf-portals .concept-phone>small{font-size:6px;letter-spacing:.1em;color:#68705f;display:block}
#yf-portals .concept-phone>strong{display:block;font:24px/1.1 PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;margin-block:5px 12px;letter-spacing:.015em}
#yf-portals[dir=rtl] .concept-phone>strong{font-size:17px;line-height:1.3}
#yf-portals .concept-app-photo{position:relative;height:100px;overflow:hidden;border-radius:5px;display:flex;align-items:end;padding:9px;color:#fff;gap:8px;font-size:9px;line-height:1.3}
#yf-portals .concept-app-photo .concept-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
#yf-portals .concept-app-photo span,#yf-portals .concept-app-photo b{position:relative;font-weight:400}
#yf-portals .concept-app-resource{font-size:8px;display:flex;justify-content:space-between;padding-block:13px;border-bottom:1px solid #d6d7c9}
#yf-portals .concept-app-nav{display:flex;justify-content:space-around;margin-top:12px;color:#727764}
#yf-portals .concept-app-nav svg{width:12px;height:12px}
#yf-portals .concept-lesson{display:flex;gap:12px;align-items:center;padding:10px;background:#fffaf0;border-radius:5px;font-size:10px;margin-bottom:15px}
#yf-portals .concept-video{background:#58614d;color:#fff4df;display:grid;place-items:center;border-radius:4px;width:50px;height:38px}
#yf-portals .concept-week,#yf-portals .concept-bars{display:flex;gap:8px;justify-content:space-between;font-size:9px;color:#737968}
#yf-portals .concept-week>span{width:20px;text-align:center}
#yf-portals .concept-bars{height:70px;align-items:end;margin-block:12px 16px;padding-inline:4px}
#yf-portals .concept-bars>b{height:60%;flex:1;background:#889576;border-radius:4px 4px 0 0}
#yf-portals .concept-bars>b:nth-child(2n){height:85%;background:#536346}#yf-portals .concept-bars>b:nth-child(3n){height:45%}
#yf-portals .concept-metrics{display:flex;gap:30px;padding-block:0 15px}
#yf-portals .concept-metrics b{display:block;font:40px/1 PortalDisplay,Arial,sans-serif;color:#60714f}
#yf-portals .concept-metrics small{display:block;font-size:9px;margin-top:8px}
#yf-portals .hq-feature-art .hq-art-title{font-size:27px;padding-block:21px 24px}
#yf-portals .web-photo-concept{min-height:100%;height:100%;padding-block:30px}
@container(max-width:580px){#yf-portals .feature-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#yf-portals .photo-concept{padding-inline:25px;height:350px}#yf-portals .hq-feature-art .hq-art-title{font-size:26px}#yf-portals .preview-demo-note{max-width:130px;font-size:10px}#yf-portals .hq-appearance-toolbar{align-items:center;gap:10px}#yf-portals .web-photo-concept{min-height:350px}#yf-portals .concept-window>strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){#yf-portals .portal:hover .art-window,#yf-portals .portal:focus-visible .art-window,#yf-portals .photo-concept .concept-window,#yf-portals .photo-concept .concept-phone{transform:none!important}#yf-portals .photo-concept:hover>.concept-photo{transform:none}}

#yf-portals[data-appearance=dark] .hero-ghost{opacity:.13}

/* Keep the portal image continuous all the way beyond the card boundary. */
#yf-portals .portal-art{perspective:none;overflow:visible;background:none!important;clip-path:none}
#yf-portals .portal-art:after{display:none}
#yf-portals .portal .art-window{height:auto;min-height:calc(100% + 150px);overflow:hidden;transform:rotate(-4deg);box-shadow:0 12px 28px #11160d24;border-radius:5px}
#yf-portals .portal.wine .art-window{transform:rotate(4deg)}
#yf-portals .portal .art-window img{min-height:100%;background:none}
/* Lower the ghost cap line, retaining its clean baseline. */
#yf-portals .hero-ghost{top:calc(var(--hero-title-size)*.065);height:calc(100% - var(--hero-baseline-gap) - var(--hero-title-size)*.065)}
/* A compact presentation surround lets the workspace itself lead. */
#yf-portals .hq-main-example .showcase-art{padding:16px;background:url('/assets/founder-lake-square.webp') center 50%/cover;perspective:none}
#yf-portals .hq-main-example .showcase-screen{transform:none;border-color:#c8baa866;box-shadow:0 8px 26px #11160d22;border-radius:5px}
#yf-portals .hq-main-example .hq-showcase:hover .showcase-screen,#yf-portals .hq-main-example .hq-showcase:focus-within .showcase-screen{transform:none;box-shadow:0 8px 26px #11160d22}
#yf-portals .hq-main-example .screenshot-scroll{height:clamp(300px,53cqw,650px)}
#yf-portals .hq-main-example .showcase-caption{padding:10px 16px 14px;font-size:10px}
#yf-portals .hq-preview-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:end}
#yf-portals .hq-preview-actions .expand-example{display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--line);background:none;padding:10px 0;color:var(--ink);font-size:11px;min-height:40px}
#yf-portals .hq-preview-actions .expand-example svg{width:14px;height:14px}
#yf-portals .concept-window{background:#f8f4ecd1;backdrop-filter:blur(10px);border-color:#ffffff70;box-shadow:0 18px 45px #10150e33}
/* A fixed, contemporary phone ratio prevents tablet-like stretching. */
#yf-portals .photo-concept:has(.concept-phone){height:410px;min-height:410px;padding-block:25px}
#yf-portals .concept-phone{width:168px;height:352px;min-height:0;flex-shrink:0;padding:28px 11px 30px;border:5px solid #242820;border-radius:27px;overflow:hidden;box-shadow:12px 18px 35px #0d140c55;transform:rotate(3deg)}
#yf-portals .concept-phone-notch{position:absolute;top:6px;left:50%;translate:-50% 0;width:43px;height:11px;margin:0;border-radius:12px;background:#242820}
#yf-portals .concept-phone-status{position:absolute;top:7px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;font:6px/1.3 PortalSans,Arial,sans-serif;direction:ltr}
#yf-portals .concept-phone:after{content:'';position:absolute;bottom:5px;left:50%;translate:-50% 0;width:53px;height:3px;border-radius:5px;background:#242820}
#yf-portals .concept-app-brand{font-size:7px;margin-bottom:15px;padding-bottom:9px}
#yf-portals .concept-phone>strong{font-size:25px;margin-block:7px 13px}
#yf-portals .concept-app-photo{height:108px}
#yf-portals .concept-app-nav{position:absolute;bottom:17px;left:11px;right:11px;margin:0}
#yf-portals .concept-app-resource{padding-block:13px}
@container(max-width:580px){#yf-portals .hq-main-example .showcase-art{padding:8px}#yf-portals .hq-preview-actions{gap:8px 14px}#yf-portals .hq-appearance-toolbar{align-items:start}#yf-portals .hq-preview-actions .preview-demo-note{display:none}#yf-portals .hq-main-example .screenshot-scroll{height:350px}}

/* Editorial people and their work remain visible beside the interface concepts. */
#yf-portals .photo-concept>.concept-photo{object-position:62% 47%}
#yf-portals .photo-concept:before{background:linear-gradient(90deg,#14191420,#14191405)}
#yf-portals .photo-concept>.concept-window{justify-self:start;margin-left:1%;margin-right:0;width:min(265px,61%);transform:perspective(900px) rotateY(-4deg) rotateZ(-1deg)}
#yf-portals .photo-concept>.concept-phone{justify-self:start;margin-left:9%;margin-right:0}
#yf-portals .photo-concept .concept-window>strong{font-size:26px}
#yf-portals[dir=rtl] .photo-concept>.concept-window,#yf-portals[dir=rtl] .photo-concept>.concept-phone{justify-self:end}
@container(max-width:580px){#yf-portals .photo-concept>.concept-photo{object-position:76% 45%}#yf-portals .photo-concept>.concept-window{width:min(220px,73%);align-self:end;margin:0 0 3px;font-size:10px}#yf-portals .photo-concept .concept-window>strong{font-size:24px}#yf-portals[dir=rtl] .photo-concept .concept-window>strong{font-size:18px}#yf-portals .photo-concept>.concept-phone{margin-left:0;margin-right:0}#yf-portals .concept-window{padding:13px 15px 14px}#yf-portals .concept-topline{font-size:7px}#yf-portals .concept-window>strong{margin-block:16px}#yf-portals .concept-row{padding-block:10px;font-size:9px}}

/* Compact navigation around the real, read-only interface view. */
#yf-portals .hq-demo{--demo-ink:#282d24;--demo-sub:#686c5e;--demo-gold:#77613b;--demo-panel:#f4efe38a;--demo-line:#706d512a;--demo-active:#f8f3e7a8;display:grid;grid-template-columns:clamp(160px,16.2%,190px) minmax(0,1fr);height:clamp(420px,47cqw,650px);min-width:780px;background:url('/assets/founder-lake-square.webp') center 50%/cover;color:var(--demo-ink);isolation:isolate;overflow:hidden;border-radius:4px;font:11px/1.4 PortalSans,Arial,sans-serif}
#yf-portals .hq-demo[data-demo-theme=dark]{--demo-ink:#f0ede4;--demo-sub:#c0c1af;--demo-gold:#d6b270;--demo-panel:#14181494;--demo-line:#d7c39526;--demo-active:#eee6ce12}
#yf-portals .hq-demo-nav{display:flex;flex-direction:column;background:var(--demo-panel);backdrop-filter:blur(16px);border-right:1px solid var(--demo-line);overflow:auto;padding:16px 11px 12px;scrollbar-width:thin;scrollbar-color:var(--demo-gold) transparent}
#yf-portals .hq-demo-brand{display:flex;align-items:center;gap:9px;padding:0 2px 15px;flex-shrink:0}
#yf-portals .hq-demo-brand img{width:37px;height:37px;object-fit:cover;flex-shrink:0;border-radius:9px;max-width:none}
#yf-portals .hq-demo-brand strong{display:block;font:15px/1.2 Georgia,serif;white-space:nowrap}
#yf-portals .hq-demo-brand small{display:block;color:var(--demo-gold);font-size:7px;line-height:1.6;letter-spacing:.095em;margin-top:3px}
#yf-portals .hq-nav-group{border-bottom:1px solid var(--demo-line);padding:8px 0}
#yf-portals .hq-nav-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;font-size:8px;letter-spacing:.14em;color:var(--demo-gold);padding:7px 5px;min-height:30px}
#yf-portals .hq-nav-group summary::-webkit-details-marker{display:none}
#yf-portals .hq-nav-group summary>span{font-size:14px;line-height:1;transform:rotate(-90deg);transition:transform .2s}
#yf-portals .hq-nav-group[open] summary>span{transform:rotate(0deg)}
#yf-portals .hq-nav-group ul{list-style:none;margin:4px 0 1px;padding:0}
#yf-portals .hq-nav-group li{display:flex;align-items:center;gap:9px;min-height:27px;padding:5px 7px;font-size:11px;line-height:1.3;color:var(--demo-ink);border:1px solid transparent;border-radius:5px;white-space:nowrap}
#yf-portals .hq-nav-group li svg{width:12px;height:12px;stroke-width:1.5;flex-shrink:0;opacity:.8}
#yf-portals .hq-nav-group li.current{background:var(--demo-active);border-color:var(--demo-line);color:var(--demo-gold)}
#yf-portals .hq-demo-note{display:block;padding:20px 4px 0;margin-top:auto;font-size:7px;letter-spacing:.025em;color:var(--demo-sub)}
#yf-portals .hq-content-shot{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--demo-gold) transparent;min-width:0;background:#14181108}
#yf-portals .hq-content-shot img{display:block;width:calc(127.5% + 4px);max-width:none;height:auto;margin-left:calc(-27.5% - 4px);margin-top:calc(-7.3% + 12px);border:0}
#yf-portals .hq-main-example .showcase-screen{overflow:auto}
#yf-portals .viewer-scroll #viewer-demo{height:min(72vh,850px);min-width:780px}
#yf-portals .viewer-scroll #viewer-demo .hq-demo{height:100%;min-width:780px}
#yf-portals .viewer-scroll #viewer-demo .hq-demo-brand img{width:37px;height:37px;max-width:none}
#yf-portals .viewer-scroll #viewer-demo .hq-content-shot img{width:calc(127.5% + 4px);max-width:none;height:auto;margin-left:calc(-27.5% - 4px);margin-top:calc(-7.3% + 12px)}
#yf-portals .is-zoomed #viewer-demo .hq-demo{min-width:1400px}
/* The app is a second, smaller object within the same portal stage. */
#yf-portals .portal:not(.wine) .art-window{width:77%;left:44%}
#yf-portals .portal-phone{position:absolute;right:6%;top:8cqw;width:22%;aspect-ratio:168/352;display:block;container-type:inline-size;background:#faf6ef;color:#293126;border:clamp(2px,.48cqw,4px) solid #242820;border-radius:4.2cqw;box-shadow:0 10px 25px #11160d45;transform:rotate(5deg);transform-origin:50% 80%;overflow:hidden;z-index:2;transition:transform .5s cubic-bezier(.2,.75,.25,1)}
#yf-portals .portal-phone-notch{position:absolute;top:2%;left:50%;translate:-50% 0;width:28%;height:3%;border-radius:10px;background:#242820;z-index:1}
#yf-portals .portal-phone-home{position:absolute;bottom:2%;left:50%;translate:-50% 0;width:33%;height:1%;border-radius:10px;background:#242820}
#yf-portals .portal-app-body{display:block;padding:16cqw 8cqw 10cqw;text-align:start;direction:ltr}
#yf-portals .portal-app-brand{display:block;font:5.2cqw/1.2 PortalSans,Arial,sans-serif;letter-spacing:.05em;padding-bottom:8cqw;border-bottom:1px solid #d6d7c9}
#yf-portals .portal-app-body>strong{display:block;font:18cqw/1.1 PortalDisplay,PortalHebrewDisplay,Arial,sans-serif;letter-spacing:.01em;margin-block:9cqw 10cqw;min-height:38cqw}
#yf-portals .portal-app-photo{display:block;position:relative;height:57cqw;overflow:hidden;border-radius:4cqw}
#yf-portals .portal-app-photo img{width:100%;height:100%;object-fit:cover;object-position:70% center;filter:brightness(.73)}
#yf-portals .portal-app-photo>span{position:absolute;inset-inline:5cqw;bottom:5cqw;color:#fff;font:6cqw/1.2 PortalSans,Arial,sans-serif}
#yf-portals .portal-app-resource{display:block;font:6cqw/1.3 PortalSans,Arial,sans-serif;border-bottom:1px solid #d6d7c9;padding-block:10cqw}
#yf-portals .portal-app-nav{display:flex;justify-content:space-around;align-items:center;padding-top:10cqw}
#yf-portals .portal-app-nav svg{width:8cqw;height:8cqw;stroke-width:1.5}
#yf-portals[dir=rtl] .portal-app-body{direction:rtl}
#yf-portals[dir=rtl] .portal-app-body>strong{font-size:13cqw;line-height:1.3}
#yf-portals .portal:hover .portal-phone,#yf-portals .portal:focus-visible .portal-phone{transform:translateY(-5px) rotate(0deg)}
@container(max-width:580px){#yf-portals .hq-main-example .hq-demo{height:460px}#yf-portals .portal-phone{right:5%;width:23%;top:6cqw}}
@media(prefers-reduced-motion:reduce){#yf-portals .portal-phone,#yf-portals .portal:hover .portal-phone,#yf-portals .portal:focus-visible .portal-phone{transform:none;transition:none}#yf-portals .hq-nav-group summary>span{transition:none}}
#yf-portals .viewer-scroll{position:relative}
#yf-portals .viewer-scroll #viewer-demo{position:absolute;inset:0;height:100%;min-width:780px}
#yf-portals .portal .portal-copy{margin-bottom:25px}
#yf-portals .portal .portal-art{margin-top:auto}
@container(max-width:580px){#yf-portals .hq-main-example .hq-demo-nav{padding:10px 8px}#yf-portals .hq-main-example .hq-demo-brand{padding-bottom:10px;gap:8px}#yf-portals .hq-main-example .hq-demo-brand img{width:30px;height:30px;border-radius:7px}#yf-portals .hq-main-example .hq-demo-brand strong{font-size:13px}#yf-portals .hq-main-example .hq-demo-brand small{font-size:6px}#yf-portals .hq-main-example .hq-nav-group{padding-block:4px}#yf-portals .hq-main-example .hq-nav-group summary{min-height:25px;padding-block:5px;font-size:7px}#yf-portals .hq-main-example .hq-nav-group li{min-height:22px;padding:3px 6px;font-size:10px;gap:7px}#yf-portals .hq-main-example .hq-nav-group li svg{width:11px;height:11px}#yf-portals .hq-main-example .hq-demo-note{padding-top:12px;font-size:6px}}

/* Portal colours belong to each service and stay fixed in either site theme. */
#yf-portals .portals .portal{--preview-rest-rotation:-4deg;--ink:#282b25;--sub:#62665c;--wash:#e7e6dc;--gold:#7c6741;--line:#d6d4c9;--accent:#572a31;color-scheme:light;background:#e7e6dc;color:#282b25}
#yf-portals .portals .portal.wine{--preview-rest-rotation:4deg;--ink:#f6f0e8;--sub:#e4d6d2;--gold:#ddc38d;--line:#dfc9c9;background:#542831;color:#f6f0e8}
/* One frame geometry and one interaction rule prevent the HQ override from locking it. */
#yf-portals .portals .portal .art-window{width:77%;left:50%;top:7cqw;border:1px solid #a6a795;background:#f5f0e7;transform-origin:50% 20cqw;transform:rotate(var(--preview-rest-rotation));box-shadow:0 12px 28px #11160d24}
#yf-portals .portals .portal:not(.wine) .art-window{left:44%}
#yf-portals .portals .portal:hover{transform:none}
#yf-portals .portals .portal:hover .art-window,#yf-portals .portals .portal:focus-visible .art-window{transform:translateY(-6px) rotate(0deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}
@media(prefers-reduced-motion:reduce){#yf-portals .portals .portal .art-window,#yf-portals .portals .portal:hover .art-window,#yf-portals .portals .portal:focus-visible .art-window{transform:none!important;transition:none}}

/* Studio Club: a photo-led app identity shared by the three illustrative phones. */
#yf-portals .concept-phone{container-type:inline-size;padding:0;background:#153f45;position:relative}
#yf-portals .club-screen{position:absolute;inset:0;display:block;overflow:hidden;background:#153f45;color:#fff;text-align:start;isolation:isolate;font-family:PortalSans,Arial,sans-serif;line-height:1.3}
#yf-portals .club-screen .club-backdrop{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:66% 44%;filter:none;z-index:-2}
#yf-portals .club-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#12373c9c 0%,#14383c17 40%,#123b4166 58%,#102f36ed 100%);z-index:-1}
#yf-portals .club-content{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:17cqw 6cqw 8cqw;gap:5cqw;direction:ltr}
#yf-portals .club-brand{display:flex;align-items:center;gap:3cqw;font:600 5.4cqw/1 PortalSans,Arial,sans-serif;letter-spacing:.09em;color:#fff}
#yf-portals .club-symbol{display:grid;place-items:center;width:10cqw;height:10cqw;flex-shrink:0;border:1px solid #ffffff70;border-radius:50%;font:italic 7cqw/1 Georgia,serif;letter-spacing:0}
#yf-portals .club-brand-dot{margin-left:auto;width:2.5cqw;height:2.5cqw;background:#e8e69d;border-radius:50%}
#yf-portals .club-intro{display:block;padding-top:5cqw}
#yf-portals .club-kicker{display:block;font-size:4.8cqw;line-height:1.3;margin-bottom:3cqw;color:#fffefa}
#yf-portals .club-heading{display:block;max-width:80cqw;margin:0;font:600 12cqw/1.1 PortalSans,Arial,sans-serif;letter-spacing:-.025em;color:#fff;text-transform:none;text-shadow:0 1px 10px #12373c30}
#yf-portals .club-session{display:block;margin-top:auto;padding:5cqw 5cqw 4cqw;background:#143f47b0;border:1px solid #ffffff4d;backdrop-filter:blur(13px);border-radius:4cqw;box-shadow:0 3cqw 6cqw #09262b18}
#yf-portals .club-session-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2cqw;font-size:4cqw;letter-spacing:.08em;color:#e8e69d}
#yf-portals .club-session-top svg{width:6cqw;height:6cqw;stroke-width:1.6}
#yf-portals .club-session>strong{display:block;font:500 7.4cqw/1.2 PortalSans,Arial,sans-serif;color:#fff;letter-spacing:-.01em}
#yf-portals .club-session-time{display:block;margin-top:2cqw;font-size:4.6cqw;color:#e0ecea}
#yf-portals .club-tiles{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
#yf-portals .club-tiles>span{display:grid;grid-template-columns:6cqw 1fr;align-content:start;gap:2cqw 2cqw;padding:4cqw 3cqw;background:#fffef018;border:1px solid #f9fbf326;border-radius:3cqw;backdrop-filter:blur(10px)}
#yf-portals .club-tiles svg{width:5cqw;height:5cqw;color:#e8e69d;stroke-width:1.6}
#yf-portals .club-tiles strong{font:500 4.5cqw/1.25 PortalSans,Arial,sans-serif;color:#fff;white-space:nowrap;letter-spacing:-.025em}
#yf-portals .club-tiles small{grid-column:1/-1;font:400 3.8cqw/1.3 PortalSans,Arial,sans-serif;color:#dfebe8}
#yf-portals .club-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:1cqw;border-top:1px solid #ffffff30;padding-top:4cqw;margin-top:0}
#yf-portals .club-nav-item{display:flex;flex-direction:column;align-items:center;gap:2cqw;padding:2cqw 0;color:#d0e0df;font:400 3.7cqw/1 PortalSans,Arial,sans-serif;white-space:nowrap}
#yf-portals .club-nav svg{width:7cqw;height:7cqw;stroke-width:1.5}
#yf-portals .club-nav-item.is-current{background:#e8e69d16;border-radius:3cqw;color:#e8e69d}
#yf-portals .portal-phone-notch,#yf-portals .concept-phone-notch{z-index:4;background:#102e33}
#yf-portals .concept-phone-status{z-index:4;color:#fff}
#yf-portals .portal-phone-home,#yf-portals .concept-phone:after{z-index:4;background:#fff9}
#yf-portals[dir=rtl] .club-content{direction:rtl}
#yf-portals[dir=rtl] .club-brand{direction:ltr}
#yf-portals[dir=rtl] .club-heading{font-family:PortalHebrewDisplay,Arial,sans-serif;font-size:11cqw;line-height:1.25;letter-spacing:0}
#yf-portals[dir=rtl] .club-tiles strong{font-family:PortalHebrewDisplay,Arial,sans-serif;font-size:4.4cqw;letter-spacing:0}

#yf-portals .club-arrow{font-size:6cqw;line-height:1}#yf-portals .club-play{font-size:4cqw;line-height:1.4;color:#e8e69d}
#yf-portals .club-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
#yf-portals .club-tiles>span{min-width:0;grid-template-columns:5cqw minmax(0,1fr)}
#yf-portals .club-tiles strong{white-space:normal;min-width:0}

/* Show the homepage introduction below the hero without clipping its heading. */
#yf-portals .portal .portal-art{aspect-ratio:1.55}
/* The app sits over the city image, leaving each language's hero copy clear. */
#yf-portals[dir=rtl] .portals .portal:not(.wine) .art-window{left:56%}
#yf-portals[dir=rtl] .portal-phone{left:6%;right:auto}
@container(max-width:580px){#yf-portals[dir=rtl] .portal-phone{left:5%;right:auto}}

/* The methods preview stays square to the viewer and opens with the photograph. */
#yf-portals [data-hq-art=methods]>.concept-window{transform:none;transition:transform .8s}
#yf-portals [data-hq-art=methods]:hover>.concept-window{transform:scale(1.035)}

/* Owner-requested portal colours and a lower, centred phone. */
#yf-portals .portal-phone{top:14cqw}
@container(max-width:580px){#yf-portals .portal-phone{top:12cqw}}
#yf-portals[data-appearance=light] .portals .portal:not(.wine){--ink:#f6f0e8;--sub:#c8cfc3;--wash:#292f25;--gold:#ddc38d;--line:#73816a;--accent:#e4d9bd;background:#292f25;color:#f6f0e8;color-scheme:dark}
/* Navigation groups have one quiet separator, without global accordion borders. */
#yf-portals .hq-demo-nav .hq-nav-group{border:0;border-bottom:1px solid var(--demo-line);box-shadow:none}
#yf-portals .hq-demo-nav .hq-nav-group:last-of-type{border-bottom:0}

/* Draw these arrows as strokes so mobile platforms cannot substitute emoji. */
#yf-portals .round-arrow .diagonal-arrow-icon{display:block;width:22px;height:22px;flex-shrink:0}
#yf-portals .club-arrow .diagonal-arrow-icon{display:block;width:6cqw;height:6cqw;flex-shrink:0}

/* Phone layouts keep the artwork broad and the controls easy to reach. */
#yf-portals{container-name:studio}
#yf-portals .hq-nav-toggle{display:none}
#yf-portals .hq-main-example .showcase-screen,#yf-portals .viewer-scroll{container-type:inline-size;container-name:hq-preview}
html:has(#example-viewer[open]){overflow:hidden}
@container studio (max-width:700px){
 #yf-portals .portals{grid-template-columns:minmax(0,1fr)}
 #yf-portals .feature-spotlight{grid-template-columns:minmax(0,1fr)}
 #yf-portals .feature-copy>p{max-width:none}
}
@container studio (max-width:580px){
 #yf-portals .wrap{padding-inline:5%}
 #yf-portals .top{gap:6px 8px}
 #yf-portals .brand{font-size:23px}
 #yf-portals nav a,#yf-portals .languages a,#yf-portals .appearance-toggle{min-height:44px}
 #yf-portals nav a{font-size:12px;display:flex;align-items:center}
 #yf-portals .languages{gap:5px}
 #yf-portals .languages a{min-width:30px;display:grid;place-items:center;font-size:12px}
 #yf-portals .header-tools{gap:8px}
 #yf-portals .opening{padding-block:30px 25px}
 #yf-portals .opening .label{max-width:270px;margin-inline:auto;font-size:10px;line-height:1.6}
 #yf-portals .opening h1{font-size:clamp(44px,12cqw,60px)}
 #yf-portals .portals{gap:18px}
 #yf-portals .portal{padding:22px 22px 0}
 #yf-portals .portal-head>span:first-child{min-width:0}
 #yf-portals .portal h2{font-size:clamp(30px,8.5cqw,42px);line-height:1.08;overflow-wrap:break-word}
 #yf-portals[dir=rtl] .portal h2{font-size:clamp(27px,7.3cqw,36px);line-height:1.2}
 #yf-portals .portal .portal-copy{margin-block:8px 18px;font-size:14px}
 #yf-portals .portal .portal-subheading{font-size:15px}
 #yf-portals .portal .portal-art{width:calc(100% + 44px);margin-inline:-22px;aspect-ratio:1.45}
 #yf-portals .portals .portal .art-window{width:86%;top:7cqw}
 #yf-portals .portals .portal:not(.wine) .art-window{width:82%;left:44%}
 #yf-portals[dir=rtl] .portals .portal:not(.wine) .art-window{left:56%}
 #yf-portals .portal-phone{width:24%;top:13cqw;right:5%}
 #yf-portals[dir=rtl] .portal-phone{left:5%;right:auto}
 #yf-portals .round-arrow{width:36px;height:36px}
 #yf-portals .detail{padding-top:15px}
 #yf-portals .detail-hero.service-hero{padding-block:25px 27px;gap:19px;margin-bottom:25px}
 #yf-portals .service-hero .hero-heading{--hero-title-size:clamp(44px,11.8cqw,68px)}
 #yf-portals[dir=rtl] .service-hero .hero-heading{--hero-title-size:clamp(32px,9.3cqw,54px)}
 #yf-portals .service-hero .label{margin-bottom:15px}
 #yf-portals .service-hero .hero-aside p{font-size:14px;line-height:1.65}
 #yf-portals .case-heading h2{font-size:33px}
 #yf-portals .case-heading p{font-size:13px}
 #yf-portals .preview-toolbar{flex-wrap:wrap;gap:6px 14px}
 #yf-portals .preview-toolbar .example-switch button{min-height:44px;padding:9px 12px;font-size:12px}
 #yf-portals .preview-toolbar .quiet-link{font-size:12px;min-height:44px;display:flex;align-items:center}
 #yf-portals .live-web-stage,#yf-portals .live-web-stage.mobile-shot{padding:8px}
 #yf-portals .example-caption{line-height:1.6}
 #yf-portals .build-basics{gap:10px 18px}
 #yf-portals .options-section{padding-block:28px 22px}
 #yf-portals .feature-tiles,#yf-portals .hq-feature-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #yf-portals .feature-tiles .feature-tile,#yf-portals .hq-feature-tiles .feature-tile{flex-direction:row;justify-content:start;text-align:start;gap:10px;min-height:86px;padding:14px 11px;transform:none;translate:none}
 #yf-portals .feature-tile .tile-icon{width:25px;height:25px;flex-shrink:0;margin:0}
 #yf-portals .feature-tile .tile-icon svg{width:24px;height:24px}
 #yf-portals .feature-tile>span:not(.tile-icon):not(.selected-mark){font-size:13px;overflow-wrap:break-word}
 #yf-portals .feature-tile[aria-pressed=true]{transform:none}
 #yf-portals .feature-copy{padding:22px}
 #yf-portals .feature-copy h3{font-size:32px;overflow-wrap:break-word}
 #yf-portals .feature-copy>p{font-size:14px;line-height:1.65}
 #yf-portals .feature-more summary,#yf-portals .feature-add{min-height:44px;font-size:12px}
 #yf-portals .feature-more p{font-size:13px}
 #yf-portals .feature-add{white-space:normal}
 #yf-portals .hq-feature-art{min-height:0}
 #yf-portals .photo-concept,#yf-portals .web-photo-concept{height:310px;min-height:310px;padding:24px 20px 35px}
 #yf-portals .photo-concept>.concept-window{width:min(240px,78%);transform:none}
 #yf-portals .photo-concept:has(.concept-phone){height:390px;min-height:390px;padding-block:20px}
 #yf-portals .photo-concept>.concept-phone{justify-self:center;transform:none;margin:0}
 #yf-portals .photo-concept .concept-window>strong{font-size:25px}
 #yf-portals .hq-feature-art .hq-art-title{padding:17px 20px 20px;font-size:25px}
 #yf-portals .hq-main-example{margin-bottom:30px}
 #yf-portals .hq-main-example .showcase-art{padding:7px}
 #yf-portals .hq-preview-actions{margin-inline-start:auto}
 #yf-portals .hq-preview-actions .expand-example{min-height:44px;font-size:12px}
 #yf-portals .hq-main-example .showcase-caption{padding:10px 13px 13px;line-height:1.6}
 #yf-portals .hq-intelligence{padding:23px;gap:24px;margin-block:25px 35px}
 #yf-portals .hq-intelligence h2{font-size:38px}
 #yf-portals .hq-directions{margin-block:34px}
 #yf-portals .hq-profile{padding:22px}
 #yf-portals .hq-profile-grid{gap:16px}
 #yf-portals .hq-profile-scopes{gap:9px 14px;margin-block:17px;font-size:12px}
 #yf-portals .hq-profile-pick{min-height:48px}
 #yf-portals .hq-offer{padding:23px;gap:24px}
 #yf-portals .hq-offer .button,#yf-portals .service-next .button{width:100%;white-space:normal}
 #yf-portals .button{white-space:normal}
 #yf-portals .contact-form-wrap{padding:20px}
 #yf-portals .contact-grid{gap:17px}
 #yf-portals input,#yf-portals textarea{min-height:46px;font-size:16px}
 #yf-portals .contact-actions .button{width:100%}
 #yf-portals footer{gap:12px 18px;font-size:11px}

}
@container studio (max-width:360px){
 #yf-portals .portal{padding-inline:18px}
 #yf-portals .portal .portal-art{width:calc(100% + 36px);margin-inline:-18px}
 #yf-portals .portal .portal-subheading{font-size:14px}
 #yf-portals .portal .portal-copy{font-size:13px}
 #yf-portals .feature-tiles .feature-tile{gap:7px;padding-inline:9px}
 #yf-portals .feature-tile>span:not(.tile-icon):not(.selected-mark){font-size:12px}
 #yf-portals .hq-profile-scopes{grid-template-columns:minmax(0,1fr)}
 #yf-portals .hq-intelligence,#yf-portals .hq-offer{padding:20px}
}
@media(hover:none){
 #yf-portals .portals .portal:hover .art-window{transform:rotate(var(--preview-rest-rotation))}
 #yf-portals .portal:hover .round-arrow{transform:none}
 #yf-portals .feature-tile:hover{translate:none;transform:none}
}

/* Small tablets also need the full content width inside the workspace preview. */
@container studio (max-width:850px){
 /* The viewer fits first; zoom deliberately enables a wider, pannable view. */
 #yf-portals #example-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:90dvh;max-height:90dvh;padding:12px}
 #yf-portals .viewer-toolbar{flex-wrap:wrap;gap:8px;padding-bottom:12px}
 #yf-portals .viewer-toolbar>div:first-child{min-width:0}
 #yf-portals .viewer-toolbar h2{font-size:25px;overflow-wrap:break-word}
 #yf-portals .viewer-toolbar .label{font-size:9px}
 #yf-portals .viewer-actions{margin-inline-start:auto}
 #yf-portals .viewer-actions button{font-size:12px;min-height:44px;padding:9px 12px}
 #yf-portals .viewer-scroll #viewer-demo{min-width:0}
 #yf-portals .viewer-scroll #viewer-demo .hq-demo{min-width:0;height:100%}
 #yf-portals .is-zoomed .viewer-scroll #viewer-demo{min-width:780px}
 #yf-portals .is-zoomed .viewer-scroll #viewer-demo .hq-demo{min-width:780px;grid-template-columns:160px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 #yf-portals .is-zoomed #viewer-demo .hq-demo-nav{overflow:auto}
 #yf-portals .is-zoomed #viewer-demo .hq-demo-brand{flex-wrap:wrap}
 #yf-portals .is-zoomed #viewer-demo .hq-nav-toggle{display:none}
 #yf-portals .is-zoomed #viewer-demo .hq-nav-groups{position:static;display:block;max-height:none;overflow:visible;background:none;backdrop-filter:none;border:0;box-shadow:none;padding:8px 0}
 #yf-portals #viewer-caption{font-size:10px;line-height:1.5;padding-top:10px}
}

@media(hover:none){#yf-portals .portals .portal:focus-visible .art-window{transform:rotate(var(--preview-rest-rotation))}}

@container hq-preview (max-width:779px){
 /* The sidebar folds into the preview header; the content gets the full width. */
 #yf-portals .hq-demo{position:relative;min-width:0;width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 #yf-portals .hq-main-example .hq-demo{height:clamp(360px,65cqw,460px)}
 #yf-portals .hq-main-example .showcase-screen{overflow:hidden}
 #yf-portals .hq-demo .hq-demo-nav{position:relative;overflow:visible;padding:8px 10px;border-right:0;border-bottom:1px solid var(--demo-line);z-index:2}
 #yf-portals .hq-demo .hq-demo-brand{padding:0;gap:8px}
 #yf-portals .hq-demo .hq-demo-brand img{width:30px;height:30px;border-radius:7px}
 #yf-portals .hq-demo .hq-demo-brand strong{font-size:14px}
 #yf-portals .hq-demo .hq-demo-brand small{font-size:6px}
 #yf-portals .hq-nav-toggle{display:flex;align-items:center;gap:7px;margin-left:auto;min-height:44px;padding:8px 10px;background:var(--demo-active);border:1px solid var(--demo-line);border-radius:5px;color:var(--demo-ink);font-size:12px}
 #yf-portals .hq-nav-toggle svg{width:17px;height:17px;flex-shrink:0}
 #yf-portals .hq-nav-groups{display:none;position:absolute;top:100%;inset-inline:0;max-height:290px;overflow:auto;overscroll-behavior:contain;background:var(--demo-panel);backdrop-filter:blur(16px);padding:8px 10px;border-bottom:1px solid var(--demo-line);box-shadow:0 12px 25px #10150e26}
 #yf-portals [data-nav-open=true]>.hq-nav-groups{display:block}
 #yf-portals .hq-demo .hq-nav-group summary{min-height:44px;padding:10px 7px;font-size:10px}
 #yf-portals .hq-demo .hq-nav-group li{min-height:29px;padding:6px 8px;font-size:11px}
 #yf-portals .hq-demo-note{display:none}
 #yf-portals .hq-content-shot{overscroll-behavior:auto}
}

/* Ownership is part of the offer, close to the first example on each service page. */
#yf-portals .ownership-banner{display:flex;align-items:start;gap:20px;margin:0 0 32px;padding:22px 26px;background:var(--wash);border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:5px}
#yf-portals .ownership-symbol{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}
#yf-portals .ownership-symbol svg{width:21px;height:21px;stroke-width:1.4}
#yf-portals .ownership-banner h2{font-size:32px;margin:0 0 8px}
#yf-portals .ownership-banner p{font-size:14px;color:var(--ink);max-width:780px;line-height:1.6}
#yf-portals .ownership-banner small{display:block;margin-top:9px;font-size:11px;line-height:1.6;color:var(--sub);max-width:780px}
/* Two distinct examples share a single, compact showcase row. */
#yf-portals .service-examples{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:26px;align-items:start}
#yf-portals .service-examples .example-block{min-width:0;margin:0;padding-bottom:25px}
#yf-portals .service-examples .case-heading{display:block;min-height:145px;margin-bottom:12px}
#yf-portals .service-examples .case-heading h2{font-size:38px}
#yf-portals .service-examples .case-heading p{font-size:13px;line-height:1.7}
#yf-portals .service-examples .case-tag{display:block;margin-top:10px;max-width:none}
#yf-portals .website-example .live-web-stage,#yf-portals .website-example .live-web-stage.mobile-shot{padding:12px}
#yf-portals .website-example .preview-toolbar{gap:8px;flex-wrap:wrap}
#yf-portals .app-example-scene{position:relative;isolation:isolate;border-radius:5px;overflow:hidden;background:#183a3d url('/assets/real-cafe-interior.webp') 50% 45%/cover;color:#fff}
#yf-portals .app-example-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#16333835,#17363e80);z-index:-1}
#yf-portals .app-scene-art{display:grid;place-items:center;min-height:465px;padding:40px 20px 53px}
#yf-portals .app-scene-art .concept-phone{margin:0;transform:rotate(3deg);transition:transform .5s}
#yf-portals .app-example-scene:hover .concept-phone{transform:rotate(0deg) scale(1.015)}
#yf-portals .app-example-scene .concept-label{bottom:17px}
#yf-portals .service-invitation-copy{font-size:13px;color:var(--sub);max-width:560px;line-height:1.65}
#yf-portals .coaching-example-link{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-top:auto;padding-top:16px;border-top:1px solid #d5c5a644;font-size:13px;color:#f6f0e8;text-decoration:underline;text-underline-offset:5px}
#yf-portals .hq-profile-scopes{margin-bottom:10px}
#yf-portals .hq-profile-coaching .hq-profile-scopes{margin-bottom:20px}
@container studio (max-width:1050px){
 #yf-portals .service-examples{grid-template-columns:minmax(0,1fr);gap:8px}
 #yf-portals .service-examples .case-heading{min-height:0;margin-bottom:20px}
 #yf-portals .app-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:28px;align-items:center;padding-block:20px 28px;border-top:1px solid var(--line)}
 #yf-portals .app-example-scene{width:100%}
 #yf-portals .app-scene-art{min-height:415px;padding:25px 20px 38px}
}
@container studio (max-width:580px){
 #yf-portals .ownership-banner{padding:19px 18px;gap:13px;margin-bottom:27px}
 #yf-portals .ownership-symbol{width:32px;height:32px}
 #yf-portals .ownership-symbol svg{width:17px;height:17px}
 #yf-portals .ownership-banner h2{font-size:29px}
 #yf-portals .ownership-banner p{font-size:13px}
 #yf-portals .ownership-banner small{font-size:10px}
 #yf-portals .service-examples .case-heading h2{font-size:33px}
 #yf-portals .service-examples .app-example{display:block;padding-block:20px 27px}
 #yf-portals .app-example .case-heading{margin-bottom:18px}
 #yf-portals .app-scene-art{min-height:405px;padding:23px 20px 40px}
 #yf-portals .service-invitation-copy{font-size:13px}
 #yf-portals .coaching-example-link{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#yf-portals .app-scene-art .concept-phone,#yf-portals .app-example-scene:hover .concept-phone{transform:none!important;transition:none}}

/* Service pages lead with visuals, then ownership and possibilities. */
#yf-portals #yp-websites .service-hero,#yf-portals #yp-workspaces .service-hero{padding-block:20px 28px;margin-bottom:26px;gap:26px}
#yf-portals .service-examples .case-heading{min-height:100px;margin-bottom:10px}
#yf-portals .service-examples .case-heading h2{font-size:34px}
#yf-portals .service-examples+.ownership-banner{margin-top:12px;margin-bottom:38px}
#yf-portals .hq-intelligence{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px;align-items:center;margin-top:0;margin-bottom:25px;padding:32px 36px;background:linear-gradient(120deg,#292f25,#1d2925);overflow:hidden}
#yf-portals .hq-intelligence h2{font-size:52px;margin-bottom:14px}
#yf-portals .hq-intelligence p{font-size:13px;line-height:1.7;max-width:500px}
#yf-portals .hq-brain-points{gap:13px;margin-top:22px}
#yf-portals .hq-brain-points>div{gap:12px}
#yf-portals .hq-brain-points svg{width:21px;height:21px}
#yf-portals .hq-brain-points strong{font-size:12px;margin-bottom:3px}
#yf-portals .hq-brain-points small{font-size:11px}
/* Reuse the original workspace Brain plate and neural backdrop. */
#yf-portals .brain-visual{position:relative;isolation:isolate;margin:0;width:100%;min-height:390px;border:1px solid #d6c4a82e;border-radius:7px;background:#08070a;overflow:hidden;direction:ltr}
#yf-portals .workspace-brain-stage{position:absolute;inset:0 0 35px;overflow:hidden}
#yf-portals .workspace-brain-stage img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#yf-portals .workspace-brain-mesh{object-fit:cover;opacity:.25;transform:scale(1.32);mask-image:radial-gradient(ellipse at 50% 47%,#0008 0%,#000d 62%,#000 86%);animation:workspace-mesh-breathe 12s ease-in-out infinite}
#yf-portals .workspace-brain-halo{position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(ellipse,#e8e6e320,transparent 72%)}
#yf-portals .workspace-brain-art{object-fit:cover;mix-blend-mode:screen;animation:workspace-brain-glow 5.2s ease-in-out infinite,workspace-brain-drift 7.8s ease-in-out infinite}
#yf-portals .brain-visual figcaption{position:absolute;bottom:17px;inset-inline:15px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;color:#e9e4dc;z-index:1}
#yf-portals .brain-visual figcaption strong{font-size:12px;font-weight:500;letter-spacing:.03em}
#yf-portals .brain-visual figcaption span{font-size:9px;color:#b9b3a8;letter-spacing:.02em}
@keyframes workspace-brain-glow{0%,100%{filter:brightness(.94)}50%{filter:brightness(1.16)}}
@keyframes workspace-brain-drift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-.9%) scale(1.032)}}
@keyframes workspace-mesh-breathe{0%,100%{opacity:.2}50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){#yf-portals .workspace-brain-stage img{animation:none}}
#yf-portals .profile-status{display:inline-block;font-size:9px;letter-spacing:.05em;border:1px solid currentColor;border-radius:3px;padding:5px 8px;margin-bottom:17px;opacity:.8}
#yf-portals .hq-profile-coaching:before{content:'01'}#yf-portals .hq-profile-founder:before{content:'02'}
#yf-portals .custom-possibility{display:inline-flex;align-items:center;font-size:11px;color:var(--ink);border:1px solid var(--line);background:var(--wash);padding:8px 12px;border-radius:4px;margin-top:14px}
/* One photo treatment and aligned foreground previews across both explorers. */
#yf-portals .feature-art>.photo-concept{display:grid;place-items:center start;position:relative;isolation:isolate;min-height:410px;height:100%;padding:30px 26px 43px;text-align:start;gap:0;background:#333c31;overflow:hidden}
#yf-portals .feature-art>.photo-concept>.concept-photo{z-index:0;object-fit:cover;object-position:68% 50%;opacity:1;display:block}
#yf-portals .feature-art>.photo-concept:before{z-index:1;background:linear-gradient(90deg,#15211612,#15211605)}
#yf-portals .feature-art>.photo-concept>.concept-window{position:relative;z-index:2;width:min(280px,65%);justify-self:start;align-self:center;margin:0;transform:none;transition:transform .7s;background:#f6f2e6df;box-shadow:0 18px 40px #0003;border:1px solid #fff9;border-radius:7px;text-align:start}
#yf-portals .feature-art>.photo-concept:hover>.concept-window{transform:translateY(-3px)}
#yf-portals .feature-art>.photo-concept>.concept-phone{z-index:2;justify-self:start;margin:0 0 0 3%;transform:none}
#yf-portals .feature-art>.photo-concept:hover>.concept-phone{transform:translateY(-3px)}
#yf-portals .feature-art>.photo-concept>.concept-label{position:absolute;z-index:3;inset-inline:12px;bottom:12px;text-align:center;color:#fff;text-shadow:0 1px 6px #0009;font-size:9px}
#yf-portals .feature-art .concept-window>strong{font-size:27px;line-height:1.12;max-width:230px;margin-block:20px}
#yf-portals .concept-topline svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.3}
#yf-portals .concept-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px}
#yf-portals .concept-preview-lines{display:grid;gap:6px;margin-block:18px;opacity:.38}
#yf-portals .concept-preview-lines i{height:2px;width:100%;background:#748372}#yf-portals .concept-preview-lines i:nth-child(2){max-width:80%}#yf-portals .concept-preview-lines i:nth-child(3){max-width:58%}
#yf-portals .concept-next{font-size:19px;font-weight:400}
#yf-portals [data-hq-art=health-energy]>.concept-photo{object-position:85% 50%}
#yf-portals [data-hq-art=health-energy]>.concept-window{align-self:end}
#yf-portals[dir=rtl] .feature-art>.photo-concept>.concept-window,#yf-portals[dir=rtl] .feature-art>.photo-concept>.concept-phone{justify-self:start}
#yf-portals[dir=rtl] .feature-art .concept-window>strong{font-size:22px;line-height:1.3}
@container studio (max-width:900px){
 #yf-portals .hq-intelligence{grid-template-columns:minmax(0,1fr);gap:22px;padding:27px}
 #yf-portals .brain-visual{min-height:330px;grid-row:1}
 #yf-portals .hq-intelligence h2{font-size:45px}
 #yf-portals .hq-brain-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 #yf-portals .hq-brain-points>div{display:block}#yf-portals .hq-brain-points svg{margin-bottom:9px}
}
@container studio (max-width:580px){
 #yf-portals #yp-websites .service-hero,#yf-portals #yp-workspaces .service-hero{padding-block:16px 23px;gap:17px;margin-bottom:22px}
 #yf-portals .service-hero .hero-aside p{font-size:13px;line-height:1.7}
 #yf-portals .service-examples .case-heading{min-height:0;margin-bottom:15px}
 #yf-portals .hq-intelligence{padding:18px;gap:20px}
 #yf-portals .hq-intelligence h2{font-size:40px}
 #yf-portals[dir=rtl] .hq-intelligence h2{font-size:31px}
 #yf-portals .brain-visual{min-height:285px}
 #yf-portals .hq-brain-points{grid-template-columns:minmax(0,1fr);gap:14px}
 #yf-portals .hq-brain-points>div{display:flex}#yf-portals .hq-brain-points svg{margin:0}
 #yf-portals .feature-art>.photo-concept{height:350px;min-height:350px;padding:25px 18px 40px}
 #yf-portals .feature-art>.photo-concept>.concept-window{width:min(235px,68%);align-self:center;padding:15px}
 #yf-portals .feature-art .concept-window>strong{font-size:25px}
 #yf-portals[dir=rtl] .feature-art .concept-window>strong{font-size:20px}
 #yf-portals .feature-art>.photo-concept:has(.concept-phone){min-height:410px;height:410px}
 #yf-portals .feature-art>.photo-concept>.concept-phone{margin-left:4%}
 #yf-portals .profile-status{font-size:9px;margin-bottom:15px}
}
@media(prefers-reduced-motion:reduce){#yf-portals .feature-art>.photo-concept>.concept-window,#yf-portals .feature-art>.photo-concept:hover>.concept-window,#yf-portals .feature-art>.photo-concept>.concept-phone,#yf-portals .feature-art>.photo-concept:hover>.concept-phone{transform:none;transition:none}}
/* A single full-width grid track prevents inherited flex centering from shrinking the previews. */
#yf-portals .feature-art>.photo-concept{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-content:center}
#yf-portals .concept-preview-lines i:nth-child(2){max-width:80%}#yf-portals .concept-preview-lines i:nth-child(3){max-width:58%}
/* Keep the preview on the photograph's physical left in both languages. */
#yf-portals .feature-art>.photo-concept>.concept-window,#yf-portals .feature-art>.photo-concept>.concept-phone,#yf-portals[dir=rtl] .feature-art>.photo-concept>.concept-window,#yf-portals[dir=rtl] .feature-art>.photo-concept>.concept-phone{justify-self:left}
#yf-portals .profile-status{align-self:flex-start;width:max-content;max-width:100%}
/* Consistent photo scenes. Wide frames on desktop, shallow previews below faces on phones. */
#yf-portals .feature-art>.photo-concept{align-content:stretch;padding-bottom:38px}
#yf-portals .feature-art>.photo-concept>.concept-photo{filter:none;object-fit:cover;object-position:var(--photo-x,65%) var(--photo-y,35%)}
#yf-portals .feature-art>.photo-concept>.concept-window{align-self:end;width:min(245px,58%);padding:15px;justify-self:var(--preview-side,left)}
#yf-portals .feature-art .concept-window>strong{font-size:25px;line-height:1.12;margin-block:12px}
#yf-portals .concept-contact{margin-block:10px}
#yf-portals .concept-row{padding-block:9px}
#yf-portals .concept-board{min-height:70px}
#yf-portals .concept-board i{height:17px;margin-top:7px}
#yf-portals .club-screen .club-backdrop{object-position:66% 44%}
#yf-portals [data-hq-art=vision-life],#yf-portals [data-hq-art=custom-build],#yf-portals [data-feature-art=ai-connections]{--preview-side:right}
#yf-portals .feature-art>.photo-concept[data-hq-art=health-energy]>.concept-photo{filter:brightness(1.3)}
@container studio (max-width:580px){
 #yf-portals .feature-art>.photo-concept{padding:20px 16px 34px}
 #yf-portals .feature-art>.photo-concept>.concept-window{width:100%;padding:10px;align-self:end;justify-self:left}
 #yf-portals .feature-art .concept-window>strong{font-size:21px;line-height:1.1;max-width:none;margin-block:6px}
 #yf-portals[dir=rtl] .feature-art .concept-window>strong{font-size:18px;line-height:1.2}
 #yf-portals .feature-art .concept-topline,#yf-portals .feature-art .concept-editor,#yf-portals .feature-art .concept-preview-lines,#yf-portals .feature-art .concept-progress{display:none}
 #yf-portals .feature-art .concept-row{padding-block:5px;font-size:9px}
 #yf-portals .feature-art .concept-contact{margin-block:6px;font-size:9px;gap:7px}
 #yf-portals .feature-art .concept-avatar{width:22px;height:22px;font-size:7px}
 #yf-portals .feature-art .concept-board{min-height:35px;font-size:8px;gap:6px}
 #yf-portals .feature-art .concept-board>div{padding:4px}
 #yf-portals .feature-art .concept-board i{height:5px;margin-top:3px}
 #yf-portals .feature-art .concept-bars{height:36px;margin-block:7px}
 #yf-portals .feature-art .concept-lesson{margin-block:5px;padding:6px}
 #yf-portals .feature-art .concept-video{width:32px;height:24px}
}
/* Product first, then possibilities, then the intelligence behind the system. */
#yf-portals .hq-workspace-lead{margin:0 0 24px}
#yf-portals .hq-preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:12px}
#yf-portals .hq-preview-toolbar>.label{margin-inline-end:auto;margin-block:0}
#yf-portals .hq-expand{display:flex;align-items:center;gap:8px;font-size:11px;background:none;color:var(--ink);border:0;cursor:pointer}
#yf-portals .hq-expand svg{width:15px;height:15px}
#yf-portals .hq-workspace-lead .hq-demo{min-width:0;height:560px;grid-template-columns:160px minmax(0,1fr);grid-template-rows:minmax(0,1fr);direction:ltr}
#yf-portals .hq-workspace-lead .showcase-screen{overflow:hidden;border:1px solid var(--line);border-radius:7px}
#yf-portals .hq-preview-caption{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0}
#yf-portals .hq-intelligence{margin-block:44px 26px}
#yf-portals #yp-websites .service-hero,#yf-portals #yp-workspaces .service-hero{padding-block:12px 20px;margin-bottom:22px}
#yf-portals .service-examples .case-heading{min-height:0;margin-bottom:14px}
/* The full Brain remains inside its field; the original network reaches every edge. */
#yf-portals .brain-visual{min-height:420px;background:#08070a}
#yf-portals .workspace-brain-stage{inset:0}
#yf-portals .workspace-brain-mesh-layer{position:absolute;inset:0;transform:scale(1.12);mask-image:radial-gradient(ellipse at center,#0009,#000)}
#yf-portals .workspace-brain-stage .workspace-brain-mesh{object-fit:cover;opacity:.36;transform:none;animation:none}
#yf-portals .workspace-brain-signals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#yf-portals .workspace-brain-stage .workspace-brain-art{inset:22px 12px 62px;width:calc(100% - 24px);height:calc(100% - 84px);object-fit:contain}
#yf-portals .brain-visual figcaption{bottom:19px;text-shadow:0 1px 10px #000}
@container studio (max-width:780px){
 #yf-portals .hq-workspace-lead .hq-demo{height:470px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 #yf-portals .hq-workspace-lead .hq-demo-brand{padding-bottom:0}
 #yf-portals .hq-preview-toolbar{gap:9px}
 #yf-portals .hq-preview-toolbar>.label{flex-basis:100%}
 #yf-portals .hq-preview-toolbar .example-switch{margin-inline-end:auto}
 #yf-portals .brain-visual{min-height:310px}
}
/* Portrait and group compositions, with quiet space reserved for the small preview. */
#yf-portals [data-feature-art=shop]{--photo-x:70%;--photo-y:60%}
#yf-portals [data-feature-art=booking]{--photo-x:50%;--photo-y:25%}
#yf-portals [data-feature-art=content]{--photo-x:70%;--photo-y:18%;--preview-side:left}
#yf-portals [data-feature-art=apps]{--photo-x:0%;--photo-y:40%}
#yf-portals [data-feature-art=private-areas],#yf-portals [data-hq-art=people],#yf-portals [data-hq-art=projects],#yf-portals [data-hq-art=methods]{--photo-x:55%;--photo-y:30%}
#yf-portals [data-hq-art=content-growth]{--photo-x:80%;--photo-y:40%;--preview-side:left}
#yf-portals [data-hq-art=client-app]{--photo-x:0%;--photo-y:30%}
#yf-portals .feature-art>.photo-concept[data-hq-art=client-app]>.concept-phone{justify-self:right;margin:0}
#yf-portals .feature-art>.photo-concept:is([data-feature-art=booking],[data-feature-art=private-areas],[data-hq-art=people],[data-hq-art=projects],[data-hq-art=methods])>.concept-window{width:min(310px,90%);padding:12px}
#yf-portals .feature-art>.photo-concept:is([data-feature-art=booking],[data-feature-art=private-areas],[data-hq-art=people],[data-hq-art=projects],[data-hq-art=methods]) .concept-window>strong{font-size:22px;max-width:none;margin-block:8px}
#yf-portals .feature-art>.photo-concept:is([data-feature-art=booking],[data-feature-art=private-areas],[data-hq-art=people],[data-hq-art=projects],[data-hq-art=methods]) .concept-preview-lines{display:none}
#yf-portals .feature-art>.photo-concept[data-hq-art=projects] .concept-board{min-height:40px;font-size:8px}
#yf-portals .feature-art>.photo-concept[data-hq-art=projects] .concept-board>div{padding:4px}
#yf-portals .feature-art>.photo-concept[data-hq-art=projects] .concept-board i{height:6px;margin-top:4px}
#yf-portals .feature-art>.photo-concept[data-hq-art=content-growth]>.concept-window{width:min(235px,55%)}
#yf-portals .club-screen .club-backdrop{object-position:66% 44%}
@container studio (max-width:580px){
 #yf-portals .feature-art>.photo-concept:is([data-feature-art=booking],[data-feature-art=private-areas],[data-hq-art=people],[data-hq-art=projects],[data-hq-art=methods])>.concept-window,#yf-portals .feature-art>.photo-concept[data-hq-art=content-growth]>.concept-window{width:100%;padding:10px}
 #yf-portals .feature-art>.photo-concept:is([data-feature-art=booking],[data-feature-art=private-areas],[data-hq-art=people],[data-hq-art=projects],[data-hq-art=methods]) .concept-window>strong{font-size:21px;margin-block:6px}
 #yf-portals[dir=rtl] .feature-art>.photo-concept:is([data-feature-art=booking],[data-feature-art=private-areas],[data-hq-art=people],[data-hq-art=projects],[data-hq-art=methods]) .concept-window>strong{font-size:18px;line-height:1.2}
}
/* Keep the photographed faces clear of the illustrative interface. */
#yf-portals .feature-art>.photo-concept[data-hq-art=people]>.concept-window,
#yf-portals .feature-art>.photo-concept[data-feature-art=private-areas]>.concept-window{width:min(310px,90%);padding:10px 12px}
#yf-portals [data-hq-art=people] .concept-topline,
#yf-portals [data-feature-art=private-areas] .concept-topline,
#yf-portals [data-hq-art=health-energy] .concept-topline{display:none}
#yf-portals [data-hq-art=people] .concept-contact{margin-block:6px}
#yf-portals [data-hq-art=people] .concept-contact small{display:none}
#yf-portals [data-hq-art=people] .concept-row,
#yf-portals [data-feature-art=private-areas] .concept-row{padding-block:5px}
#yf-portals .feature-art>.photo-concept[data-hq-art=health-energy]>.concept-window{padding:12px;width:min(245px,60%)}
#yf-portals [data-hq-art=health-energy] .concept-window>strong{font-size:22px;margin-block:0 8px}
#yf-portals [data-hq-art=health-energy] .concept-bars{height:28px}
#yf-portals [data-hq-art=health-energy] .concept-row{padding-block:5px}
#yf-portals .club-screen .club-backdrop{object-position:54% 44%}
#yf-portals .club-intro{max-width:45cqw}
#yf-portals .club-heading{max-width:45cqw;font-size:10.5cqw}
#yf-portals[dir=rtl] .club-heading{font-size:10cqw}
@container studio (max-width:580px){
 #yf-portals [data-hq-art=client-app]{--photo-x:85%}
 #yf-portals .feature-art>.photo-concept[data-hq-art=content-growth]>.concept-window{align-self:start}
}

/* Preserve the airport-lounge subject in square mobile crops. */
#yf-portals [data-hq-art=vision-life]{--photo-x:0%;--photo-y:35%}

/* Independent public visual walkthrough: only room navigation is active. */
#yf-portals .hq-demo-frame{display:block;width:100%;height:665px;border:0;background:#ddd5c3;color-scheme:normal}
#yf-portals .hq-preview-toolbar .hq-expand{text-decoration:none;min-height:40px;padding-block:8px;border-bottom:1px solid var(--line);cursor:pointer}
@container studio (max-width:780px){#yf-portals .hq-demo-frame{height:650px}#yf-portals .hq-preview-toolbar>.label{max-width:100%}}

/* A direct invitation, alongside optional exploration. Existing palette and layouts stay intact. */
#yf-portals .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:18px}
#yf-portals .hero-actions .hero-explore{width:auto;border:0;margin:0;padding:8px 0;gap:9px;min-height:45px}
#yf-portals .ownership-cue{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;line-height:1.5;color:var(--sub)}
#yf-portals .ownership-cue svg{width:13px;height:13px;flex-shrink:0}
#yf-portals .hq-profile h3{margin-bottom:15px}
@container studio (max-width:580px){
 #yf-portals .hero-actions{gap:6px 16px;margin-top:13px}
 #yf-portals .ownership-cue{margin-top:8px}
}

/* Direct enquiry feedback follows the existing palette. */
#yf-portals .enquiry-honeypot{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
#yf-portals #enquiry-status{margin-top:15px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
#yf-portals #enquiry-status:empty{display:none}
#yf-portals #enquiry-status.is-success{padding:15px;border-inline-start:2px solid var(--ink);background:var(--paper);color:var(--ink)}
#yf-portals #enquiry-status.is-error{color:var(--accent)}
#yf-portals .contact-actions button:disabled{opacity:.7;cursor:wait}
#yf-portals #enquiry-status:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Shared rows align both examples, including their headings, previews and captions. */
#yf-portals .service-examples{grid-template-rows:auto auto auto;row-gap:14px;align-items:stretch}
#yf-portals .service-examples .example-block{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:14px;padding-bottom:25px}
#yf-portals .service-examples .case-heading{min-height:0;margin:0}
#yf-portals .case-action{display:inline-flex;margin-top:8px;min-height:36px;align-items:center}
#yf-portals .service-examples .example-caption{margin:0;align-self:start}
#yf-portals .app-example-scene{height:100%;min-height:0}
#yf-portals .app-scene-art{min-height:0;height:100%;padding:38px 20px}
#yf-portals .app-scene-art .concept-phone{width:180px;height:380px}
#yf-portals .ownership-banner{background:#542831;color:#f6f1e7;border-color:#542831;border-inline-start-color:#c1a47a}
#yf-portals .ownership-banner h2,#yf-portals .ownership-banner p{color:#f6f1e7}
#yf-portals .ownership-banner small{color:#decbd0}
#yf-portals .ownership-banner .ownership-symbol{color:#f6f1e7;border-color:#e6d5c655}
#yf-portals .hq-profile-founder{background:#303a2a;color:#f6f1e7;border-color:#303a2a}
#yf-portals .hq-profile-founder :is(h3,p,.label,.profile-status,.hq-profile-scopes){color:#f6f1e7}
#yf-portals .hq-profile-founder .profile-status{border-color:#d8dcc666}
/* The photo and the example have separate jobs and never obscure one another. */
#yf-portals .feature-spotlight{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}
#yf-portals .feature-art>.photo-concept{padding:0!important;min-height:360px!important;height:100%!important;display:block}
#yf-portals .feature-art>.photo-concept:before{background:linear-gradient(0deg,#111a110c,transparent)!important}
#yf-portals .feature-art>.photo-concept>.concept-photo{object-position:var(--photo-x,50%) var(--photo-y,35%)}
#yf-portals .feature-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}
#yf-portals .feature-copy h3{font-size:36px;margin-bottom:12px}
#yf-portals .feature-example{margin-block:18px 8px}
#yf-portals .feature-preview{display:flex;flex-direction:column;align-items:start;gap:10px}
#yf-portals .feature-preview>.concept-window{width:min(100%,340px);margin:0;transform:none!important;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 8px 28px #151b1510;padding:18px;border-radius:7px}
#yf-portals .feature-preview .concept-window>strong{display:block;font:29px/1.15 PortalDisplay,Arial,sans-serif;margin-block:14px}
#yf-portals[dir=rtl] .feature-preview .concept-window>strong{font-family:PortalHebrewDisplay,Arial,sans-serif;font-size:23px;line-height:1.3}
#yf-portals .feature-preview>.concept-label{position:static;font-size:9px;color:var(--sub);text-shadow:none}
#yf-portals .feature-preview .concept-phone{width:160px;height:340px;padding:0;transform:none;align-self:start;box-shadow:0 10px 24px #1112}
#yf-portals .feature-preview .concept-phone>.club-screen{position:absolute;inset:0}
#yf-portals .feature-preview.has-phone{align-items:center}
#yf-portals .feature-more{margin-top:10px}
@container studio (max-width:1050px){
 #yf-portals .service-examples{display:block}
 #yf-portals .service-examples .example-block{display:block;margin-bottom:24px;padding:0}
 #yf-portals .service-examples .case-heading{margin-bottom:15px}
 #yf-portals .service-examples .example-caption{margin-top:12px}
 #yf-portals .app-scene-art{min-height:430px}
}
@container studio (max-width:580px){
 #yf-portals .feature-spotlight{grid-template-columns:minmax(0,1fr)}
 #yf-portals .feature-art>.photo-concept{height:220px!important;min-height:220px!important}
 #yf-portals .feature-copy{padding:22px}
 #yf-portals .feature-copy h3{font-size:31px}
 #yf-portals[dir=rtl] .feature-copy h3{font-size:26px}
 #yf-portals .feature-example{margin-top:13px}
 #yf-portals .feature-preview>.concept-window{max-width:100%}
 #yf-portals .app-scene-art{min-height:410px}
}
/* Interface samples keep their own light surface in either site theme. */
#yf-portals .feature-preview>.concept-window{background:#f5f1e7;color:#293126}
#yf-portals .feature-preview .concept-window>strong{color:#293126}
#yf-portals .feature-preview .concept-topline,#yf-portals .feature-preview .concept-row{color:#5c6457}

/* Photography sits quietly beneath the existing option colours and controls. */
#yf-portals .feature-tile{isolation:isolate;background-color:var(--tile-color);background-image:none!important}
#yf-portals .feature-tile>.tile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:-3;opacity:.4;filter:saturate(.65);transition:transform .6s,opacity .35s;pointer-events:none}
#yf-portals .feature-tile:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(125deg,color-mix(in srgb,var(--tile-color) 93%,transparent),color-mix(in srgb,var(--tile-color) 55%,transparent));pointer-events:none}
#yf-portals .feature-tile>.tile-icon,#yf-portals .feature-tile>.tile-title{position:relative;z-index:1;text-shadow:0 1px 5px #0005}
#yf-portals .feature-tile:hover>.tile-photo{transform:scale(1.045);opacity:.62}
#yf-portals .feature-tile[aria-pressed=true]>.tile-photo{opacity:.58}
#yf-portals .feature-tile[data-feature-id=client-app]>.tile-photo{object-position:48% 27%}
#yf-portals .feature-tile[data-feature-id=apps]>.tile-photo{object-position:42% 28%}
#yf-portals [data-hq-art=client-app]{--photo-x:47%;--photo-y:23%}
#yf-portals [data-feature-art=private-areas]{--photo-x:8%;--photo-y:32%}
#yf-portals [data-feature-art=apps]{--photo-x:36%;--photo-y:24%}
@container studio (max-width:580px){
 #yf-portals [data-hq-art=client-app]{--photo-x:47%;--photo-y:22%}
 #yf-portals [data-feature-art=private-areas]{--photo-x:39%;--photo-y:30%}
 #yf-portals [data-feature-art=apps]{--photo-x:42%;--photo-y:26%}
}
@media(prefers-reduced-motion:reduce){#yf-portals .feature-tile>.tile-photo{transition:none;transform:none!important}}

/* One clear introduction for the room being explored. */
#yf-portals .hq-preview-toolbar{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(260px,1.3fr) auto;gap:28px;align-items:center;margin-bottom:20px}
#yf-portals .hq-preview-heading .label{font-size:10px;margin:0 0 10px}
#yf-portals .hq-preview-heading h2{font-size:38px;line-height:1.1;margin:0 0 15px}
#yf-portals .hq-full-preview{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border:1px solid var(--line);border-radius:5px;background:var(--wash);font-size:12px;min-height:42px;line-height:1.4}
#yf-portals .hq-full-preview svg{width:16px;height:16px;flex-shrink:0}
#yf-portals .hq-full-preview:hover{border-color:var(--ink)}
#yf-portals .hq-preview-guide{border-inline-start:1px solid var(--line);padding-inline-start:25px;min-width:0}
#yf-portals .hq-preview-guide h3{font:24px/1.2 PortalDisplay,Arial,sans-serif;letter-spacing:.015em;margin:0 0 8px}
#yf-portals .hq-preview-guide p{font-size:14px;line-height:1.7;margin:0;max-width:410px;color:var(--sub)}
#yf-portals[dir=rtl] .hq-preview-guide h3{font-family:PortalHebrewDisplay,Arial,sans-serif;font-size:21px;letter-spacing:0}
#yf-portals[dir=rtl] .hq-preview-heading h2{font-size:30px}
#yf-portals .hq-preview-toolbar .example-switch{align-self:start;margin:0;flex-wrap:nowrap}
/* Give the full photo more of the stage when its example is a narrow phone. */
#yf-portals .feature-spotlight.has-phone-preview{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}
#yf-portals .has-phone-preview .feature-copy{padding:28px 25px;justify-content:start}
#yf-portals .has-phone-preview .feature-copy h3{font-size:32px}
#yf-portals .has-phone-preview .feature-preview.has-phone{align-items:center}
#yf-portals .has-phone-preview .feature-example{margin-block:20px 15px}
#yf-portals .has-phone-preview .feature-more{margin-top:8px}
/* Ownership is a compact stamp at the top of the introduction. */
#yf-portals .service-hero .hero-aside{display:flex;flex-direction:column;gap:16px}
#yf-portals .ownership-cue{order:-1;position:relative;display:inline-flex;align-self:flex-end;gap:9px;margin:0 3px 0 auto;padding:10px 14px;color:var(--accent);border:1px solid var(--accent);border-radius:3px;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transform:rotate(1.5deg)}
#yf-portals .ownership-cue:after{content:'';position:absolute;inset:3px;border:1px dashed currentColor;opacity:.35;pointer-events:none}
#yf-portals .ownership-cue svg{width:15px;height:15px}
#yf-portals .about-wrap{max-width:1450px;margin-inline:auto;box-sizing:border-box}
#yf-portals[data-view=home] .about-wrap{max-width:none}
@container studio (min-width:751px){#yf-portals .top nav{gap:clamp(27px,3.4cqw,48px)}}
@container studio (max-width:950px){
 #yf-portals .hq-preview-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:18px 22px}
 #yf-portals .hq-preview-guide{grid-column:1/-1;grid-row:2;border:0;padding-inline-start:0}
 #yf-portals .hq-preview-heading h2{font-size:35px}
 #yf-portals .hq-preview-toolbar .example-switch{grid-column:2;grid-row:1}
}
@container studio (max-width:580px){
 #yf-portals .hq-preview-toolbar{gap:17px 12px;margin-bottom:16px}
 #yf-portals .hq-preview-heading .label{font-size:8px;margin-bottom:9px}
 #yf-portals .hq-preview-heading h2{font-size:29px;margin-bottom:13px}
 #yf-portals[dir=rtl] .hq-preview-heading h2{font-size:24px}
 #yf-portals .hq-full-preview{font-size:11px;padding:9px 11px;gap:10px;min-height:42px}
 #yf-portals .hq-preview-toolbar .example-switch{gap:3px;max-width:105px}
 #yf-portals .hq-preview-toolbar .example-switch button{padding:7px 8px;font-size:10px;min-height:40px}
 #yf-portals .hq-preview-guide h3{font-size:25px}
 #yf-portals .hq-preview-guide p{font-size:13px;line-height:1.65}
 #yf-portals .feature-spotlight.has-phone-preview{grid-template-columns:minmax(0,1fr)}
 #yf-portals .has-phone-preview .feature-copy{padding:22px}
 #yf-portals .has-phone-preview .feature-copy h3{font-size:30px}
 #yf-portals .has-phone-preview .feature-preview.has-phone{align-items:start}
 #yf-portals .service-hero .hero-aside{gap:14px}
 #yf-portals .ownership-cue{align-self:flex-start;margin:0 0 2px;padding:9px 13px;font-size:9px}
}

#yf-portals[data-appearance=dark] .ownership-cue{color:#decbb1;border-color:#bda185;background:#54283122}

/* The top labels identify the examples; no repeated captions beneath them. */
#yf-portals .service-examples{grid-template-rows:auto auto}
#yf-portals .service-examples .example-block{grid-row:span 2}

/* A foil ownership seal, engraved rather than a rectangular stamp. */
#yf-portals .ownership-cue.ownership-seal{width:104px;height:104px;flex:0 0 104px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px 14px;margin:0 0 0 auto;border:0;border-radius:50%;background:transparent url('/assets/ownership-gold-seal.svg') center/contain no-repeat;color:#60451f;font:600 9px/1.25 PortalSans,Arial,sans-serif;text-align:center;letter-spacing:.035em;text-transform:uppercase;transform:rotate(5deg);filter:drop-shadow(0 3px 2px #2b200e25);text-shadow:0 1px #f9e6b6,0 -1px #86623140}
#yf-portals .ownership-seal:after{display:none}
#yf-portals .ownership-seal>strong{font:700 8.5px/1.25 PortalSans,Arial,sans-serif;letter-spacing:.035em;max-width:72px}
#yf-portals .ownership-seal svg{width:20px;height:20px;stroke-width:1.4;filter:drop-shadow(0 1px #ffe6b2)}
#yf-portals[dir=rtl] .ownership-seal,#yf-portals[dir=rtl] .ownership-seal>strong{font-size:9px;letter-spacing:0}

/* One set of choices beside one photographic stage, shared by both services. */
#yf-portals .options-section>.section-heading{max-width:760px}
#yf-portals .options-section>.section-heading>p{max-width:680px;font-size:14px;line-height:1.75;margin-top:14px;color:var(--sub)}
#yf-portals .explorer-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.8fr);gap:22px;align-items:stretch}
#yf-portals .explorer-layout>.feature-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;margin:0}
#yf-portals .explorer-layout .feature-tile{min-height:140px;padding:18px 14px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:16px;transform:none;translate:none}
#yf-portals .explorer-layout .feature-tile>.tile-title{font-size:14px;line-height:1.35;font-weight:500;text-align:start}
#yf-portals .explorer-layout .feature-tile .tile-icon{width:35px;height:35px}
#yf-portals .explorer-layout .feature-tile .tile-icon svg{width:21px;height:21px}
#yf-portals .explorer-layout .feature-spotlight,#yf-portals .explorer-layout .feature-spotlight.has-phone-preview{position:relative;isolation:isolate;display:flex;align-items:end;justify-content:end;min-height:590px;padding:24px;background:none;overflow:hidden;border-radius:7px;box-sizing:border-box}
#yf-portals .explorer-layout .feature-art{position:absolute;inset:0;min-height:0;height:100%;padding:0;border-radius:0;background:none;z-index:-1}
#yf-portals .explorer-layout .feature-art>.photo-concept{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;margin:0;padding:0!important}
#yf-portals .explorer-layout .feature-art>.photo-concept:before{background:linear-gradient(0deg,#091d1330,transparent 55%)!important}
#yf-portals .explorer-layout .feature-copy{position:relative;align-self:end;width:min(300px,44%);padding:22px;border-radius:8px;border:1px solid #fff8;background:#f6f2e9e6;backdrop-filter:blur(22px);box-shadow:0 12px 36px #121d1529;color:#293126;box-sizing:border-box;justify-content:start}
#yf-portals .explorer-layout .feature-copy>.label{font-size:8px;color:#65705f;margin-bottom:8px}
#yf-portals .explorer-layout .feature-copy h3,#yf-portals .explorer-layout .has-phone-preview .feature-copy h3{font-size:28px;letter-spacing:.015em;line-height:1.1;margin-bottom:9px;color:#293126}
#yf-portals .explorer-layout .feature-copy>p{font-size:12px;line-height:1.6;color:#596250;max-width:none;margin:0}
#yf-portals .explorer-layout .feature-example,#yf-portals .explorer-layout .has-phone-preview .feature-example{margin:16px 0 3px}
#yf-portals .explorer-layout .feature-preview>.concept-window{width:100%;max-width:none;padding:13px;border-color:#80917435;background:#fffaf070;color:#293126;box-shadow:none;backdrop-filter:none;border-radius:5px;box-sizing:border-box}
#yf-portals .explorer-layout .feature-preview .concept-window>strong{font-size:23px;line-height:1.15;margin-block:12px;max-width:none}
#yf-portals .explorer-layout .concept-row{font-size:9px;padding-block:10px}
#yf-portals .explorer-layout .concept-topline{font-size:7px;letter-spacing:.06em;gap:8px}
#yf-portals .explorer-layout .feature-preview .concept-phone{width:126px;height:268px;margin:0;align-self:center}
#yf-portals .explorer-layout .feature-preview.has-phone{align-items:center}
#yf-portals .explorer-layout .feature-more{margin-top:11px;color:#596250;border-color:#80917440}
#yf-portals .explorer-layout .feature-more summary{font-size:11px;color:#293126;min-height:32px;display:flex;align-items:center;gap:9px}
#yf-portals .explorer-layout .feature-more p{font-size:11px;color:#596250;line-height:1.65;margin-top:10px}
#yf-portals .explorer-layout [data-active-feature=content-growth],#yf-portals .explorer-layout [data-active-feature=health-energy]{justify-content:start}
#yf-portals[dir=rtl] .explorer-layout [data-active-feature=content-growth],#yf-portals[dir=rtl] .explorer-layout [data-active-feature=health-energy]{justify-content:start}
#yf-portals[dir=rtl] .explorer-layout .feature-copy h3{font-size:24px;line-height:1.25;letter-spacing:0}
#yf-portals[dir=rtl] .explorer-layout .feature-preview .concept-window>strong{font-size:21px}
#yf-portals .service-next{display:flex;justify-content:center;align-items:center;gap:32px;padding:42px 0 24px;margin-block:28px 0;background:none;border:0;border-radius:0;box-shadow:none;text-align:center}
#yf-portals .service-next h2{font-size:48px;margin:0;line-height:1.12;max-width:700px}
#yf-portals .service-next .button{flex-shrink:0;width:auto;margin:0;min-height:48px}

/* A real phone silhouette with a small, browsable five-screen app concept. */
#yf-portals .app-scene-art{display:grid;grid-template-columns:44px minmax(0,210px) 44px;justify-content:center;align-items:center;gap:8px;padding:34px 12px;min-height:515px;direction:ltr}
#yf-portals .app-scene-art .concept-phone,#yf-portals .app-example-scene:hover .concept-phone{width:210px;height:446px;max-width:100%;transform:none;touch-action:pan-y;user-select:none;cursor:grab;box-shadow:0 22px 48px #0d222d66}
#yf-portals .app-scene-art .concept-phone:active{cursor:grabbing}
#yf-portals .app-screen-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;background:#f8f4e91a;backdrop-filter:blur(10px);color:#fff8e9;border:1px solid #fff8;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}
#yf-portals .app-screen-arrow svg{width:22px;height:22px}
#yf-portals .app-screen-arrow:hover{background:#f8f4e933;transform:scale(1.06)}
#yf-portals .app-screen-arrow:focus-visible,#yf-portals [data-app-demo]:focus-visible{outline:2px solid #f2dc9e;outline-offset:5px}
#yf-portals [data-app-demo] .club-content{gap:4cqw;padding-top:19cqw;padding-bottom:5cqw}
#yf-portals [data-app-demo] .app-view{flex:1;min-height:0;display:flex;flex-direction:column;gap:5cqw}
#yf-portals [data-app-demo] .club-intro{padding-top:4cqw}
#yf-portals [data-app-demo] .club-heading{font-size:12cqw;max-width:85cqw}
#yf-portals [data-app-demo] .club-nav{flex-shrink:0;padding-top:2cqw;margin-top:auto}
#yf-portals [data-app-demo] .club-nav-item{border:0;background:transparent;cursor:pointer;min-height:40px;justify-content:center;padding:2cqw 0;white-space:normal;font-size:3.5cqw}
#yf-portals [data-app-demo] .club-nav-item.is-current{background:#e8e69d22;color:#f2e6a7}
#yf-portals [data-app-demo] .club-nav-item:focus-visible{outline:1px solid #e8e69d;outline-offset:-1px;border-radius:3px}
#yf-portals [data-app-demo] .club-screen:not([data-active-screen=home]):before{background:#12373dee}
#yf-portals [data-app-demo] .app-view-heading{display:block;padding-top:5cqw}
#yf-portals [data-app-demo] .app-view-heading>small{display:block;font:500 4cqw/1.4 PortalSans,Arial,sans-serif;letter-spacing:.08em;color:#e1d49f;margin-bottom:3cqw}
#yf-portals [data-app-demo] .app-view-heading>strong{display:block;font:500 12cqw/1.08 PortalSans,Arial,sans-serif;color:#fff;letter-spacing:-.03em}
#yf-portals [data-app-demo] .app-course{display:block;border-radius:4cqw;overflow:hidden;border:1px solid #fff4;background:#ffffff0d}
#yf-portals [data-app-demo] .app-course>img{display:block;width:100%;height:29cqw;object-fit:cover;object-position:50% 32%;pointer-events:none}
#yf-portals [data-app-demo] .app-course>span{display:flex;flex-direction:column;padding:4cqw;gap:2cqw}
#yf-portals [data-app-demo] .app-course small,#yf-portals [data-app-demo] .app-note small{font:400 4cqw/1.4 PortalSans,Arial,sans-serif;color:#cadbd7}
#yf-portals [data-app-demo] .app-course strong,#yf-portals [data-app-demo] .app-note strong{font:500 6cqw/1.25 PortalSans,Arial,sans-serif;color:#fff}
#yf-portals [data-app-demo] .app-progress{height:1cqw;border-radius:1cqw;background:#ffffff28;margin-block:2cqw}
#yf-portals [data-app-demo] .app-progress i{display:block;width:33.3%;height:100%;background:#e1d49f;border-radius:inherit}
#yf-portals [data-app-demo] .app-note{display:flex;gap:3cqw;align-items:center;padding:4cqw;border:1px solid #fff3;background:#ffffff0c;border-radius:3cqw}
#yf-portals [data-app-demo] .app-note>svg{width:8cqw;height:8cqw;flex-shrink:0;color:#e1d49f}
#yf-portals [data-app-demo] .app-note>span{display:flex;flex-direction:column;gap:2cqw}
#yf-portals [data-app-demo] .app-week{display:grid;grid-template-columns:repeat(5,1fr);gap:2cqw}
#yf-portals [data-app-demo] .app-week>span{display:flex;flex-direction:column;align-items:center;padding:3cqw 0;gap:3cqw;border:1px solid #fff3;border-radius:3cqw;font:400 4cqw/1 PortalSans,Arial,sans-serif;color:#cfe0da}
#yf-portals [data-app-demo] .app-week b{font-size:7cqw;font-weight:500;color:#fff}
#yf-portals [data-app-demo] .app-week .is-today{background:#e1d49f24;border-color:#e1d49f}
#yf-portals [data-app-demo] .app-session-card{display:flex;flex-direction:column;gap:4cqw;padding:5cqw;border:1px solid #e1d49f66;border-radius:4cqw;background:#e1d49f13;font:400 5cqw/1.3 PortalSans,Arial,sans-serif;color:#d8e5df}
#yf-portals [data-app-demo] .app-session-card>small{font-size:3.9cqw;color:#e1d49f}
#yf-portals [data-app-demo] .app-session-card>strong{font:500 9cqw/1.1 PortalSans,Arial,sans-serif;color:#fff}
#yf-portals [data-app-demo] .app-session-faces{display:flex;gap:3cqw;align-items:center;font-size:4cqw;line-height:1.45}
#yf-portals [data-app-demo] .app-session-faces>img{width:14cqw;height:14cqw;border-radius:50%;object-fit:cover;object-position:66% 25%;flex-shrink:0;pointer-events:none}
#yf-portals [data-app-demo] .app-message{display:flex;gap:3cqw;align-items:start;padding:5cqw 0;border-bottom:1px solid #fff3}
#yf-portals [data-app-demo] .app-message>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3cqw}
#yf-portals [data-app-demo] .app-message strong{font:500 6cqw/1.2 PortalSans,Arial,sans-serif;color:#fff}
#yf-portals [data-app-demo] .app-message small{font:400 5cqw/1.4 PortalSans,Arial,sans-serif;color:#d2e0d9}
#yf-portals [data-app-demo] .app-message em{font:400 4cqw/1.2 PortalSans,Arial,sans-serif;color:#9fbdb7}
#yf-portals [data-app-demo] .app-message>i{width:2cqw;height:2cqw;background:#e1d49f;border-radius:50%;margin-top:2cqw}
#yf-portals [data-app-demo] .app-message-avatar{display:grid;place-items:center;width:15cqw;height:15cqw;border-radius:50%;background:#e1d49f;color:#244749;font:italic 9cqw/1 Georgia,serif;flex-shrink:0}
#yf-portals [data-app-demo] .app-message-community{background:#839b8b;color:#fff}
#yf-portals [data-app-demo] .app-inbox-note{font-size:5cqw;line-height:1.5;color:#a3bdb7;margin-top:auto;padding-bottom:4cqw}
#yf-portals [data-app-demo] .app-profile{display:flex;flex-direction:column;align-items:center;gap:2cqw;padding-block:2cqw}
#yf-portals [data-app-demo] .app-profile>img{width:28cqw;height:28cqw;object-fit:cover;object-position:66% 26%;border-radius:50%;border:1px solid #e1d49f;pointer-events:none}
#yf-portals [data-app-demo] .app-profile>strong{font:500 7cqw/1.3 PortalSans,Arial,sans-serif;color:#fff}
#yf-portals [data-app-demo] .app-profile>small{font-size:4cqw;color:#d1e1da}
#yf-portals [data-app-demo] .app-profile-stats{display:grid;grid-template-columns:1fr 1fr;text-align:center;border-block:1px solid #fff3;padding-block:4cqw}
#yf-portals [data-app-demo] .app-profile-stats>span{display:flex;flex-direction:column;gap:2cqw;font-size:4cqw;color:#d1e1da}
#yf-portals [data-app-demo] .app-profile-stats b{font:500 10cqw/1 PortalSans,Arial,sans-serif;color:#e1d49f}
#yf-portals[dir=rtl] [data-app-demo] .app-view-heading>strong{font-size:10cqw;letter-spacing:0;line-height:1.2}
@container studio (max-width:1000px){
 #yf-portals .explorer-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:16px}
 #yf-portals .explorer-layout .feature-copy{width:58%;padding:18px}
 #yf-portals .explorer-layout .feature-tile{min-height:140px;padding:15px 12px}
}
@container studio (max-width:760px){
 #yf-portals .explorer-layout{display:block}
 #yf-portals .explorer-layout>.feature-tiles{grid-template-rows:repeat(4,auto);margin-bottom:16px}
 #yf-portals .explorer-layout .feature-tile{min-height:94px;flex-direction:row;align-items:center;justify-content:start;gap:12px;padding:14px}
 #yf-portals .explorer-layout .feature-spotlight,#yf-portals .explorer-layout .feature-spotlight.has-phone-preview{min-height:550px}
 #yf-portals .explorer-layout .feature-copy{width:48%}
 #yf-portals .service-next{gap:23px}
 #yf-portals .service-next h2{font-size:37px}
}
@container studio (max-width:580px){
 #yf-portals .ownership-cue.ownership-seal{width:94px;height:94px;flex-basis:94px;align-self:flex-start;margin:0;padding:17px 12px;font-size:7.5px;gap:3px}
 #yf-portals .ownership-seal>strong{font-size:7.5px}
 #yf-portals .ownership-seal svg{width:18px;height:18px}
 #yf-portals .options-section>.section-heading>p{font-size:13px;line-height:1.7}
 #yf-portals .explorer-layout .feature-tile>.tile-title{font-size:12px}
 #yf-portals .explorer-layout .feature-tile .tile-icon{width:29px;height:29px;flex-shrink:0}
 #yf-portals .explorer-layout .feature-spotlight,#yf-portals .explorer-layout .feature-spotlight.has-phone-preview{display:block;min-height:0;padding:250px 13px 13px;background:transparent;overflow:visible}
 #yf-portals .explorer-layout .feature-art{height:290px;border-radius:7px;overflow:hidden}
 #yf-portals .explorer-layout .feature-copy,#yf-portals .explorer-layout .has-phone-preview .feature-copy{width:100%;padding:20px;box-shadow:0 8px 25px #121d1518;backdrop-filter:blur(16px);background:#f6f2e9f0}
 #yf-portals .explorer-layout .feature-copy h3,#yf-portals .explorer-layout .has-phone-preview .feature-copy h3{font-size:29px}
 #yf-portals .explorer-layout .feature-preview>.concept-window{padding:14px}
 #yf-portals .explorer-layout .feature-preview .concept-phone{width:136px;height:290px}
 #yf-portals .explorer-layout .feature-more summary{min-height:44px}
 #yf-portals .service-next{flex-direction:column;gap:20px;padding:33px 0 13px}
 #yf-portals .service-next h2{font-size:36px}
 #yf-portals .service-next .button{min-width:150px;margin:0}
 #yf-portals .app-scene-art{grid-template-columns:44px minmax(0,190px) 44px;gap:3px;padding:28px 4px;min-height:464px}
 #yf-portals .app-scene-art .concept-phone,#yf-portals .app-example-scene:hover .concept-phone{width:190px;height:404px}
}
@media(prefers-reduced-motion:reduce){#yf-portals .app-screen-arrow{transition:none;transform:none!important}}
#yf-portals .app-screen-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#yf-portals .app-scene-art .concept-phone,#yf-portals .app-example-scene:hover .concept-phone{width:100%;height:auto;aspect-ratio:210/446}
#yf-portals .service-next+.crossover{display:block;width:fit-content;max-width:100%;margin:0 auto 40px;text-align:center;line-height:1.7}

#yf-portals .explorer-layout .feature-spotlight{direction:ltr}
#yf-portals[dir=rtl] .explorer-layout .feature-copy{direction:rtl}
#yf-portals [data-app-demo] .app-view-sessions{gap:3cqw}
#yf-portals [data-app-demo] .app-session-card{gap:3cqw}
#yf-portals [data-app-demo] .app-person-avatar{display:block;width:14cqw;height:14cqw;flex-shrink:0;border-radius:50%;background:url('/assets/creative-energy.webp') 64% 9%/500% auto;border:1px solid #e1d49f77}
#yf-portals [data-app-demo] .app-profile>.app-person-avatar{width:28cqw;height:28cqw}
/* Place the glass in the quiet part of each composition, in either language. */
#yf-portals .explorer-layout [data-active-feature=booking]{justify-content:center}
#yf-portals .explorer-layout [data-active-feature=content],#yf-portals .explorer-layout [data-active-feature=methods]{justify-content:start}
#yf-portals [data-feature-art=content]{--photo-y:18%}
@container studio (min-width:581px) and (max-width:1150px){
 #yf-portals .explorer-layout{display:block}
 #yf-portals .explorer-layout>.feature-tiles{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);margin-bottom:16px}
 #yf-portals .explorer-layout .feature-tile{min-height:112px;padding:15px;flex-direction:column;align-items:start;justify-content:space-between}
 #yf-portals .explorer-layout .feature-copy{width:min(300px,44%)}
}
/* The opportunity portrait needs more open space above its compact contact card. */
#yf-portals [data-active-feature=people] .concept-window>.concept-topline,#yf-portals [data-active-feature=people] .concept-window>strong{display:none}