/* ThatDevPro / editorial interface and art-directed compositions.
   No layout framework. The environment is a separate rendering layer. */
@layer reset, base, layout, components, responsive, accessibility;
@layer reset  {
  *,*::before,*::after {
    box-sizing:border-box
  }
  body,h1,h2,h3,p,figure {
    margin:0
  }
  button,input,textarea,select {
    font:inherit
  }
  button,a,input,textarea,select {
    -webkit-tap-highlight-color:transparent
  }
  button {
    color:inherit
  }
  img,svg {
    display:block
  }
  img {
    max-width:100%
  }
  a {
    color:inherit;
    text-decoration:none
  }
  button {
    cursor:pointer
  }
  button,input,textarea,select {
    border-radius:0
  }
  fieldset {
    margin:0;
    padding:0;
    border:0
  }
  ul {
    padding:0;
    margin:0
  }
  dialog {
    color:inherit
  }
  html {
    scroll-behavior:smooth;
    scroll-padding-top:24px
  }
}
@layer base  {
  :root {
    --ink:#07131f;
    --deep:#050d16;
    --paper:#f3ece2;
    --muted:#bbc0c4;
    --gold:#f2d9b8;
    --line:#ffffff26;
    --serif:'Times New Roman',Times,'Baskerville','Iowan Old Style',serif;
    --sans:'Helvetica Neue',Helvetica,Arial,sans-serif;
    --gutter:clamp(24px,6vw,108px);
    color-scheme:dark;
    background:var(--ink);
    color:var(--paper);
    font-family:var(--sans)
  }
  body {
    font-size:15px;
    line-height:1.65;
    overflow-x:clip
  }
  ::selection {
    background:#f2d9b8;
    color:#07131f
  }
  h1,h2,h3 {
    font-family:var(--serif);
    font-weight:400;
    line-height:1.04;
    letter-spacing:-.035em
  }
  h1 {
    font-size:clamp(64px,6.6vw,112px)
  }
  h2 {
    font-size:clamp(42px,4.45vw,76px)
  }
  h3 {
    font-size:32px
  }
  h1 em,h2 em {
    font-style:italic;
    color:var(--gold)
  }
  p {
    color:var(--muted)
  }
  p+p {
    margin-top:22px
  }
  button {
    border:0;
    background:none
  }
  a,button {
    touch-action:manipulation
  }
  svg {
    width:24px;
    height:24px
  }
  a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible {
    outline:2px solid var(--gold);
    outline-offset:5px
  }
  input,select,textarea {
    min-width:0
  }
  ::placeholder {
    color:#acb4ba;
    opacity:1
  }
  a:where(.text-link,.back-link):hover {
    color:var(--gold)
  }
  .eyebrow {
    display:block;
    font:400 10px/1.5 var(--sans);
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--paper)
  }
  .lead {
    font-size:21px;
    line-height:1.6;
    color:var(--paper)
  }
  .subtle {
    font-size:13px
  }
  .sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
  }
  .skip-link {
    position:fixed;
    z-index:1000;
    top:12px;
    left:12px;
    padding:14px 22px;
    background:var(--gold);
    color:var(--ink);
    transform:translateY(-150%)
  }
  .skip-link:focus {
    transform:none
  }
  .js-only {
    display:none!important
  }
  .js .js-only {
    display:inline-flex!important
  }
  [hidden] {
    display:none!important
  }
  @view-transition {
    navigation:auto
  }
  ::view-transition-old(root) {
    animation:leave-world .28s ease both
  }
  ::view-transition-new(root) {
    animation:enter-world .55s ease both
  }
  @keyframes enter-world {
    from {
      opacity:0
    }
    to {
      opacity:1
    }
  }
  @keyframes leave-world {
    to {
      opacity:0
    }
  }
}
@layer layout  {
  .site-header {
    position:absolute;
    inset:19px 3.1vw auto 3.55vw;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    height:66px
  }
  .brand {
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
    color:var(--paper)
  }
  .brand-mark {
    width:65px;
    height:65px;
    color:var(--gold)
  }
  .brand-type {
    display:flex;
    flex-direction:column;
    gap:1px
  }
  .brand-name {
    font:400 40px/.99 var(--serif);
    letter-spacing:-.035em
  }
  .brand-descriptor {
    font-size:8.5px;
    letter-spacing:.3em;
    text-transform:uppercase;
    line-height:1.9;
    margin-left:3px
  }
  .desktop-nav {
    display:flex;
    align-items:center;
    gap:clamp(22px,2.6vw,44px);
    padding-top:0;
    margin-left:auto;
    margin-right:auto
  }
  .desktop-nav a {
    position:relative;
    font-size:13px;
    min-height:44px;
    display:flex;
    align-items:center
  }
  .desktop-nav a::after {
    content:'';
    position:absolute;
    bottom:7px;
    left:0;
    width:0;
    height:1px;
    background:var(--gold);
    transition:width .25s
  }
  .desktop-nav a:hover::after,.desktop-nav a[aria-current]::after {
    width:100%
  }
  .header-actions {
    display:flex;
    align-items:center;
    gap:22px
  }
  .project-link {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border:1px solid #eee6ddaa;
    border-radius:999px;
    padding:8px 15px 8px 22px;
    min-height:36px;
    min-width:156px;
    font-size:9px;
    letter-spacing:.11em;
    text-transform:uppercase;
    background:#0915221a;
    transition:background .25s
  }
  .project-link svg {
    width:19px;
    height:19px
  }
  .project-link:hover {
    background:var(--paper);
    color:var(--ink)
  }
  .site-menu {
    position:relative
  }
  .site-menu summary {
    list-style:none;
    width:34px;
    height:44px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    cursor:pointer;
    padding:7px
  }
  .site-menu summary::-webkit-details-marker {
    display:none
  }
  .site-menu summary span {
    width:20px;
    height:1px;
    background:var(--paper);
    transition:transform .25s
  }
  .site-menu summary span:nth-child(2) {
    width:14px
  }
  .site-menu[open] summary span:nth-child(1) {
    transform:translateY(6px) rotate(45deg)
  }
  .site-menu[open] summary span:nth-child(2) {
    opacity:0
  }
  .site-menu[open] summary span:nth-child(3) {
    transform:translateY(-6px) rotate(-45deg)
  }
  .menu-panel {
    position:absolute;
    top:62px;
    right:0;
    width:min(400px,calc(100vw - 40px));
    padding:30px 34px;
    background:#091622f7;
    border:1px solid #f2d9b840;
    box-shadow:0 20px 70px #0008
  }
  .menu-panel nav {
    display:flex;
    flex-direction:column;
    padding:20px 0
  }
  .menu-panel nav a {
    font:400 34px/1.45 var(--serif);
    padding:2px 0
  }
  .menu-panel nav a:hover {
    color:var(--gold);
    padding-left:8px
  }
  .menu-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid var(--line);
    padding-top:15px;
    font-size:12px
  }
  .menu-panel .eyebrow {
    color:var(--gold)
  }
  world-stage {
    display:block;
    position:absolute;
    inset:0;
    overflow:hidden;
    contain:strict;
    --scene-x:.5;
    --scene-y:.5;
    --scene-zoom:1;
    background:var(--ink) url('/studio-assets/d05dff28f9191144/assets/world-placeholder.webp') center/cover no-repeat
  }
  world-stage picture {
    position:absolute;
    inset:0
  }
  .world-poster,.world-canvas {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    object-fit:cover;
    object-position:calc(var(--scene-x) * 100%) calc(var(--scene-y) * 100%)
  }
  .world-canvas {
    opacity:0;
    transition:opacity .65s ease;
    pointer-events:none
  }
  .world-canvas.is-ready {
    opacity:1
  }
  .arrival {
    display:flow-root;
    height:100svh;
    min-height:800px;
    max-height:1400px;
    position:relative;
    isolation:isolate;
    background:var(--ink)
  }
  .arrival-shade {
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,#030c17cf 0%,#030d1880 24%,#05101b1a 41%,transparent 58%),linear-gradient(0deg,#06101c66,transparent 30%),linear-gradient(180deg,#020b1638,transparent 12%)
  }
  .hero-copy {
    position:absolute;
    top:14.4%;
    left:8.45%;
    z-index:2;
    max-width:520px
  }
  .hero-copy .eyebrow {
    font-size:9px;
    letter-spacing:.28em;
    margin-bottom:16px
  }
  .hero-copy h1 {
    font-size:clamp(68px,5.02vw,90px);
    line-height:.87;
    letter-spacing:-.027em
  }
  .hero-description {
    font-size:14px;
    line-height:1.5;
    color:#f0efed;
    margin-top:22px
  }
  .hero-actions {
    display:flex;
    align-items:center;
    gap:19px;
    margin-top:20px
  }
  .world-index {
    position:absolute;
    left:2.15%;
    top:17.3%;
    display:flex;
    flex-direction:column;
    gap:0
  }
  .world-index a {
    font-size:9px;
    letter-spacing:.05em;
    color:#ddd;
    display:grid;
    place-content:center;
    width:22px;
    height:38px;
    position:relative
  }
  .world-index a.is-active::after {
    content:'';
    height:1px;
    background:var(--paper);
    position:absolute;
    bottom:2px;
    left:2px;
    right:2px
  }
  .world-index a:hover {
    color:var(--gold)
  }
  .left-manifesto {
    position:absolute;
    left:2.22%;
    top:47.7%;
    display:flex;
    flex-direction:column;
    color:#ece6de;
    font-size:8px;
    line-height:2;
    letter-spacing:.2em;
    text-transform:uppercase
  }
  .left-manifesto::before {
    content:'';
    position:absolute;
    height:110px;
    width:1px;
    background:#e6e4dd50;
    bottom:calc(100% + 12px);
    left:0
  }
  .right-manifesto {
    position:absolute;
    right:1.8%;
    top:35.1%;
    display:flex;
    flex-direction:column;
    font-size:7px;
    letter-spacing:.12em;
    line-height:2.6;
    text-transform:uppercase;
    color:#15212a;
    font-weight:500
  }
  .right-manifesto i {
    display:block;
    width:10px;
    height:1px;
    margin:14px 0 11px;
    background:#15212a
  }
  .enter-studio {
    position:absolute;
    top:56.7%;
    right:2.7%;
    display:flex;
    align-items:center;
    gap:16px;
    text-transform:uppercase;
    font-size:9px;
    letter-spacing:.19em
  }
  .enter-studio>.play-circle {
    width:50px;
    height:50px;
    background:#0a182552
  }
  .enter-studio:hover .play-circle {
    background:var(--paper);
    color:var(--ink)
  }
  .scroll-cue {
    position:absolute;
    left:2.9%;
    bottom:34.6%;
    display:flex;
    flex-direction:column;
    gap:8px;
    font-size:7px;
    letter-spacing:.17em;
    line-height:1.65;
    text-transform:uppercase
  }
  .scroll-cue i {
    width:50px;
    height:1px;
    background:#eee6dd70
  }
  .worlds-strip {
    position:absolute;
    left:2.95%;
    right:2.4%;
    bottom:12.05%;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px
  }
  .arrival-footer {
    position:absolute;
    bottom:2.7%;
    left:4.1%;
    right:3.35%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    font-size:8px;
    letter-spacing:.24em;
    text-transform:uppercase
  }
  .arrival-footer>span {
    display:flex;
    align-items:center;
    gap:18px
  }
  .arrival-footer i {
    width:1px;
    height:8px;
    background:var(--line)
  }
  .arrival-footer>div {
    display:flex;
    align-items:center;
    gap:27px
  }
  .motion-control {
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 0;
    font-size:8px;
    letter-spacing:.13em;
    text-transform:uppercase;
    min-height:36px
  }
  .motion-control svg {
    width:13px;
    height:13px
  }
  .motion-control:hover {
    color:var(--gold)
  }
  .page-section {
    padding:110px var(--gutter)
  }
  .section-label {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:64px
  }
  .editorial-intro {
    padding:106px var(--gutter) 100px
  }
  .intro-grid {
    display:grid;
    grid-template-columns:1.1fr .8fr;
    gap:12%;
    align-items:start;
    margin-bottom:86px
  }
  .intro-grid h2 {
    font-size:clamp(44px,4.4vw,75px);
    line-height:1.06
  }
  .intro-prose {
    padding-top:8px;
    max-width:420px
  }
  .intro-prose p {
    font-size:16px;
    line-height:1.8
  }
  .intro-prose .text-link {
    margin-top:28px
  }
  .editorial-image {
    position:relative;
    margin-left:18%;
  }
  .editorial-image>img {
    width:100%;
    max-height:650px;
    object-fit:cover;
    aspect-ratio:2/1;
    object-position:50% 53%
  }
  .editorial-image figcaption {
    display:flex;
    justify-content:space-between;
    margin-top:17px;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.14em;
    color:var(--muted)
  }
  .capability-preview {
    padding:45px var(--gutter) 115px;
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:10%;
    align-items:start
  }
  .capability-preview h2 {
    font-size:clamp(40px,3.8vw,66px);
    margin:23px 0 28px
  }
  .capability-rows>a {
    display:flex;
    align-items:center;
    gap:22px;
    border-top:1px solid var(--line);
    padding:30px 0
  }
  .capability-rows>a:last-child {
    border-bottom:1px solid var(--line)
  }
  .capability-rows>a>span {
    font-size:10px;
    color:var(--muted)
  }
  .capability-rows h3 {
    font-size:29px;
    letter-spacing:-.02em
  }
  .capability-rows svg {
    margin-left:auto;
    width:28px;
    height:28px;
    transition:transform .25s
  }
  .capability-rows a:hover svg {
    transform:translateX(6px);
    color:var(--gold)
  }
  .journal-preview {
    padding:45px var(--gutter) 120px
  }
  .journal-preview .section-label {
    margin-bottom:36px
  }
  .journal-row {
    display:flex;
    align-items:center;
    gap:30px;
    padding:31px 0;
    border-top:1px solid var(--line)
  }
  .journal-row>.eyebrow {
    width:170px;
    font-size:9px
  }
  .journal-row h3 {
    font-size:34px
  }
  .journal-row svg {
    margin-left:10px
  }
  .journal-read {
    margin-left:auto;
    font-size:11px;
    color:var(--muted)
  }
  .journal-row:hover h3 {
    color:var(--gold)
  }
  .interior-hero {
    position:relative;
    min-height:760px;
    height:88svh;
    max-height:1100px;
    isolation:isolate
  }
  .interior-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#05101bed 0%,#06111dad 31%,#06111d21 67%,transparent),linear-gradient(0deg,var(--ink),transparent 28%),linear-gradient(180deg,#030c1766,transparent 25%);
    pointer-events:none
  }
  .interior-title {
    position:absolute;
    left:var(--gutter);
    top:28%;
    max-width:760px
  }
  .interior-title h1 {
    margin-top:24px;
    line-height:.97
  }
  .interior-title>p {
    font-size:16px;
    color:#e1e3e3;
    max-width:430px;
    margin-top:27px;
    line-height:1.7
  }
  .interior-coordinate {
    position:absolute;
    right:var(--gutter);
    bottom:56px;
    font-size:9px;
    letter-spacing:.18em;
    text-transform:uppercase;
    writing-mode:vertical-rl
  }
  .interior-down {
    position:absolute;
    left:var(--gutter);
    bottom:50px;
    display:grid;
    place-items:center;
    width:45px;
    height:45px;
    border:1px solid var(--line);
    border-radius:50%
  }
  .interior-down svg {
    transform:rotate(90deg)
  }
  .interior-hero--studio world-stage {
    --scene-x:.68;
    --scene-y:.32
  }
  .interior-hero--work world-stage {
    --scene-x:.6
  }
  .interior-hero--process world-stage {
    --scene-x:.62;
    --scene-y:.2
  }
  .interior-hero--capabilities world-stage {
    --scene-x:.7;
    --scene-y:.25
  }
  .interior-hero--journal world-stage {
    --scene-x:.75;
    --scene-y:.22
  }
  .split-editorial {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11%;
    align-items:start
  }
  .split-editorial h2 {
    line-height:1.05
  }
  .split-editorial>div:last-child {
    max-width:550px
  }
  .split-editorial .lead {
    margin-bottom:26px
  }
  .studio-story>.eyebrow {
    margin-bottom:38px
  }
  .studio-panorama {
    position:relative;
    margin:0 var(--gutter) 0 18%;
    height:530px;
    overflow:hidden
  }
  .studio-panorama>img {
    width:100%;
    height:100%;
    object-fit:cover
  }
  .studio-panorama::after {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#06121eb8,transparent 70%)
  }
  .studio-panorama>div {
    position:absolute;
    left:55px;
    top:55px;
    z-index:1
  }
  .studio-panorama h2 {
    margin-top:22px;
    font-size:72px
  }
  .principle {
    display:grid;
    grid-template-columns:60px 1fr 1fr;
    gap:50px;
    border-top:1px solid var(--line);
    padding:37px 0
  }
  .principle>span {
    font-size:11px;
    padding-top:9px;
    color:var(--muted)
  }
  .principle>h3 {
    font-size:35px
  }
  .principle>p {
    max-width:455px
  }
  .work-collection {
    padding-top:64px
  }
  .collection-note {
    font-size:11px
  }
  .work-collection .section-label {
    margin-bottom:24px
  }
  .work-intro {
    max-width:680px;
    margin-bottom:85px
  }
  .work-gallery {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 11%;
    align-items:start
  }
  .work-item {
    margin-bottom:80px
  }
  .work-item--right {
    margin-top:180px
  }
  .work-image {
    position:relative;
    overflow:hidden;
    aspect-ratio:1.3
  }
  .work-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s ease
  }
  .work-image .circle-arrow {
    position:absolute;
    bottom:28px;
    right:28px;
    left:auto;
    width:46px;
    height:46px;
    background:#07131f80
  }
  .work-item:hover img {
    transform:scale(1.035)
  }
  .work-caption {
    padding-top:23px
  }
  .work-caption h2 {
    font-size:40px;
    margin:11px 0
  }
  .work-caption p {
    font-size:13px
  }
  .work-gallery .work-item:last-child {
    width:90%
  }
  .process-section {
    padding-top:65px
  }
  .process-phase {
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:80px;
    border-top:1px solid var(--line);
    padding:55px 0 72px
  }
  .phase-index {
    display:flex;
    flex-direction:column;
    gap:15px
  }
  .phase-index>span:first-child {
    font-family:var(--serif);
    font-size:90px;
    line-height:1;
    color:var(--gold)
  }
  .phase-content h2 {
    font-size:51px;
    margin-bottom:27px
  }
  .phase-content>p {
    font-size:17px;
    max-width:640px
  }
  .phase-output {
    display:grid;
    grid-template-columns:190px 1fr;
    gap:35px;
    border-top:1px solid var(--line);
    margin-top:39px;
    padding-top:24px
  }
  .phase-output .eyebrow {
    font-size:9px;
    color:var(--gold)
  }
  .phase-output p {
    font-size:14px;
    max-width:430px
  }
  .process-note {
    padding-top:0;
    max-width:1150px
  }
  .process-note h2 {
    margin:25px 0 38px
  }
  .process-note>p {
    max-width:660px;
    font-size:17px
  }
  .capabilities-section {
    padding-top:64px
  }
  .capability-detail {
    display:grid;
    grid-template-columns:1.05fr .9fr;
    gap:12%;
    padding:64px 0;
    border-top:1px solid var(--line)
  }
  .capability-heading h2 {
    font-size:48px;
    margin:22px 0 24px
  }
  .capability-heading p {
    max-width:500px
  }
  .capability-heading .text-link {
    margin-top:25px
  }
  .deliverables {
    list-style:none
  }
  .deliverables li {
    position:relative;
    border-bottom:1px solid var(--line);
    padding:20px 0 20px 23px;
    font-size:15px
  }
  .deliverables li::before {
    content:'↗';
    position:absolute;
    left:0;
    color:var(--gold)
  }
  .faq-section {
    padding-top:0;
    max-width:1180px;
    margin:auto
  }
  .faq-section h2 {
    margin:21px 0 46px
  }
  .faq-section details {
    border-top:1px solid var(--line)
  }
  .faq-section summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:23px 0;
    cursor:pointer;
    font-size:17px;
    list-style:none
  }
  .faq-section summary::-webkit-details-marker {
    display:none
  }
  .faq-section summary>span {
    font-size:23px;
    font-weight:200
  }
  .faq-section details[open] summary>span {
    transform:rotate(45deg)
  }
  .faq-section details>p {
    padding:0 65px 26px 0;
    max-width:840px
  }
  .world-detail-hero {
    position:relative;
    min-height:760px;
    height:90svh;
    max-height:1060px;
    display:flex;
    align-items:center;
    padding:140px var(--gutter) 90px;
    gap:7%
  }
  .world-detail-hero .interior-shade {
    background:linear-gradient(90deg,#05101bf2,#06111d8c),linear-gradient(0deg,var(--ink),transparent 40%)
  }
  .world-detail-copy {
    position:relative;
    z-index:1;
    width:46%
  }
  .world-detail-copy>.eyebrow {
    margin:46px 0 25px
  }
  .world-detail-copy>p {
    font-size:17px;
    margin-top:26px
  }
  .world-detail-copy h1 {
    font-size:clamp(68px,6.2vw,108px)
  }
  .world-detail-art {
    position:relative;
    z-index:1;
    width:47%;
    padding-top:75px
  }
  .world-detail-art img {
    width:100%;
    object-fit:cover;
    aspect-ratio:1.16;
    border:1px solid #eddfc729;
    box-shadow:0 20px 80px #0004
  }
  .world-detail-art figcaption {
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.17em;
    margin-top:17px;
    color:var(--muted)
  }
  .concept-label {
    display:inline-block;
    margin-top:25px;
    font-size:9px;
    letter-spacing:.18em;
    text-transform:uppercase;
    padding:5px 9px;
    border:1px solid var(--line)
  }
  .world-story {
    padding-top:65px
  }
  .world-story .eyebrow {
    margin-bottom:25px
  }
  .concept-story {
    margin-top:70px;
    border-top:1px solid var(--line);
    padding-top:26px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11%
  }
  .concept-story p {
    font-size:14px
  }
  .world-scope {
    padding-top:10px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11%;
    align-items:start
  }
  .world-scope h2 {
    font-size:48px;
    margin:22px 0 28px
  }
  .world-scope>div>p {
    max-width:470px
  }
  .world-scope .button {
    margin-top:30px
  }
  .goal-tags {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:28px
  }
  .goal-tags span {
    font-size:10px;
    padding:6px 12px;
    border:1px solid var(--line);
    border-radius:100px;
    color:var(--muted)
  }
  .next-world {
    display:flex;
    position:relative;
    flex-wrap:wrap;
    align-items:center;
    gap:15px;
    padding:62px var(--gutter);
    border-top:1px solid var(--line);
    background:linear-gradient(90deg,#091722,#0c1e2c)
  }
  .next-world>.eyebrow {
    width:100%;
    color:var(--gold)
  }
  .next-world h2 {
    font-size:clamp(42px,5vw,80px)
  }
  .next-world svg {
    width:55px;
    height:55px;
    margin-left:auto
  }
  .next-world:hover {
    background:#102534
  }
  .journal-collection {
    padding-top:60px
  }
  .journal-feature {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9%;
    padding:50px 0 65px;
    border-top:1px solid var(--line);
    align-items:center
  }
  .journal-feature-image {
    display:block;
    height:370px;
    overflow:hidden
  }
  .journal-feature-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s
  }
  .journal-feature:hover img {
    transform:scale(1.035)
  }
  .journal-feature h2 {
    font-size:50px;
    margin:24px 0
  }
  .journal-feature h2 a:hover {
    color:var(--gold)
  }
  .journal-feature p {
    max-width:470px
  }
  .journal-feature .text-link {
    margin-top:24px
  }
  .reading-time {
    display:block;
    margin-top:25px;
    font-size:11px;
    color:var(--muted)
  }
  .article-header {
    padding:190px var(--gutter) 70px;
    max-width:1230px;
    margin:auto
  }
  .article-header>.eyebrow {
    margin-top:40px
  }
  .article-header h1 {
    font-size:clamp(64px,7.3vw,118px);
    margin:30px 0
  }
  .article-deck {
    font-size:23px;
    line-height:1.5;
    max-width:780px;
    color:var(--paper)
  }
  .article-header .eyebrow:last-child {
    margin-top:34px;
    font-size:9px
  }
  .article-image {
    margin:0 var(--gutter)
  }
  .article-image>img {
    width:100%;
    max-height:650px;
    object-fit:cover;
    aspect-ratio:2.1
  }
  .article-image figcaption {
    font-size:9px;
    letter-spacing:.15em;
    text-transform:uppercase;
    margin-top:17px;
    color:var(--muted)
  }
  .article-prose {
    max-width:780px;
    margin:80px auto 110px;
    padding:0 24px
  }
  .article-prose section+section {
    margin-top:52px
  }
  .article-prose h2 {
    font-size:37px;
    line-height:1.15;
    margin-bottom:22px
  }
  .article-prose p {
    font-size:17px;
    line-height:1.9
  }
  .article-signoff {
    padding-top:42px;
    margin-top:50px!important;
    border-top:1px solid var(--line);
    font-family:var(--serif);
    color:var(--paper)
  }
  .article-signoff span {
    font-family:var(--sans);
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--muted)
  }
  .contact-hero {
    min-height:1080px;
    position:relative;
    padding:175px var(--gutter) 105px;
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:10%;
    align-items:start
  }
  .contact-hero world-stage {
    --scene-x:.58
  }
  .contact-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#05101bcc,#05101b70 36%,#05101be3 62%),linear-gradient(0deg,var(--ink),transparent 65%);
    pointer-events:none
  }
  .contact-intro {
    position:relative;
    padding-top:45px
  }
  .contact-intro h1 {
    font-size:clamp(72px,6.5vw,108px);
    line-height:.98;
    margin:25px 0 30px
  }
  .contact-intro>p {
    color:var(--paper);
    font-size:17px
  }
  .contact-note {
    margin-top:100px;
    border-left:1px solid #f2d9b87a;
    padding-left:20px
  }
  .contact-note p {
    font-size:13px;
    margin-top:12px;
    line-height:1.8
  }
  .project-form-wrap {
    position:relative;
    z-index:1
  }
  .project-form {
    padding:35px 0 0
  }
  .form-title {
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:33px
  }
  .form-title .eyebrow:last-child {
    font-size:8px;
    letter-spacing:.1em;
    color:var(--muted)
  }
  .form-pair {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px
  }
  .project-form label {
    display:flex;
    flex-direction:column;
    gap:9px;
    font-size:12px;
    line-height:1.5;
    margin-bottom:25px
  }
  .project-form input:not([type=checkbox],[type=radio]),.project-form select,.project-form textarea {
    border:0;
    border-bottom:1px solid #e8e0d366;
    background:#07131f70;
    color:var(--paper);
    padding:12px 11px;
    min-height:47px;
    outline-offset:2px;
    width:100%;
    font-size:15px
  }
  .project-form input:focus,.project-form select:focus,.project-form textarea:focus {
    border-color:var(--gold);
    background:#0a1b29
  }
  .project-form select {
    padding-right:25px
  }
  .project-form select option {
    background:var(--ink);
    color:var(--paper)
  }
  .project-form textarea {
    resize:vertical;
    line-height:1.7;
    min-height:117px
  }
  .direction-field {
    margin:4px 0 26px
  }
  .direction-field legend {
    font-size:12px;
    margin-bottom:12px
  }
  .direction-options {
    display:flex;
    gap:8px;
    flex-wrap:wrap
  }
  .direction-options>label {
    margin:0;
    position:relative;
    display:flex
  }
  .direction-options input {
    position:absolute;
    opacity:0;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer
  }
  .direction-options span {
    border:1px solid #d6cfc44d;
    padding:9px 13px;
    min-height:40px;
    display:flex;
    align-items:center;
    font-size:11px;
    transition:background .2s
  }
  .direction-options input:checked+span {
    color:var(--ink);
    background:var(--gold);
    border-color:var(--gold)
  }
  .direction-options input:focus-visible+span {
    outline:2px solid var(--gold);
    outline-offset:4px
  }
  .field-hint {
    display:block;
    font-size:10px;
    line-height:1.5;
    color:#c4c8ca;
    margin-top:-16px;
    margin-bottom:23px
  }
  .project-form .consent-label {
    flex-direction:row;
    align-items:flex-start;
    gap:12px;
    font-size:11px;
    line-height:1.7;
    margin-top:22px
  }
  .consent-label input {
    margin:3px 0 0;
    flex-shrink:0;
    width:17px;
    height:17px;
    accent-color:var(--gold)
  }
  .consent-label a {
    text-decoration:underline;
    text-underline-offset:3px
  }
  .honeypot {
    position:absolute!important;
    left:-9999px!important;
    width:1px;
    height:1px;
    overflow:hidden
  }
  .submit-button {
    margin-top:8px
  }
  .submit-button:disabled {
    opacity:.6;
    cursor:wait
  }
  .form-footnote {
    font-size:10px;
    line-height:1.6;
    margin-top:18px;
    max-width:360px
  }
  .brief-download {
    font-size:11px;
    margin-top:16px;
    text-decoration:underline;
    text-underline-offset:4px
  }
  .form-status:empty {
    display:none
  }
  .form-status:not(:empty) {
    padding:15px 18px;
    background:#132938;
    border-left:2px solid var(--gold);
    font-size:14px;
    margin:20px 0;
    color:var(--paper)
  }
  .form-status.is-error {
    border-color:#ffb5a6;
    background:#301d1c
  }
  .form-status a {
    text-decoration:underline
  }
  .project-form [aria-invalid=true] {
    border-color:#ffb5a6!important
  }
  .message-page {
    padding:220px var(--gutter) 150px;
    max-width:1160px;
    min-height:85svh;
    background:radial-gradient(ellipse at 80% 50%,#162e3e50,transparent 60%)
  }
  .message-page h1 {
    margin:28px 0 35px
  }
  .message-page>p {
    max-width:570px
  }
  .message-page .button {
    margin-top:32px
  }
  .message-page>.text-link {
    margin-top:22px;
    margin-left:20px
  }
  .receipt-reference {
    font-size:18px;
    letter-spacing:.06em;
    color:var(--gold)
  }
  .policy-page {
    max-width:1020px;
    padding:185px var(--gutter) 115px;
    margin:auto
  }
  .policy-page h1 {
    font-size:82px;
    margin:25px 0 35px
  }
  .policy-page h2 {
    font-size:32px;
    margin:44px 0 16px
  }
  .policy-page p {
    line-height:1.9
  }
  .policy-page p a {
    text-decoration:underline;
    text-underline-offset:4px;
    color:var(--paper)
  }
  .policy-page .button {
    margin-top:25px
  }
  .policy-note {
    font-size:12px;
    border-top:1px solid var(--line);
    padding-top:28px;
    margin-top:40px!important
  }
  .closing-cta {
    position:relative;
    min-height:650px;
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate
  }
  .closing-art {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#06111ae8 5%,#06111b66 60%,#06111b0d),linear-gradient(0deg,var(--ink),transparent 23%,transparent 80%,var(--ink)),url('/studio-assets/d05dff28f9191144/assets/world.webp') 62% 52%/cover no-repeat;
    z-index:-1
  }
  .closing-copy {
    padding:90px var(--gutter)
  }
  .closing-copy h2 {
    font-size:clamp(68px,7.5vw,126px);
    line-height:.98;
    margin:28px 0 37px
  }
  .closing-coordinate {
    position:absolute;
    right:var(--gutter);
    bottom:60px;
    font-size:9px;
    letter-spacing:.19em;
    text-transform:uppercase
  }
  .site-footer {
    padding:66px var(--gutter) 28px;
    background:var(--deep);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:35px
  }
  .footer-brand {
    font-family:var(--serif);
    font-size:33px;
    line-height:1.25
  }
  .footer-brand>span {
    display:block;
    font:400 8px/2 var(--sans);
    letter-spacing:.25em;
    text-transform:uppercase
  }
  .site-footer>nav {
    display:flex;
    gap:30px;
    font-size:12px
  }
  .site-footer>nav a {
    padding:10px 0
  }
  .site-footer a:hover {
    color:var(--gold)
  }
  .footer-bottom {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid var(--line);
    padding-top:24px;
    margin-top:15px;
    font-size:9px;
    color:#b0b6ba;
    gap:20px
  }
  .footer-bottom>span {
    font-size:8px;
    letter-spacing:.2em;
    text-transform:uppercase
  }
  .footer-bottom>div {
    display:flex;
    align-items:center;
    gap:22px
  }
  .footer-bottom .text-button {
    font-size:9px;
    min-height:34px
  }
}
@layer components  {
  .button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    padding:13px 22px;
    min-height:44px;
    border-radius:999px;
    font:500 9px/1.4 var(--sans);
    letter-spacing:.055em;
    text-transform:uppercase;
    border:1px solid transparent;
    transition:background .25s,color .25s,box-shadow .25s,transform .25s;
    white-space:normal;
    text-align:center
  }
  .button span:has(svg) {
    display:flex;
    align-items:center
  }
  .button svg {
    width:17px;
    height:17px;
    flex-shrink:0;
    transition:transform .25s
  }
  .button:hover svg {
    transform:translateX(3px)
  }
  .button--light {
    background:#f7e4c8;
    color:#07131f;
    border-color:#f7e4c8
  }
  .button--light:hover {
    background:#fff4e3;
    box-shadow:0 0 26px #f3d9b521
  }
  .button--line {
    border-color:#f2e5d49a;
    background:transparent;
    color:var(--paper)
  }
  .button--line:hover {
    background:var(--paper);
    color:var(--ink)
  }
  .text-link {
    display:inline-flex;
    align-items:center;
    gap:22px;
    font-size:11px;
    letter-spacing:.05em;
    min-height:44px
  }
  .text-link svg {
    width:20px;
    height:20px
  }
  .text-button {
    min-height:34px;
    padding:7px 0;
    font-size:12px
  }
  .back-link {
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    font-size:11px;
    color:var(--muted)
  }
  .play-circle {
    display:grid;
    place-items:center;
    border:1px solid #f8f3eec9;
    border-radius:50%;
    height:26px;
    width:26px;
    transition:background .2s,color .2s
  }
  .play-circle svg {
    height:13px;
    width:13px;
    transform:translateX(-1px)
  }
  .enter-studio>.play-circle {
    width:50px;
    height:50px;
    background:#0a182552
  }
  .reel-link {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:9px;
    letter-spacing:.05em;
    text-transform:uppercase;
    padding:8px 0;
    min-height:44px
  }
  .reel-link:hover {
    color:var(--gold)
  }
  .circle-arrow {
    width:37px;
    height:37px;
    display:grid;
    place-items:center;
    border:1px solid #f7f1e9d9;
    border-radius:50%;
    transition:background .25s,color .25s
  }
  .circle-arrow svg {
    width:21px;
    height:21px
  }
  .world-card {
    display:block;
    position:relative;
    overflow:hidden;
    aspect-ratio:1.3;
    border:1px solid #ece7de33;
    border-radius:3px;
    isolation:isolate;
    background:var(--deep);
    box-shadow:0 10px 25px #0002
  }
  .world-card img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .9s cubic-bezier(.2,.6,.3,1),filter .7s;
    position:absolute;
    inset:0;
    z-index:-2
  }
  .card-shade {
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(0deg,#01090feb 0%,transparent 53%,#020d167a 100%),linear-gradient(90deg,#020b1477,transparent 70%)
  }
  .world-number {
    position:absolute;
    top:16px;
    left:24px;
    font-size:8px;
    letter-spacing:.14em
  }
  .world-card h2 {
    position:absolute;
    top:34px;
    left:24px;
    font-size:19px;
    line-height:1.02;
    letter-spacing:-.025em
  }
  .world-card .circle-arrow {
    position:absolute;
    left:24px;
    bottom:35px
  }
  .world-caption {
    position:absolute;
    bottom:14px;
    left:24px;
    right:7px;
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
    line-height:1.4
  }
  .world-card:hover img {
    transform:scale(1.07);
    filter:brightness(1.1)
  }
  .world-card:hover .circle-arrow {
    background:var(--paper);
    color:var(--ink)
  }
  .world-card:hover {
    border-color:#f2d9b877
  }
  .world-card:focus-visible {
    outline-offset:3px
  }
  .reel-dialog {
    border:0;
    background:var(--ink);
    padding:0;
    max-width:none;
    max-height:none;
    width:100vw;
    height:100svh;
    margin:0;
    overflow:hidden
  }
  .reel-dialog::backdrop {
    background:#030b15
  }
  .reel-shell {
    position:relative;
    width:100%;
    height:100%;
    isolation:isolate
  }
  .reel-vignette {
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,#07131fe6,transparent 43%,transparent 73%,#07131f9c);
    pointer-events:none
  }
  .reel-top {
    position:absolute;
    left:4vw;
    right:4vw;
    top:30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px
  }
  .close-button {
    display:flex;
    gap:15px;
    align-items:center;
    font-size:16px;
    min-width:44px;
    min-height:44px;
    justify-content:center
  }
  .close-button span {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.17em
  }
  .reel-caption {
    position:absolute;
    left:7vw;
    bottom:17vh;
    pointer-events:none
  }
  .reel-caption h2 {
    font-size:clamp(55px,6vw,90px);
    margin:17px 0
  }
  .reel-caption p {
    font-size:13px;
    color:#ddd
  }
  .reel-controls {
    position:absolute;
    left:4vw;
    right:4vw;
    bottom:40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px
  }
  .reel-controls .text-button {
    font-size:10px;
    letter-spacing:.12em;
    text-transform:uppercase
  }
  .reel-chapters {
    display:flex;
    gap:17px
  }
  .reel-chapters button {
    border:1px solid var(--line);
    border-radius:50%;
    width:43px;
    height:43px;
    font-size:11px
  }
  .reel-chapters button[aria-current=true] {
    background:var(--paper);
    color:var(--ink)
  }
  .reel-progress {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:2px;
    background:#ffffff24
  }
  .reel-progress span {
    display:block;
    background:var(--gold);
    height:100%;
    transform-origin:left;
    transform:scaleX(0)
  }
  .privacy-dialog {
    background:#0b1a28;
    border:1px solid #eadbc54f;
    width:min(620px,calc(100vw - 36px));
    max-height:calc(100svh - 48px);
    padding:0
  }
  .privacy-dialog::backdrop {
    background:#020811c9;
    backdrop-filter:blur(6px)
  }
  .privacy-content {
    padding:40px;
    position:relative
  }
  .privacy-content .close-button {
    position:absolute;
    right:18px;
    top:14px;
    font-size:12px
  }
  .privacy-content>.eyebrow {
    margin-top:14px
  }
  .privacy-content h2 {
    font-size:43px;
    margin:23px 0
  }
  .privacy-content p {
    font-size:14px
  }
  .privacy-content p a {
    text-decoration:underline
  }
  .privacy-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px
  }
  .privacy-actions .button {
    font-size:9px;
    flex:1;
    padding-inline:15px
  }
  .no-scroll {
    overflow:hidden
  }
}
@layer responsive  {
  @media(min-width:1800px) {
    .hero-copy {
      left:10%;
      top:17%
    }
    .hero-copy h1 {
      font-size:100px
    }
    .hero-description {
      font-size:17px
    }
    .world-card h2 {
      font-size:26px
    }
    .world-caption {
      font-size:10px
    }
    .world-number {
      font-size:10px
    }
  }
  @media(max-height:850px) and (min-width:1101px) {
    .arrival {
      min-height:780px
    }
    .hero-copy {
      top:15.8%
    }
    .hero-copy h1 {
      font-size:69px
    }
    .hero-description {
      font-size:13px;
      margin-top:18px
    }
    .hero-actions {
      margin-top:17px
    }
    .worlds-strip {
      bottom:8.8%;
    }
    .world-card {
      aspect-ratio:1.5
    }
    .scroll-cue {
      bottom:34%
    }
    .arrival-footer {
      bottom:1.3%
    }
    .enter-studio {
      top:57.7%
    }
    .left-manifesto {
      top:47.5%
    }
    .hero-copy .eyebrow {
      margin-bottom:15px
    }
    .hero-copy .button {
      min-height:40px;
      padding:10px 20px
    }
  }
  @media(max-width:1250px) {
    .site-header {
      gap:20px
    }
    .brand-mark {
      width:53px;
      height:53px
    }
    .brand-name {
      font-size:34px
    }
    .brand-descriptor {
      font-size:7px
    }
    .brand {
      gap:10px
    }
    .desktop-nav {
      gap:20px
    }
    .desktop-nav a {
      font-size:12px
    }
    .header-actions {
      gap:15px
    }
    .project-link {
      min-width:145px;
      font-size:8px;
      padding-left:17px
    }
    .hero-copy {
      left:8.5%;
      max-width:460px
    }
    .hero-copy h1 {
      font-size:69px
    }
    .hero-description {
      font-size:13px
    }
    .world-card h2 {
      font-size:17px;
      left:18px
    }
    .world-number {
      left:18px;
      top:13px
    }
    .world-caption {
      left:18px;
      font-size:7px;
      letter-spacing:.13em
    }
    .world-card .circle-arrow {
      left:18px
    }
    .right-manifesto {
      right:1.2%;
      font-size:6.5px
    }
    .hero-actions {
      gap:17px
    }
    .button {
      padding:12px 19px
    }
    .contact-hero {
      gap:7%
    }
    .contact-intro h1 {
      font-size:84px
    }
    .direction-options span {
      padding:8px 10px
    }
    .site-footer>nav {
      gap:22px
    }
  }
  @media(max-width:1100px) {
    .desktop-nav {
      display:none
    }
    .header-actions {
      margin-left:auto
    }
    .site-header {
      left:4%;
      right:4%
    }
    .brand-name {
      font-size:38px
    }
    .brand-descriptor {
      font-size:8px
    }
    .brand-mark {
      width:58px;
      height:58px
    }
    .arrival {
      min-height:930px;
      height:100svh
    }
    .hero-copy {
      top:17%;
      left:8.5%
    }
    .hero-copy h1 {
      font-size:72px
    }
    .worlds-strip {
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:31.5%;
      grid-template-columns:none;
      overflow-x:auto;
      overscroll-behavior-x:contain;
      scroll-snap-type:x mandatory;
      scrollbar-width:thin;
      scrollbar-color:#e8d4b846 transparent;
      left:4%;
      right:4%;
      bottom:10.6%;
      gap:14px;
      padding-bottom:10px
    }
    .world-card {
      aspect-ratio:1.28;
      scroll-snap-align:start
    }
    .world-card h2 {
      font-size:22px;
      left:21px
    }
    .world-number,.world-caption {
      left:21px
    }
    .world-caption {
      font-size:8px
    }
    .world-card .circle-arrow {
      left:21px
    }
    .right-manifesto {
      display:none
    }
    .enter-studio {
      right:5%;
      top:54.5%
    }
    .left-manifesto {
      top:46%
    }
    .scroll-cue {
      left:4%;
      bottom:37%
    }
    .arrival-footer {
      left:5%;
      right:5%;
      bottom:3%
    }
    .arrival-footer>span {
      max-width:420px;
      font-size:7px
    }
    .footer-motto {
      display:none
    }
    .intro-grid,.split-editorial {
      gap:7%
    }
    .intro-grid h2 {
      font-size:53px
    }
    .intro-prose p {
      font-size:15px
    }
    .editorial-image {
      margin-left:8%
    }
    .capability-preview {
      gap:7%
    }
    .capability-preview h2 {
      font-size:43px
    }
    .capability-rows h3 {
      font-size:24px
    }
    .capability-rows>a {
      gap:17px
    }
    .journal-row h3 {
      font-size:29px
    }
    .journal-row>.eyebrow {
      width:140px;
      font-size:8px
    }
    .interior-hero {
      min-height:720px;
      height:82svh
    }
    .interior-title {
      top:28%
    }
    .interior-title h1 {
      font-size:84px
    }
    .principle {
      grid-template-columns:35px 1fr 1fr;
      gap:25px
    }
    .principle>h3 {
      font-size:30px
    }
    .process-phase {
      gap:40px;
      grid-template-columns:1fr 2.3fr
    }
    .phase-content h2 {
      font-size:43px
    }
    .phase-output {
      grid-template-columns:1fr;
      gap:12px
    }
    .contact-hero {
      padding:155px 5% 85px;
      gap:6%;
      min-height:1120px
    }
    .contact-intro h1 {
      font-size:74px
    }
    .contact-intro>p {
      font-size:15px
    }
    .form-pair {
      gap:15px
    }
    .project-form {
      padding-top:20px
    }
    .form-title {
      flex-direction:column;
      gap:10px
    }
    .form-title .eyebrow:last-child {
      font-size:8px
    }
    .project-form label {
      font-size:11px
    }
    .direction-options {
      gap:6px
    }
    .direction-options span {
      font-size:10px;
      padding:8px
    }
    .site-footer>nav {
      gap:19px
    }
    .footer-bottom {
      align-items:flex-start
    }
    .footer-bottom>div {
      gap:15px;
      flex-wrap:wrap;
      justify-content:flex-end
    }
    .journal-feature {
      gap:6%
    }
    .journal-feature h2 {
      font-size:41px
    }
    .world-detail-copy h1 {
      font-size:74px
    }
    .world-detail-hero {
      gap:5%;
      padding-top:135px
    }
    .world-detail-art {
      width:49%
    }
    .world-scope h2 {
      font-size:40px
    }
  }
  @media(max-width:800px) and (min-width:701px) {
    .hero-copy h1 {
      font-size:66px
    }
    .hero-copy {
      left:9%;
      width:450px
    }
    .arrival world-stage {
      --scene-x:.57
    }
    .arrival-shade {
      background:linear-gradient(90deg,#030c17dc, #030d1866 42%,transparent 80%),linear-gradient(0deg,#06101c77,transparent 40%)
    }
    .worlds-strip {
      grid-auto-columns:44%
    }
    .enter-studio {
      top:51.5%
    }
    .left-manifesto {
      top:45%
    }
    .intro-grid {
      gap:5%;
      grid-template-columns:1.1fr 1fr
    }
    .intro-grid h2 {
      font-size:45px
    }
    .capability-preview {
      grid-template-columns:1fr;
      gap:40px
    }
    .journal-read {
      display:none
    }
    .journal-row>.eyebrow {
      width:120px
    }
    .journal-row h3 {
      font-size:27px
    }
    .studio-panorama {
      margin-left:10%;
      height:470px
    }
    .interior-title h1 {
      font-size:77px
    }
    .split-editorial {
      gap:7%;
      grid-template-columns:1fr 1fr
    }
    .split-editorial h2 {
      font-size:46px
    }
    .principle {
      grid-template-columns:30px 1fr;
      gap:20px
    }
    .principle>p {
      grid-column:2
    }
    .world-detail-hero {
      flex-direction:column;
      align-items:start;
      height:auto;
      padding-top:170px;
      padding-bottom:70px;
      gap:35px
    }
    .world-detail-copy {
      width:100%
    }
    .world-detail-copy>.eyebrow {
      margin-top:26px
    }
    .world-detail-art {
      width:70%;
      padding-top:0;
      align-self:flex-end
    }
    .world-detail-art img {
      aspect-ratio:1.4
    }
    .contact-hero {
      display:block
    }
    .contact-intro {
      padding:20px 0 50px
    }
    .contact-intro h1 {
      font-size:87px
    }
    .contact-intro h1 br:nth-child(2) {
      display:none
    }
    .contact-note {
      display:none
    }
    .project-form-wrap {
      max-width:590px;
      margin:auto
    }
    .contact-shade {
      background:linear-gradient(0deg,var(--ink) 48%,#07131fcc 66%,#07131f66)
    }
    .contact-hero world-stage {
      height:850px
    }
    .project-form {
      padding-top:25px
    }
    .form-title {
      flex-direction:row
    }
    .site-footer>nav {
      flex-wrap:wrap
    }
    .footer-bottom {
      flex-direction:column
    }
    .footer-bottom>div {
      justify-content:flex-start
    }
  }
  @media(max-width:700px) {
    :root {
      --gutter:24px
    }
    body {
      font-size:14px
    }
    .site-header {
      inset:16px 21px auto 18px;
      height:50px;
      gap:12px
    }
    .brand {
      gap:8px
    }
    .brand-mark {
      width:47px;
      height:47px
    }
    .brand-name {
      font-size:31px;
      line-height:1.03
    }
    .brand-descriptor {
      font-size:6.5px;
      letter-spacing:.235em;
      margin-left:1px
    }
    .project-link {
      display:none
    }
    .header-actions {
      gap:0
    }
    .site-menu summary {
      width:35px
    }
    .menu-panel {
      top:55px;
      right:0;
      padding:28px;
      width:min(355px,calc(100vw - 42px))
    }
    .menu-panel nav a {
      font-size:34px
    }
    .arrival {
      height:auto;
      min-height:1147px;
      max-height:none;
      padding-bottom:74px
    }
    .arrival>world-stage {
      height:865px;
      --scene-x:.615;
      --scene-y:0
    }
    .arrival-shade {
      height:875px;
      background:linear-gradient(0deg,var(--ink) 0%,#07131ff5 7%,#06111bbb 35%,#05101b1c 62%,#030d155c 100%),linear-gradient(90deg,#06111b33,transparent 62%)
    }
    .hero-copy {
      top:477px;
      left:24px;
      right:20px;
      width:auto;
      max-width:none
    }
    .hero-copy h1 {
      font-size:clamp(48px,15.6vw,78px);
      line-height:.91;
      letter-spacing:-.035em
    }
    .hero-copy .eyebrow {
      font-size:8px;
      letter-spacing:.2em;
      margin-bottom:19px
    }
    .hero-description {
      font-size:14px;
      line-height:1.65;
      margin-top:23px;
      max-width:360px
    }
    .desktop-break {
      display:none
    }
    .hero-actions {
      gap:19px;
      margin-top:23px
    }
    .hero-actions .button {
      font-size:8px;
      padding:12px 17px;
      gap:14px
    }
    .hero-actions .reel-link {
      font-size:8px;
      gap:9px
    }
    .hero-actions .play-circle {
      width:27px;
      height:27px
    }
    .world-index {
      top:132px;
      left:19px;
      gap:2px
    }
    .world-index a {
      font-size:8px;
      height:38px
    }
    .left-manifesto,.right-manifesto,.scroll-cue {
      display:none
    }
    .enter-studio {
      top:386px;
      right:24px;
      gap:10px;
      font-size:8px;
      letter-spacing:.18em
    }
    .enter-studio>.play-circle {
      height:43px;
      width:43px
    }
    .enter-studio>span:last-child {
      background:#08131f5c;
      padding:4px
    }
    .worlds-strip {
      position:relative;
      margin:837px 0 0;
      left:auto;
      right:auto;
      bottom:auto;
      width:100%;
      padding:0 24px 12px;
      grid-auto-columns:76vw;
      grid-template-columns:none;
      gap:13px;
      scroll-padding-inline:24px;
      scrollbar-width:none
    }
    .world-card {
      aspect-ratio:1.38
    }
    .world-card h2 {
      font-size:24px;
      top:38px;
      left:22px
    }
    .world-number {
      left:22px;
      top:17px;
      font-size:8px
    }
    .world-caption {
      left:22px;
      font-size:8px;
      bottom:17px
    }
    .world-card .circle-arrow {
      left:22px;
      bottom:42px;
      width:38px;
      height:38px
    }
    .arrival-footer {
      bottom:16px;
      left:24px;
      right:24px;
      font-size:7px;
      gap:10px
    }
    .arrival-footer>span {
      font-size:7px;
      letter-spacing:.1em;
      max-width:185px;
      display:block
    }
    .arrival-footer i {
      display:none
    }
    .arrival-footer>div {
      gap:0;
      flex-shrink:0
    }
    .motion-control {
      font-size:7px;
      letter-spacing:.08em;
      gap:6px
    }
    .section-label {
      margin-bottom:34px;
      align-items:flex-start
    }
    .section-label>.eyebrow:last-child:not(:first-child) {
      text-align:right;
      max-width:140px;
      font-size:8px
    }
    .eyebrow {
      font-size:9px;
      letter-spacing:.17em
    }
    .editorial-intro {
      padding:65px 24px 68px
    }
    .intro-grid {
      grid-template-columns:1fr;
      gap:31px;
      margin-bottom:44px
    }
    .intro-grid h2 {
      font-size:45px;
      line-height:1.07
    }
    .intro-prose {
      max-width:none;
      padding-top:0
    }
    .intro-prose p {
      font-size:14px
    }
    .intro-prose .text-link {
      margin-top:20px
    }
    .editorial-image {
      margin:0 -24px 0 16px
    }
    .editorial-image>img {
      aspect-ratio:1.3;
      max-height:none
    }
    .editorial-image figcaption {
      padding-right:24px;
      font-size:7px;
      line-height:1.6;
      gap:15px
    }
    .editorial-image figcaption span {
      max-width:150px
    }
    .capability-preview {
      padding:0 24px 60px;
      grid-template-columns:1fr;
      gap:28px
    }
    .capability-preview h2 {
      font-size:43px;
      line-height:1.07;
      margin:20px 0
    }
    .capability-rows>a {
      padding:23px 0;
      gap:19px
    }
    .capability-rows h3 {
      font-size:25px
    }
    .capability-rows svg {
      width:23px;
      height:23px
    }
    .journal-preview {
      padding:12px 24px 60px
    }
    .journal-preview .section-label {
      gap:10px;
      margin-bottom:21px
    }
    .journal-preview .section-label .text-link {
      font-size:10px;
      gap:10px;
      min-height:24px
    }
    .journal-row {
      display:grid;
      grid-template-columns:1fr 25px;
      gap:9px 10px;
      padding:23px 0
    }
    .journal-row>.eyebrow {
      width:auto;
      font-size:8px;
      grid-column:1
    }
    .journal-row h3 {
      font-size:29px;
      grid-column:1;
      line-height:1.08
    }
    .journal-row svg {
      grid-column:2;
      grid-row:1/3;
      margin-left:0
    }
    .journal-read {
      display:none
    }
    .page-section {
      padding:65px 24px
    }
    .interior-hero {
      height:810px;
      min-height:0;
      max-height:none
    }
    .interior-hero world-stage {
      --scene-x:.66;
      --scene-y:0
    }
    .interior-shade {
      background:linear-gradient(0deg,var(--ink),#06111bdb 29%,#06111b35 70%,#06111b75),linear-gradient(90deg,#06111b66,transparent 70%)
    }
    .interior-title {
      top:auto;
      bottom:114px;
      left:24px;
      right:24px;
      max-width:none
    }
    .interior-title h1 {
      font-size:64px;
      line-height:.98;
      margin-top:19px;
      letter-spacing:-.035em
    }
    .interior-title>p {
      font-size:14px;
      max-width:330px;
      margin-top:22px
    }
    .interior-coordinate {
      right:24px;
      bottom:48px;
      font-size:7px;
      writing-mode:initial;
      max-width:220px
    }
    .interior-down {
      bottom:36px;
      left:24px;
      width:40px;
      height:40px
    }
    .split-editorial {
      grid-template-columns:1fr;
      gap:30px
    }
    .split-editorial h2 {
      font-size:46px;
      line-height:1.04
    }
    .split-editorial .lead {
      font-size:19px
    }
    .studio-story>.eyebrow {
      margin-bottom:27px
    }
    .studio-panorama {
      margin:0 0 0 24px;
      height:425px
    }
    .studio-panorama>div {
      left:26px;
      top:28px
    }
    .studio-panorama h2 {
      font-size:51px
    }
    .principles .section-label>.eyebrow:last-child {
      max-width:140px
    }
    .principle {
      grid-template-columns:24px 1fr;
      gap:14px 18px;
      padding:28px 0
    }
    .principle>h3 {
      font-size:30px
    }
    .principle>p {
      grid-column:2;
      max-width:none;
      font-size:14px
    }
    .principle>span {
      font-size:9px
    }
    .work-collection {
      padding-top:43px
    }
    .work-collection .section-label {
      display:block
    }
    .collection-note {
      margin-top:11px;
      font-size:10px
    }
    .work-intro {
      font-size:13px;
      margin-bottom:35px
    }
    .work-gallery {
      grid-template-columns:1fr;
      gap:0
    }
    .work-item,.work-item--right {
      margin:0 0 44px
    }
    .work-gallery .work-item:last-child {
      width:100%
    }
    .work-caption {
      padding-top:20px
    }
    .work-caption h2 {
      font-size:35px
    }
    .work-caption p {
      font-size:12px
    }
    .work-image {
      aspect-ratio:1.32
    }
    .work-image .circle-arrow {
      width:38px;
      height:38px;
      bottom:20px;
      right:20px
    }
    .process-section {
      padding-top:43px
    }
    .process-phase {
      grid-template-columns:58px 1fr;
      gap:20px;
      padding:34px 0 44px
    }
    .phase-index>span:first-child {
      font-size:52px
    }
    .phase-index {
      gap:12px
    }
    .phase-index .eyebrow {
      font-size:7px;
      letter-spacing:.1em;
      line-height:1.6
    }
    .phase-content h2 {
      font-size:34px;
      line-height:1.04;
      margin-bottom:20px
    }
    .phase-content>p {
      font-size:14px
    }
    .phase-output {
      grid-template-columns:1fr;
      gap:9px;
      margin-top:25px;
      padding-top:20px
    }
    .phase-output p {
      font-size:12px
    }
    .phase-output .eyebrow {
      font-size:8px
    }
    .process-note {
      padding-top:0
    }
    .process-note h2 {
      font-size:43px;
      margin:21px 0 26px
    }
    .process-note>p {
      font-size:14px
    }
    .capabilities-section {
      padding-top:40px
    }
    .capability-detail {
      grid-template-columns:1fr;
      gap:22px;
      padding:36px 0
    }
    .capability-heading h2 {
      font-size:38px;
      margin:17px 0 19px
    }
    .capability-heading>.eyebrow {
      font-size:8px
    }
    .capability-heading .text-link {
      margin-top:17px
    }
    .deliverables li {
      font-size:13px;
      padding:16px 0 16px 22px
    }
    .faq-section {
      padding-top:0
    }
    .faq-section h2 {
      font-size:42px;
      margin:19px 0 30px
    }
    .faq-section summary {
      font-size:15px;
      padding:22px 0;
      gap:22px
    }
    .faq-section details>p {
      padding:0 20px 24px 0;
      font-size:13px
    }
    .world-detail-hero {
      height:auto;
      min-height:0;
      max-height:none;
      padding:122px 24px 40px;
      display:block
    }
    .world-detail-hero world-stage {
      --scene-x:.67
    }
    .world-detail-copy {
      width:100%
    }
    .world-detail-copy>.eyebrow {
      margin:24px 0 16px;
      font-size:8px
    }
    .world-detail-copy h1 {
      font-size:65px;
      line-height:.98
    }
    .world-detail-copy>p {
      font-size:14px;
      margin-top:20px
    }
    .concept-label {
      margin-top:19px;
      font-size:8px
    }
    .world-detail-art {
      width:100%;
      padding:0;
      margin-top:34px
    }
    .world-detail-art img {
      aspect-ratio:1.3
    }
    .world-detail-art figcaption {
      font-size:7px;
      line-height:1.5
    }
    .world-story {
      padding-top:43px
    }
    .world-story .eyebrow {
      margin-bottom:18px
    }
    .world-story .split-editorial h2 {
      font-size:42px
    }
    .concept-story {
      grid-template-columns:1fr;
      gap:0;
      margin-top:36px;
      padding-top:23px
    }
    .concept-story p {
      font-size:13px
    }
    .world-scope {
      grid-template-columns:1fr;
      gap:30px;
      padding-top:0
    }
    .world-scope h2 {
      font-size:39px;
      margin:19px 0 23px
    }
    .goal-tags {
      gap:7px;
      margin-top:24px
    }
    .goal-tags span {
      font-size:9px;
      padding:5px 10px
    }
    .next-world {
      padding:40px 24px;
      gap:20px
    }
    .next-world h2 {
      font-size:36px;
      max-width:80%
    }
    .next-world>.eyebrow {
      font-size:8px
    }
    .next-world svg {
      width:29px;
      height:29px
    }
    .journal-collection {
      padding-top:30px
    }
    .journal-feature {
      grid-template-columns:1fr;
      gap:28px;
      padding:32px 0 43px
    }
    .journal-feature-image {
      height:auto;
      aspect-ratio:1.4
    }
    .journal-feature h2 {
      font-size:38px;
      margin:18px 0
    }
    .journal-feature p {
      font-size:14px
    }
    .reading-time {
      margin-top:17px;
      font-size:10px
    }
    .article-header {
      padding:130px 24px 40px
    }
    .article-header>.eyebrow {
      margin-top:24px;
      font-size:8px
    }
    .article-header h1 {
      font-size:57px;
      line-height:1.02;
      margin:25px 0
    }
    .article-deck {
      font-size:19px;
      line-height:1.6
    }
    .article-header .eyebrow:last-child {
      font-size:8px;
      margin-top:25px
    }
    .article-image {
      margin:0 24px
    }
    .article-image>img {
      aspect-ratio:1.24;
      max-height:none
    }
    .article-image figcaption {
      font-size:7px;
      line-height:1.5
    }
    .article-prose {
      margin:44px auto 65px
    }
    .article-prose h2 {
      font-size:30px;
      margin-bottom:18px
    }
    .article-prose p {
      font-size:15px;
      line-height:1.85
    }
    .article-prose section+section {
      margin-top:34px
    }
    .article-signoff {
      padding-top:26px;
      margin-top:32px!important
    }
    .contact-hero {
      display:block;
      padding:132px 24px 70px;
      min-height:0
    }
    .contact-hero world-stage {
      height:850px;
      --scene-x:.67
    }
    .contact-shade {
      background:linear-gradient(0deg,var(--ink) 56%,#07131fed 65%,#07131f77 100%)
    }
    .contact-intro {
      padding-top:15px
    }
    .contact-intro h1 {
      font-size:clamp(50px,16.5vw,69px);
      line-height:.97;
      margin:25px 0
    }
    .contact-intro h1 br:nth-child(2) {
      display:none
    }
    .contact-intro>p {
      font-size:15px
    }
    .contact-note {
      display:none
    }
    .project-form-wrap {
      margin-top:56px
    }
    .project-form {
      padding:0
    }
    .form-title {
      flex-direction:row;
      margin-bottom:26px;
      align-items:start;
      gap:20px
    }
    .form-title>.eyebrow:first-child {
      font-size:9px
    }
    .form-title>.eyebrow:last-child {
      font-size:7px;
      max-width:140px;
      text-align:right
    }
    .form-pair {
      gap:17px
    }
    .project-form label {
      font-size:11px;
      margin-bottom:23px
    }
    .project-form input:not([type=checkbox],[type=radio]),.project-form select,.project-form textarea {
      font-size:16px;
      padding:12px 9px
    }
    .direction-options {
      gap:8px
    }
    .direction-options>label {
      margin:0
    }
    .direction-options span {
      padding:9px 12px;
      font-size:10px
    }
    .field-hint {
      font-size:9px;
      margin-top:-13px
    }
    .project-form .consent-label {
      font-size:10px;
      line-height:1.7
    }
    .form-footnote {
      font-size:9px
    }
    .message-page {
      padding:165px 24px 90px;
      min-height:75svh
    }
    .message-page h1 {
      font-size:59px;
      line-height:1.02
    }
    .message-page>.text-link {
      display:flex;
      margin:15px 0 0
    }
    .policy-page {
      padding:135px 24px 70px
    }
    .policy-page h1 {
      font-size:61px;
      line-height:1.03;
      margin:25px 0 30px
    }
    .policy-page h2 {
      font-size:30px;
      margin-top:35px
    }
    .policy-page .lead {
      font-size:18px
    }
    .policy-page p {
      font-size:14px
    }
    .policy-page .policy-note {
      font-size:11px
    }
    .closing-cta {
      min-height:535px
    }
    .closing-art {
      background-position:68% 40%;
      background-image:linear-gradient(90deg,#06111ae8 5%,#06111b66 60%,#06111b0d),linear-gradient(0deg,var(--ink),transparent 23%,transparent 80%,var(--ink)),url('/studio-assets/d05dff28f9191144/assets/world-960.webp')
    }
    .closing-copy {
      padding:70px 24px 85px
    }
    .closing-copy h2 {
      font-size:68px;
      margin:23px 0 30px
    }
    .closing-coordinate {
      bottom:27px;
      left:24px;
      right:auto;
      font-size:7px;
      letter-spacing:.12em
    }
    .site-footer {
      padding:42px 24px 20px;
      gap:29px
    }
    .footer-brand {
      font-size:31px
    }
    .footer-brand>span {
      font-size:7px
    }
    .site-footer>nav {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      width:100%;
      gap:8px 22px;
      font-size:12px
    }
    .site-footer>nav a {
      padding:7px 0
    }
    .footer-bottom {
      display:block;
      padding-top:20px;
      margin-top:0
    }
    .footer-bottom>span {
      font-size:7px;
      letter-spacing:.12em
    }
    .footer-bottom>div {
      margin-top:14px;
      display:flex;
      gap:6px 16px;
      justify-content:flex-start;
      align-items:center;
      font-size:9px
    }
    .footer-bottom>div>span {
      display:block;
      width:100%;
      font-size:9px;
      margin-top:6px
    }
    .footer-bottom .text-button {
      font-size:9px
    }
    .reel-top {
      left:20px;
      right:20px;
      top:20px
    }
    .reel-top>.eyebrow {
      font-size:8px;
      max-width:220px
    }
    .reel-caption {
      left:24px;
      right:24px;
      bottom:175px
    }
    .reel-caption h2 {
      font-size:52px;
      line-height:1.03
    }
    .reel-caption p {
      font-size:12px;
      max-width:300px
    }
    .reel-controls {
      left:24px;
      right:24px;
      bottom:34px;
      flex-wrap:wrap;
      gap:20px 12px
    }
    .reel-chapters {
      gap:8px;
      order:3;
      width:100%;
      justify-content:center
    }
    .reel-chapters button {
      width:43px;
      height:43px;
      font-size:10px
    }
    .reel-controls .text-link {
      font-size:9px;
      gap:10px
    }
    .reel-controls .text-button {
      font-size:9px
    }
    .reel-dialog world-stage {
      --scene-x:.66
    }
    .privacy-content {
      padding:34px 24px
    }
    .privacy-content>.eyebrow {
      margin-top:22px;
      font-size:8px
    }
    .privacy-content h2 {
      font-size:36px;
      line-height:1.08
    }
    .privacy-content p {
      font-size:13px
    }
    .privacy-actions {
      flex-direction:column
    }
    .privacy-actions .button {
      width:100%
    }
  }
  @media(max-width:360px) {
    .brand-mark {
      width:41px;
      height:41px
    }
    .brand-name {
      font-size:28px
    }
    .brand-descriptor {
      font-size:5.8px
    }
    .brand {
      gap:6px
    }
    .hero-copy {
      left:21px;
      right:17px
    }
    .hero-actions {
      gap:13px
    }
    .hero-actions .button {
      padding:12px 14px;
      font-size:7.5px;
      gap:10px
    }
    .hero-actions .reel-link {
      font-size:7.5px
    }
    .worlds-strip {
      margin-top:817px;
      grid-auto-columns:80vw
    }
    .arrival {
      min-height:1090px
    }
    .hero-description {
      font-size:13px
    }
    .world-card h2 {
      font-size:22px
    }
    .intro-grid h2 {
      font-size:40px
    }
    .interior-title h1 {
      font-size:57px
    }
    .contact-intro h1 {
      font-size:59px
    }
    .form-pair {
      grid-template-columns:1fr;
      gap:0
    }
    .direction-options span {
      padding:8px 9px
    }
    .closing-copy h2 {
      font-size:60px
    }
    .journal-row h3 {
      font-size:26px
    }
  }
}
@layer accessibility  {
  @media(prefers-reduced-motion:reduce) {
    html {
      scroll-behavior:auto
    }
    *,*::before,*::after {
      animation-duration:.001ms!important;
      animation-iteration-count:1!important;
      transition-duration:.001ms!important
    }
    ::view-transition-old(root),::view-transition-new(root) {
      animation:none!important
    }
    .world-card:hover img,.work-item:hover img,.journal-feature:hover img {
      transform:none
    }
  }
  html[data-motion=paused] .world-card img,html[data-motion=paused] .work-image img {
    transition:none
  }
  html[data-motion=paused] .world-card:hover img {
    transform:none
  }
  @media(prefers-contrast:more) {
    :root {
      --muted:#e0e3e4;
      --line:#ffffff70
    }
    .arrival-shade {
      background:linear-gradient(90deg,#030b14f5,#030b14bd 32%,transparent 65%)
    }
    .hero-description {
      color:#fff
    }
    .world-card .card-shade {
      background:linear-gradient(0deg,#020811,transparent 60%,#020811c9)
    }
    .right-manifesto {
      color:#000;
      font-weight:700
    }
    .interior-shade {
      background:linear-gradient(90deg,#06111ff5,#06111fbb 45%,transparent),linear-gradient(0deg,#07131f,transparent 50%)
    }
    .contact-shade {
      background:#06111ee5
    }
    .field-hint {
      color:#eee
    }
  }
  @media(forced-colors:active) {
    world-stage,.arrival-shade,.interior-shade,.card-shade,.contact-shade,.closing-art {
      display:none
    }
    .hero-copy,.interior-title {
      color:CanvasText
    }
    .world-card {
      border:1px solid CanvasText
    }
    .button,.play-circle,.circle-arrow {
      border:1px solid ButtonText
    }
    .direction-options input:checked+span {
      outline:2px solid Highlight
    }
    .site-menu summary span {
      background:CanvasText
    }
  }
  @media print {
    .site-header,.site-footer,world-stage,.arrival-shade,.interior-shade,.world-index,.left-manifesto,.right-manifesto,.enter-studio,.scroll-cue,.arrival-footer,dialog,.button,.reel-link {
      display:none!important
    }
    :root,body {
      background:white;
      color:black
    }
    .arrival {
      height:auto;
      min-height:0;
      padding:25px 0
    }
    .hero-copy {
      position:static
    }
    .hero-copy h1 {
      font-size:50px
    }
    .hero-description,p {
      color:#333
    }
    .worlds-strip {
      position:static;
      display:grid;
      grid-template-columns:repeat(5,1fr);
      margin:35px 0 0
    }
    .world-card {
      break-inside:avoid
    }
    .world-card h2 {
      color:black;
      position:static;
      padding:10px;
      font-size:18px
    }
    .world-card img {
      position:static
    }
    .world-number,.world-caption,.circle-arrow {
      display:none
    }
    .interior-hero,.world-detail-hero {
      height:auto;
      min-height:0;
      padding:30px 0
    }
    .interior-title,.world-detail-copy {
      position:static
    }
    .page-section,.article-header,.policy-page {
      padding:25px 0
    }
    .page-section h2 {
      font-size:30px
    }
    .closing-cta {
      display:none
    }
    .project-form input,.project-form textarea {
      border:1px solid black!important;
      color:black!important
    }
    .contact-hero {
      padding:25px 0
    }
    .contact-intro h1 {
      font-size:42px
    }
  }
}