/* Destinations at the beginning of the studio journey. */
.header-explore{display:none}
.portals{position:relative;background:#0b1012;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.portals:before{content:"";position:absolute;inset:0 0 auto;height:220px;pointer-events:none;background:radial-gradient(ellipse at 75% 0%,#34515925,transparent 70%)}
.portals-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:52px}
.portals-heading .eyebrow{color:#a9bec1}
.portals-heading h2{font-size:clamp(46px,5.3vw,86px);margin-top:23px;line-height:.92}
.portals-heading h2 em{font-size:1.2em;color:#c6dfe2}
.portals-heading>p{color:#aebdbd;font-size:16px;line-height:1.7;padding-bottom:4px}
.portals-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#ffffff2b;border:1px solid #ffffff2b}
.portal-card{grid-column:span 2;min-height:245px;background:#10191d;padding:29px 31px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:background .25s ease}
a.portal-card:hover,.portal-card:focus-within{background:#18292d}
.portal-card .eyebrow{color:#9eb7ba;font-size:10px;letter-spacing:.16em}
.portal-card-title{font-size:clamp(22px,2.1vw,34px);letter-spacing:-.045em;line-height:1.13;margin-top:40px;display:flex;justify-content:space-between;gap:14px;width:100%}
.portal-card-title span{font-size:23px;color:#b8d6d9;transition:transform .2s ease}
a.portal-card:hover .portal-card-title span,.portal-card-title:hover span{transform:translate(3px,-3px)}
.portal-card-detail{display:block;margin-top:16px;color:#b3c0bf;font-size:13px;line-height:1.6;max-width:345px}
.portal-card-detail strong{font-weight:600;color:#f2f6f4;white-space:nowrap}
.portal-project{grid-column:span 3;background:#c9dadc;color:#102125}
.portals-grid>.portal-card[data-portal="subject_8"]{grid-column:span 3}
.portal-project:hover{background:#d9e7e8!important}
.portal-project .eyebrow,.portal-project .portal-card-title span,.portal-project .portal-card-detail{color:#3d5d62}
.portal-project .portal-card-title{font-size:clamp(28px,2.8vw,44px)}
.portal-runway{grid-column:span 2}
.portal-runway .portal-card-title{max-width:100%;color:var(--ink)}
.portal-copy-code{margin-top:16px;border:1px solid #a6c0c4;padding:8px 12px;color:#d7e8e9;font-size:11px;letter-spacing:.08em;min-height:38px}
.portal-copy-code:hover{background:#c9dadc;color:#102125}
.portal-code-status{font-size:11px;color:#c4dcdf;margin-top:7px}
.portal-code-status:empty{display:none}
@media(max-width:1000px){.portals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-card,.portal-project,.portal-runway,.portals-grid>.portal-card[data-portal="subject_8"]{grid-column:span 1}.portal-card{min-height:225px}.portal-project{grid-column:span 2;min-height:210px}.portal-runway{min-height:225px}}
@media(max-width:700px){.site-header{gap:11px}.header-explore{display:flex;font-size:12px;align-items:center;gap:5px;color:#d6e7e8;margin-left:auto}.header-enquiry{gap:5px}.header-enquiry span{font-size:17px}.portals{padding-top:64px;padding-bottom:68px}.portals-heading{display:block;margin-bottom:30px}.portals-heading h2{font-size:clamp(41px,11vw,64px);margin-top:15px}.portals-heading>p{margin-top:20px;font-size:14px}.portals-grid{display:block;background:none;border:0}.portal-card,.portal-project,.portal-runway{min-height:0;margin-bottom:1px;padding:23px 22px;background:#142025}.portal-project{background:#c9dadc}.portal-card-title,.portal-project .portal-card-title{font-size:26px;margin-top:15px}.portal-card-detail{font-size:12px;margin-top:10px}.portal-runway{padding-bottom:24px}.portal-copy-code{margin-top:15px}.hero-bottom .scroll-cue{font-size:11px}}
@media(max-width:380px){.header-explore{font-size:11px}.header-enquiry{font-size:11px}.wordmark img{width:105px}.portal-card-title,.portal-project .portal-card-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.portal-card,.portal-card-title span{transition:none}}
.entry-dialog .entry-privacy{color:#aebdbc;font-size:12px;line-height:1.6;margin:0}
.entry-dialog .entry-privacy a{text-decoration:underline;text-underline-offset:3px}

/* Featured digital product (The Subject 8 Reset) - full-width first card, same palette as the portals */
.portal-product{grid-column:span 6;min-height:0;flex-direction:row;align-items:center;gap:38px;padding:28px 31px;overflow:hidden}
.portal-product-cover{width:250px;height:324px;flex:none;object-fit:cover;object-position:center top;box-shadow:0 18px 40px #0008;transition:transform .6s ease}
a.portal-product:hover .portal-product-cover{transform:scale(1.03)}
.portal-product-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.portal-product .portal-card-title{margin-top:18px}
.portal-product-sub{color:#c6dfe2;font-size:15px;letter-spacing:.02em;margin-top:6px}
.portal-product .portal-card-detail{max-width:620px}
.portal-product-price{margin-top:18px;display:flex;align-items:baseline;gap:10px;font-size:26px;letter-spacing:-.03em}
.portal-product-price s{color:#7f9396;font-size:18px}
.portal-product-price strong{color:#fff;font-weight:600}
.portal-product-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#0b1012;background:#c6dfe2;padding:4px 8px;border-radius:2px}
.portal-product-buy{margin-top:18px;display:inline-block;border:1px solid #c6dfe2;color:#fff;padding:11px 26px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:background .25s ease,color .25s ease}
a.portal-product:hover .portal-product-buy{background:#c6dfe2;color:#0b1012}
@media (max-width:760px){.portal-product{flex-direction:column;align-items:flex-start;gap:24px;padding:24px 22px}.portal-product-cover{width:200px;height:259px}}

@media(max-width:1000px){.portals-grid>.portal-product{grid-column:1/-1}}

/* Lift the workbook: featured row above the portals heading + 'New' link in the hero (2026-09-28) */
.portals-featured{margin-bottom:56px}
.portals-featured>.portal-product{grid-column:1/-1}
#reset{scroll-margin-top:90px}
.hero-offer{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:10px 16px 10px 10px;border:1px solid #c6dfe266;background:#0b1012b3;backdrop-filter:blur(6px);color:#e8f1f2;font-size:13px;letter-spacing:.02em;text-decoration:none;transition:background .25s ease,border-color .25s ease}
.hero-offer:hover{background:#18292dcc;border-color:#c6dfe2}
.hero-offer-new{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#0b1012;background:#c6dfe2;padding:4px 8px}
.hero-offer-price{color:#fff;font-weight:600}.hero-offer-price s{color:#8fa3a6;font-weight:400;margin-right:4px}
@media (max-width:700px){.hero-offer{font-size:12px;gap:9px;flex-wrap:wrap;max-width:100%}}

/* The Subject 8 Reset moved into the portals grid as card 06; the wallpaper pack leads the featured row (2026-10-02) */
.portals-grid>.portal-reset{grid-column:1/-1;min-height:0}
.portal-reset .portal-card-detail s{color:#7f9396}.portal-reset .portal-card-detail strong{color:#fff}

/* Phone cases hero card (2026-10-17) */
.case-card{margin-top:26px;display:flex;align-items:center;gap:18px;padding:14px 18px 14px 14px;max-width:520px;border:1px solid #c6dfe266;background:#0b1012b3;backdrop-filter:blur(6px);color:#e8f1f2}.case-card+.case-card{margin-top:12px}.case-thumbs{display:flex;align-items:flex-end;gap:2px;flex:none;text-decoration:none;transition:transform .2s}.case-thumbs:hover{transform:translateY(-2px)}.case-thumbs:focus-visible,.case-card-title:focus-visible{outline:2px solid #c6dfe2;outline-offset:3px}.case-card-title{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none}.case-card-title:hover strong{text-decoration:underline;text-underline-offset:3px}.case-thumbs img{height:92px;width:auto;display:block;filter:drop-shadow(0 8px 14px #000a)}.case-card-copy{display:flex;flex-direction:column;gap:8px}.case-card-copy strong{font-size:15px;font-weight:500;letter-spacing:.02em}.case-card-copy small{color:#9caeb0;font-size:12px}.case-card-links{display:flex;gap:10px;flex-wrap:wrap}.case-card-links a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;text-decoration:none;border:1px solid #c6dfe2;color:#e8f1f2}.case-card-links a.primary{background:#c6dfe2;color:#0b1012}.case-card-links a:hover,.case-card-links a:focus-visible{background:#e8f1f2;color:#0b1012;outline:none}@media (max-width:700px){.case-card{gap:12px;padding:10px;max-width:100%}.case-thumbs img{height:64px}.case-card .hero-offer-new,.case-card-copy small{display:none}.case-card-copy{gap:6px}.case-card-copy strong{font-size:14px}.case-card-links a{padding:7px 9px;font-size:10px;letter-spacing:.1em}}