*{box-sizing:border-box}
html{background:#05080b;color:#f2eee6}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 50% -10%,#172531 0,#091017 42%,#05080b 100%);min-height:100vh;color:#f2eee6}
body.modal-open{overflow:hidden}
.shell{width:min(100%,920px);margin:0 auto;min-height:100vh;background:linear-gradient(180deg,rgba(9,13,18,.1),rgba(5,8,11,.38))}
.hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hero-media{position:absolute;inset:0}
.hero-image{--hero-image:url('/media/hero.jpg');position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(3,5,8,.01),rgba(3,5,8,.18)),var(--hero-image),radial-gradient(circle at 70% 28%,#6a4b2a 0,#17222b 36%,#081016 78%);background-size:cover;background-position:center 40%;transform:scale(1.01)}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.25) 0,rgba(4,7,10,.09) 44%,rgba(4,7,10,0) 68%,rgba(4,7,10,.1) 100%),linear-gradient(180deg,rgba(3,5,8,0) 42%,rgba(7,16,24,.64) 96%)}
.hero-copy{position:relative;z-index:2;padding:38px 28px 44px;width:min(100%,760px)}
.eyebrow,.tagline,.side-note,.footer-line,.link-subtitle{margin:0}
.eyebrow{font-size:.69rem;letter-spacing:.24em;text-transform:uppercase;color:#c0c9ce;font-weight:600}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(4.6rem,15vw,9rem);line-height:.76;letter-spacing:.015em;margin:16px 0 20px;text-shadow:0 5px 28px rgba(0,0,0,.45)}
.tagline{font-size:clamp(1rem,2.4vw,1.2rem);color:#e6e0d7;max-width:650px}
.side-note{margin-top:18px;color:#c0c9ce;font-family:'Cormorant Garamond',serif;font-size:1.28rem;font-style:italic}
.links-section{padding:24px 18px 10px}
.primary-cta,.link-card{display:flex;align-items:center;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(18,29,39,.93),rgba(7,11,16,.97));backdrop-filter:blur(14px);box-shadow:0 18px 42px rgba(0,0,0,.28);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.primary-cta:hover,.link-card:hover{transform:translateY(-2px);border-color:rgba(65,200,255,.5);box-shadow:0 20px 50px rgba(0,0,0,.34)}
.primary-cta{min-height:88px;padding:16px 18px;border-radius:18px;margin-bottom:16px;border-color:rgba(54,188,244,.7);box-shadow:0 0 0 1px rgba(54,188,244,.1),0 0 28px rgba(24,161,214,.13),0 18px 42px rgba(0,0,0,.28)}
.primary-cta .x-mark{font-size:1.5rem;margin-right:15px}.primary-cta strong{display:block;font-size:1.02rem}.primary-cta small{display:block;margin-top:4px;color:#9eabb4;letter-spacing:.09em;text-transform:uppercase;font-size:.63rem}.arrow{margin-left:auto;font-size:1.28rem;color:#d5dde1}
.link-list{display:grid;gap:12px}.link-card{min-height:100px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer}.link-card[data-featured="true"]{border-color:rgba(208,164,95,.44)}.link-card[data-featured="true"]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(178,116,46,.08),transparent 44%)}.link-thumb{width:104px;align-self:stretch;background:linear-gradient(135deg,#24343f,#10171e);background-position:center;background-size:cover;flex:none}.link-copy{padding:15px 16px;min-width:0;flex:1}.link-title-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.link-title{font-family:'Cormorant Garamond',serif;font-size:1.65rem;line-height:1;margin:0}.link-badge{font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:4px 7px;color:#c5ced3}.link-badge:empty{display:none}.link-subtitle{font-size:.79rem;line-height:1.35;color:#aab4bb;margin-top:7px}.link-card>.arrow{padding-right:16px}
.footer{padding:38px 26px 46px;text-align:center;color:#8e99a1;background:linear-gradient(180deg,transparent,rgba(4,7,10,.3))}.footer:before{content:"";display:block;width:64px;height:1px;margin:0 auto 26px;background:linear-gradient(90deg,transparent,#42bce8,transparent)}.footer-quote{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-style:italic;margin:0 0 14px;color:#cfc8bd}.footer-quote:empty{display:none}.footer-line{text-transform:uppercase;letter-spacing:.2em;font-size:.6rem}.footer-admin{display:inline-block;margin-top:24px;color:#626f78;font-size:.66rem;text-decoration:none}.footer-admin:hover{color:#aeb8bf}
.collection-dialog{width:min(980px,calc(100% - 28px));max-height:min(90vh,980px);padding:0;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#081017;color:#f2eee6;box-shadow:0 34px 100px rgba(0,0,0,.72);overflow:hidden}.collection-dialog::backdrop{background:rgba(1,4,7,.78);backdrop-filter:blur(8px)}.collection-panel{display:flex;flex-direction:column;max-height:min(90vh,980px)}.collection-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 20px;background:linear-gradient(180deg,rgba(12,22,30,.99),rgba(8,16,23,.97));border-bottom:1px solid rgba(255,255,255,.09)}.collection-heading{min-width:0}.collection-kicker{margin:0 0 6px;color:#48c9f7;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.collection-title{margin:0;font-family:'Cormorant Garamond',serif;font-size:2.5rem;line-height:1}.collection-intro{margin:10px 0 0;color:#aeb9c0;font-size:.84rem;line-height:1.45}.collection-close{flex:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#101922;color:#eef3f5;font-size:1.25rem;cursor:pointer}.collection-close:hover{border-color:rgba(72,201,247,.5)}
.collection-posts{overflow:auto;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.collection-posts[data-kind="media"]{grid-template-columns:1fr}.collection-empty{grid-column:1/-1;margin:18px 0;padding:24px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;color:#9daab3;text-align:center;font-size:.82rem;line-height:1.5}
.portfolio-card{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:linear-gradient(180deg,#0e1720,#081017);color:inherit;text-decoration:none;box-shadow:0 18px 38px rgba(0,0,0,.25);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.portfolio-card:hover{transform:translateY(-3px);border-color:rgba(72,201,247,.48);box-shadow:0 24px 48px rgba(0,0,0,.34)}.portfolio-card-media{position:relative;aspect-ratio:16/8.7;background:linear-gradient(135deg,#1d2b35,#0a1117);background-size:cover;background-position:center}.portfolio-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,9,13,.42) 100%);pointer-events:none}.portfolio-x-badge{position:absolute;right:12px;top:12px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(3,7,10,.76);border:1px solid rgba(255,255,255,.18);font-size:1rem;backdrop-filter:blur(8px)}.portfolio-card-body{padding:17px 18px 19px}.portfolio-card-meta{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#63cbef;font-weight:700}.portfolio-card h3{margin:8px 0 7px;font-family:'Cormorant Garamond',serif;font-size:1.65rem;line-height:1.05}.portfolio-card p{margin:0;color:#aeb8bf;font-size:.78rem;line-height:1.45}.portfolio-card-cta{display:inline-block;margin-top:15px;color:#f1ede5;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.portfolio-card-media:hover .portfolio-x-badge{border-color:rgba(72,201,247,.5)}.portfolio-card-media+.portfolio-card-body{}
.collection-posts[data-kind="media"] .portfolio-card{display:grid;grid-template-columns:minmax(220px,42%) 1fr}.collection-posts[data-kind="media"] .portfolio-card-media{aspect-ratio:auto;min-height:210px}.collection-posts[data-kind="media"] .portfolio-card-body{display:flex;flex-direction:column;justify-content:center;padding:24px}.collection-posts[data-kind="media"] .portfolio-card h3{font-size:2rem}.collection-posts[data-kind="media"] .portfolio-card-cta{margin-top:18px}
@media (min-width:720px){body{padding:28px}.shell{border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;box-shadow:0 32px 110px rgba(0,0,0,.4)}.hero{min-height:650px}.hero-copy{padding:52px 50px 58px}.links-section{padding:30px}.link-list{grid-template-columns:1fr 1fr}.link-card{min-height:120px}.link-thumb{width:118px}}
@media (max-width:700px){.collection-posts{grid-template-columns:1fr;padding:14px 12px 22px}.collection-posts[data-kind="media"] .portfolio-card{display:block}.collection-posts[data-kind="media"] .portfolio-card-media{min-height:0;aspect-ratio:16/9}.collection-posts[data-kind="media"] .portfolio-card-body{padding:18px}.collection-header{padding:20px 18px 16px}.collection-title{font-size:2rem}}
@media (max-width:540px){.hero{min-height:58vh}.hero-image{background-position:left 40%}.hero-copy{padding:30px 22px 34px}.links-section{padding:18px 12px 8px}.link-thumb{width:82px}.link-title{font-size:1.45rem}}
