@font-face{font-family:Slab;src:url('RobotoSlab.ttf')}@font-face{font-family:Flex;src:url('RobotoFlex.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#0b0b0b;color:#fff;font-family:Flex,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Slab,Georgia,serif;line-height:1.12;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(56px,6.6vw,108px);margin-bottom:30px}h2{font-size:clamp(35px,4vw,58px);margin-bottom:26px}h3{font-size:32px;margin-bottom:16px}em{font-style:normal;color:#ff0fc3}.wrap{max-width:1320px;margin:auto;padding-left:56px;padding-right:56px}header{height:94px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;background:#0b0b0b;position:relative;z-index:10}.wordmark{font-weight:850;font-size:24px;letter-spacing:-1px;white-space:nowrap}.wordmark span{color:#ff0fc3;margin:0 5px}.wordmark small{font-size:11px;vertical-align:top;letter-spacing:.05em;margin-left:4px}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:60px;padding-bottom:64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750;margin-bottom:22px}.hero-copy>p:not(.eyebrow){max-width:470px}.intro{font-size:21px;line-height:1.5}.hero-art{height:640px;position:relative;background:#141923;overflow:hidden}.hero-art img{object-position:46%;transition:transform .6s}.hero-art:hover img{transform:scale(1.035)}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:48px 28px 26px;background:linear-gradient(transparent,#080e18e8);color:white;display:flex;justify-content:space-between;align-items:end;font-size:13px}.art-caption strong{font-family:Slab;font-size:25px}.art-caption b{font-size:30px}.button{padding:15px 22px;background:#fff;color:#0b0b0b;display:inline-flex;gap:35px;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;margin-top:12px}.button:hover{background:#dcdcdc}.button.light{background:white;color:#1b1b1b}.button.light:hover{background:#ececec}.discipline{border-top:3px solid transparent;border-image:linear-gradient(90deg,#ff0fc3,#0088ff) 1;background:#171717;display:flex;justify-content:space-around;padding:22px 30px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end;margin-bottom:42px}.section-heading>p{max-width:380px;color:#bdbdbd}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-image{aspect-ratio:1.5;background:#222;overflow:hidden}.project-info{padding-top:25px}.project-info .eyebrow,.film .eyebrow{margin-bottom:12px}.project-info>p:not(.eyebrow),.film>p:not(.eyebrow){color:#bdbdbd}details{border-top:1px solid #3c3c3c;margin-top:25px}summary{cursor:pointer;padding:17px 0;font-weight:650;list-style:none;font-size:14px;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-size:22px}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px}.note{font-size:12px!important;color:#aaa}.film-section{background:#181818}.film-image{display:block;height:320px;position:relative;margin-bottom:26px;overflow:hidden}.film-image img{object-fit:cover}.play{position:absolute;right:20px;bottom:20px;background:#0b0b0b;color:#fff;width:50px;height:50px;display:grid;place-items:center;font-size:24px}.text-link{font-size:14px;font-weight:650;border-bottom:1px solid;padding-bottom:6px}.story-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#13171c;color:white;min-height:600px}.story-feature>img{max-height:670px}.story-feature>div{padding:90px 60px;align-self:center;max-width:600px}.story-feature h2{font-family:Georgia,serif;font-size:clamp(60px,6vw,88px);font-weight:400}.story-feature em{color:#d4a966}.systems{display:grid;grid-template-columns:1fr 1fr;border:1px solid #3c3c3c}.systems article{padding:40px;position:relative;overflow:hidden}.systems article+article{border-left:1px solid #3c3c3c}.systems article:first-child{border-top:3px solid #ff0fc3}.systems article:last-child{border-top:3px solid #0088ff}.systems h3{font-size:43px;letter-spacing:.02em}.system-number{position:absolute;right:25px;top:38px;font-family:Slab;font-size:90px;line-height:1;color:#262626;z-index:-1}.systems ol{padding-left:18px;font-size:14px}.systems li{padding:7px 0 7px 8px}.practice-close{text-align:center;margin:35px 0 0;font-family:Slab;font-size:21px}.about{border-top:1px solid #3c3c3c;padding-top:75px;padding-bottom:85px}.about p:not(.eyebrow){max-width:690px;font-size:19px}footer{background:#fff;color:#0b0b0b;display:flex;align-items:center;gap:30px;padding:35px 56px;flex-wrap:wrap;font-size:12px}footer p{margin:0}.study{margin-left:auto;color:#555}.print{background:none;border:1px solid #888;padding:7px 12px;color:#0b0b0b;font-size:12px;cursor:pointer}.seas-hero{position:relative;color:white;min-height:750px;display:flex;align-items:center;background:#101820}.seas-hero>img{position:absolute;inset:0;object-position:center}.seas-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080f1bea 0%,#0b111a90 42%,#0001 80%)}.seas-hero>.wrap{position:relative;z-index:1;width:100%;padding-top:40px;padding-bottom:65px}.back{display:inline-block;font-size:13px;margin-bottom:50px}.seas-hero h1{font-family:Georgia,serif;font-size:clamp(75px,8vw,125px);font-weight:400;line-height:.98}.seas-hero em{color:#e0b571}.seas-hero .eyebrow{color:#e0b571}.seas-hero p:not(.eyebrow){font-size:21px}.seas-mode{background:#101722;color:#eee}.seas-mode header{background:#101722;border-color:#38404b}.seas-mode header .wordmark span{color:#e0b571}.seas-intro{text-align:center;max-width:900px}.seas-intro h2,.origin h2{font-family:Georgia,serif;font-weight:400}.seas-intro p:not(.eyebrow){font-size:21px;color:#bdc4ce}.listen{display:grid;grid-template-columns:1fr 1fr;gap:24px}.listen article{border:1px solid #48515e;padding:38px}.listen h3{font-family:Georgia,serif;font-weight:400}.listen .eyebrow,.origin .eyebrow{color:#deb777}.origin{display:grid;grid-template-columns:.85fr 1fr;gap:70px;align-items:center}.origin img{height:500px}.origin p{color:#c1c7d1}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:10px;z-index:100;color:#111}.skip:focus{top:10px}:focus-visible{outline:3px solid #0088ff;outline-offset:5px}[hidden]{display:none!important}#seas-view{background:#101722;color:#eee}body:not(.js) #seas-view{margin-top:60px}@media(max-width:900px){header{padding:20px 25px;height:auto;gap:20px}nav{gap:15px;font-size:12px}.wrap{padding-left:28px;padding-right:28px}.hero{gap:25px}.hero-art{height:560px}.section-heading{gap:30px}.story-feature>div{padding:45px 30px}.film-image{height:250px}.systems article{padding:27px}.origin{gap:30px}footer{padding:30px}.study{margin-left:0}}@media(max-width:650px){header{flex-wrap:wrap}.wordmark{font-size:23px}nav{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hero-art{height:430px}.hero h1{font-size:66px}.discipline{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:10px}.section{padding-top:60px;padding-bottom:60px}.section-heading,.projects,.story-feature,.systems,.listen,.origin{grid-template-columns:1fr}.section-heading{gap:5px}.projects{gap:45px}.story-feature>img{height:400px}.story-feature>div{padding:45px 28px}.systems article+article{border-left:0;border-top:3px solid #0088ff}.film-image{height:280px}.origin img{height:440px}.listen article{padding:28px}.seas-hero{min-height:710px}.seas-hero:after{background:#07101aa8}.seas-hero h1{font-size:79px}.about{padding-top:55px;padding-bottom:55px}footer{gap:20px}.study{width:100%}}/* Compact mobile introduction: preserve the desktop composition above. */
@media(max-width:650px){
  header{padding:14px 22px 10px;gap:8px}
  header .wordmark{font-size:21px}
  nav{gap:12px;font-size:12px}
  nav a{padding:8px 0;min-height:36px;display:flex;align-items:center}
  .hero{padding-top:28px;padding-bottom:36px;gap:26px}
  .hero .eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:16px}
  .hero h1{font-size:clamp(28px,8.8vw,48px);line-height:1.1;margin-bottom:20px}
  .hero-title-desktop-break{display:none}
  .hero .intro{font-size:18px;line-height:1.45;margin-bottom:16px}
  .hero-copy>p:not(.eyebrow):not(.intro){font-size:16px;line-height:1.5;margin-bottom:16px}
  .hero .button{margin-top:0;padding:12px 18px}
  .hero-art{height:280px}
  .art-caption{padding:38px 22px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,nav,.button,.print,.skip{display:none!important}.section{padding-top:30px;padding-bottom:30px}.hero-art{height:400px}details{break-inside:avoid}.projects,.systems{break-inside:avoid}body{font-size:12px}h1{font-size:54px}h2{font-size:30px}footer{background:white;color:black}a[href^=http]:after{content:' (' attr(href) ')';font-size:9px;overflow-wrap:anywhere}.film-image:after{display:none}.wrap{padding-left:20px;padding-right:20px}}

footer .wordmark span{color:#bf008e}

/* One public explanation of the custom tools, kept subordinate to the work. */
.practice-method{border:1px solid #3c3c3c;border-top:3px solid transparent;border-image:linear-gradient(90deg,#ff0fc3,#0088ff) 1;padding:48px;max-width:960px;margin:0 auto}.practice-method h3{font-size:clamp(34px,4vw,52px);margin-bottom:22px}.practice-method p:not(.eyebrow){max-width:780px;color:#d3d3d3;font-size:19px}.practice-method p:last-child{margin-bottom:0;color:#fff;font-family:Slab,Georgia,serif;font-size:21px}
@media(max-width:650px){.practice-method{padding:30px 26px}.practice-method p:not(.eyebrow){font-size:17px}.practice-method p:last-child{font-size:19px}}

.contact{padding-top:65px;padding-bottom:75px;border-top:1px solid #3c3c3c}
.contact p:not(.eyebrow){color:#bdbdbd;max-width:600px}
.contact-email{display:inline-block;font-size:clamp(18px,2.5vw,30px);font-weight:650;border-bottom:1px solid #ff0fc3;padding-bottom:6px;overflow-wrap:anywhere}
.contact-email:hover{color:#ff0fc3}
@media(max-width:650px){
 header nav{gap:10px;font-size:11px;flex-wrap:wrap}
 .contact{padding-top:44px;padding-bottom:50px}
 .contact h2{font-size:32px}
 .contact-email{font-size:clamp(17px,4.6vw,22px)}
}

/* Selected full-image main hero: Nebula 3. */
.hero-nebula{display:block;position:relative;isolation:isolate;overflow:hidden;padding:76px 0;min-height:700px;background:#131022}
.hero-nebula .hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero-nebula:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,16,.72),rgba(5,5,16,.46) 42%,rgba(5,5,16,.04) 80%);z-index:-1}
.hero-nebula .hero-copy{max-width:960px}
.hero-nebula h1{font-size:clamp(56px,6vw,88px)}
.hero-nebula .hero-copy>p:not(.eyebrow){max-width:520px}
@media(max-width:650px){
 .hero-nebula{min-height:0;padding:32px 0 40px}
 .hero-nebula:after{background:linear-gradient(90deg,rgba(5,5,16,.85),rgba(5,5,16,.65))}
 .hero-nebula .hero-background{object-position:58% center}
 .hero-nebula h1{font-size:clamp(28px,8.8vw,48px)}
}

/* Preserve the complete Saltcrow harbor composition on every screen. */
.story-feature>img{height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;align-self:center}

/* Keep the Gull and the fracture together in the Seas hero. */
.seas-hero>img{object-position:center 65%}
@media(max-width:650px){
 .seas-hero{display:block;min-height:0}
 .seas-hero>img{position:relative;height:auto;aspect-ratio:3/2;object-fit:contain}
 .seas-hero:after{display:none}
 .seas-hero>.wrap{padding-top:28px;padding-bottom:40px}
 .seas-hero .back{margin-bottom:28px}
 .seas-hero h1{font-size:clamp(56px,16vw,79px)}
}

/* Jeb uses the homepage's full-width image-and-copy feature layout. */
.origin-feature{margin-top:95px}
.origin-feature>img{height:100%;aspect-ratio:auto;object-fit:cover;align-self:stretch}
.origin-feature .eyebrow{color:#deb777}
.origin-feature h2{font-size:clamp(44px,4.5vw,72px)}
.origin-feature>div>p:not(.eyebrow){color:#c1c7d1}
@media(max-width:650px){
 .origin-feature{margin-top:60px}
 .origin-feature>img{height:auto;object-fit:contain}
 .origin-feature .button{max-width:100%}
}

/* Adam's supplied Illustrator wordmarks and preferred pink badge. */
header .wordmark{display:block;flex:0 0 auto;width:240px;line-height:0}header .wordmark img,footer .wordmark img{width:100%;height:auto;object-fit:contain}.wordmark-seas{display:none}.seas-mode .wordmark-home{display:none}.seas-mode .wordmark-seas{display:block}.footer-badge{display:block;flex:0 0 88px;width:88px;height:88px;border-radius:50%;overflow:hidden}.footer-badge img{width:100%;height:100%;object-fit:cover}.footer-identity{display:grid;gap:12px}.footer-identity .wordmark{display:block;width:230px;line-height:0}
@media(max-width:900px){header .wordmark{width:210px}}@media(max-width:650px){header .wordmark{width:205px}footer{gap:18px}.footer-badge{flex-basis:72px;width:72px;height:72px}.footer-identity .wordmark{width:190px}.footer-identity p{font-size:11px}}@media(max-width:360px){.footer-identity .wordmark{width:170px}footer{padding:28px 20px;gap:14px}}