:root{--ink:#11110f;--paper:#e9e6dd;--blue:#1646d8;--orange:#ed6a28;--steel:#25475c;--line:rgba(255,255,255,.25);--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,iframe:focus-visible{outline:3px solid #ffc15b;outline-offset:4px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.25);position:absolute;top:0;left:0;right:0;z-index:3;color:#fff}.brand{display:flex;align-items:center;gap:11px;font-size:12px;line-height:.92;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.brand-mark{display:grid;place-items:center;background:var(--orange);width:35px;height:35px;border-radius:50%;font-size:10px;letter-spacing:-.08em}.nav{display:flex;gap:22px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.nav a{opacity:.78;transition:opacity .2s}.nav a:hover{opacity:1}.header-cta{font:11px var(--mono);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:5px}.header-cta span,.text-link span,.card-link span,.contact-email span{color:var(--orange);font-size:17px;margin-left:8px}.image-section{position:relative;color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center}.image-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,16,.93),rgba(5,10,16,.7) 46%,rgba(5,10,16,.38));z-index:0}.image-section>*{position:relative;z-index:1}.hero{min-height:760px;background-image:url('images/gpt-image-2_A_cinematic_industrial_workshop_at_night_elegant_and_atmospheric_with_warm_pract-0 (1).jpg');padding:190px 9vw 75px;display:flex;align-items:flex-start}.hero-copy{max-width:640px}.eyebrow,.section-label,.card-top,.hero-meta,.footer{font:11px var(--mono);text-transform:uppercase;letter-spacing:.07em}.eyebrow{display:flex;align-items:center;gap:10px;color:#b7bec4}.pulse{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(237,106,40,.15)}h1{font-size:clamp(72px,10.5vw,164px);line-height:.83;letter-spacing:-.09em;margin:32px 0 38px;font-weight:600}em{font-style:normal;color:var(--orange)}.hero-intro{max-width:470px;font-size:18px;line-height:1.45;color:#d5d8d8;margin-bottom:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;min-width:210px;padding:15px 17px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.button-light{background:#fff;color:var(--ink)}.button span{font-size:18px}.hero-meta{position:absolute!important;bottom:31px;left:9vw;right:9vw;display:flex;justify-content:space-between;color:#a6adaf}.hero-stamp{position:absolute!important;right:4vw;bottom:31px;font:12px var(--mono);line-height:1.2;text-align:center;color:#aaa}.hero-stamp b{color:var(--orange);font-weight:400}.section-grid{display:grid;grid-template-columns:1.2fr 3fr 1fr;gap:4vw;padding:140px 9vw}.section-label{padding-top:8px;color:#d2d1cc}.section-content{min-width:0}.manifesto{min-height:650px;background-image:url('images/lucid-origin_A_quieter_corner_of_an_industrial_workshop_at_night_dim_warm_lights_deep_shadows-0.jpg');background-position:center 42%}.kicker{font-size:clamp(38px,5.3vw,78px);line-height:.95;letter-spacing:-.07em;margin:0 0 42px}.body-copy{font-size:20px;line-height:1.4;max-width:550px;margin:0 0 27px;color:#f0efeb}.orbit-word{font:11px var(--mono);line-height:1.35;letter-spacing:.09em;align-self:end;color:var(--orange);transform:rotate(-12deg);text-align:center;border:1px solid var(--orange);border-radius:50%;padding:40px 20px;width:150px;height:150px;display:grid;place-content:center;margin-bottom:25px}.workbench{background-image:url('images/gpt-image-2_A_sleek_industrial-tech_workspace_with_multiple_screens_code-inspired_interface_-0.jpg');background-position:center 45%;min-height:840px}.workbench:before{background:linear-gradient(90deg,rgba(5,10,16,.96),rgba(5,10,16,.75) 48%,rgba(5,10,16,.48))}.work-intro h2{font-size:clamp(52px,7vw,100px);line-height:.8;letter-spacing:-.08em;margin:0 0 30px}.work-intro p{max-width:260px;line-height:1.4;color:#f0efeb}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:end}.project-card{min-height:285px;padding:19px;position:relative;color:#fff;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(0,0,0,.22)}.card-blue{background:rgba(22,70,216,.94)}.card-orange{background:rgba(237,106,40,.95)}.card-black{background:rgba(17,17,15,.95)}.card-steel{background:rgba(37,71,92,.95)}.card-paper{background:rgba(233,230,221,.96);color:var(--ink)}.card-top{display:flex;justify-content:space-between;font-size:10px}.status{opacity:.75}.project-card h3{font-size:29px;line-height:.9;letter-spacing:-.06em;margin:auto 0 14px}.project-card p{font-size:13px;line-height:1.35;max-width:260px;margin:0 0 16px}.card-link{font:10px var(--mono);text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:6px;align-self:flex-start}.open-workshop{min-height:820px;background-image:url('images/gpt-image-2_A_modern_industrial_event_space_inside_a_creative_workshop_environment_long_tabl-0.jpg');background-position:center 44%}.open-workshop:before{background:linear-gradient(90deg,rgba(5,10,16,.94),rgba(5,10,16,.7) 46%,rgba(5,10,16,.4))}.media-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:end}.media-card{min-height:180px;display:flex;background:rgba(8,12,15,.84);border:1px solid rgba(255,255,255,.22);transition:transform .2s,border-color .2s}.media-card:hover{transform:translateY(-4px);border-color:var(--orange)}.media-thumb{width:38%;min-height:180px;background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.thumb-thailand{background-image:linear-gradient(135deg,rgba(237,106,40,.35),rgba(5,10,16,.5)),url('images/gpt-image-2_A_stylish_urban_creative_studio-workshop_hybrid_at_dusk_blending_industrial_text-0.jpg')}.thumb-pope{background-image:linear-gradient(135deg,rgba(22,70,216,.42),rgba(5,10,16,.6)),url('images/gpt-image-2_A_cinematic_digital_media_lab_inside_an_industrial_workshop_large_calibrated_dis-0.jpg')}.thumb-meetups{background-image:linear-gradient(135deg,rgba(237,106,40,.32),rgba(5,10,16,.55)),url('images/gpt-image-2_A_modern_industrial_event_space_inside_a_creative_workshop_environment_long_tabl-0.jpg')}.thumb-friends{background-image:linear-gradient(135deg,rgba(37,71,92,.35),rgba(5,10,16,.62)),url('images/lucid-origin_A_darker_high-end_experimental_workshop_interior_benches_covered_with_prototypes-0.jpg')}.play-icon{width:40px;height:40px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-size:13px}.media-copy{display:flex;flex-direction:column;gap:6px;padding:20px 15px}.media-copy strong{font-size:19px;line-height:1}.media-copy small{color:#b8c0c2;font-size:12px;line-height:1.3}.media-copy em{font:10px var(--mono);text-transform:uppercase;margin-top:auto}.closing{min-height:800px;background-image:url('images/lucid-origin_A_quieter_corner_of_an_industrial_workshop_at_night_dim_warm_lights_deep_shadows-0.jpg');background-position:center 65%}.closing:before{background:linear-gradient(90deg,rgba(5,10,16,.96),rgba(5,10,16,.72) 50%,rgba(5,10,16,.42))}.directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;border-top:1px solid rgba(255,255,255,.3);margin-top:50px}.directory-link{display:grid;grid-template-columns:1fr auto 24px;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.22);transition:color .2s}.directory-link:hover{color:var(--orange)}.directory-link span{font-size:18px}.directory-link small{color:#b7bec4;font:10px var(--mono);text-transform:uppercase}.directory-link b{font:18px var(--sans);font-weight:400}.media-placeholder{display:block;border:1px solid rgba(255,255,255,.32);width:100%;max-width:620px;height:70px;margin-top:55px;background:transparent;opacity:.65}.footer{padding:28px 4vw;display:flex;justify-content:space-between;border-top:1px solid rgba(17,17,15,.2);color:#77736b;font-size:10px}.footer a{color:var(--ink)}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.js .reveal.is-visible{opacity:1;transform:none}@media(max-width:1050px){.nav{gap:12px;font-size:9px}.header-cta{display:none}}@media(max-width:800px){.site-header{padding:0 6vw}.nav{display:none}.hero{min-height:700px;padding:160px 7vw 60px;background-position:63% center}.hero-meta{left:7vw;right:7vw}.section-grid{display:block;padding:88px 7vw}.section-label{margin-bottom:45px}.manifesto{min-height:700px;background-position:63% center}.workbench{min-height:1350px;background-position:68% center}.open-workshop{min-height:1100px;background-position:65% center}.closing{min-height:950px;background-position:70% center}.orbit-word{margin:55px 0 0 auto}.work-intro h2{margin-bottom:35px}.cards,.media-cards{margin-top:55px;grid-template-columns:1fr}.project-card{min-height:255px}.media-card{min-height:155px}.media-thumb{min-height:155px}.directory{grid-template-columns:1fr}.footer{gap:15px;flex-wrap:wrap}.footer span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}}@media(hover:none){.media-card:hover{transform:none}}
@media(min-width:801px){
  .workbench .project-cards,.open-workshop .media-cards{grid-column:2 / 4;grid-row:2;margin-top:10px;min-width:0}
  .workbench .project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .open-workshop .media-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-card,.media-card{min-width:0}
  .project-card h3,.project-card p,.media-copy strong,.media-copy small{overflow-wrap:anywhere}
}
.field-notes{min-height:900px;background-image:url('images/gpt-image-2_A_stylish_urban_creative_studio-workshop_hybrid_at_dusk_blending_industrial_text-0.jpg');background-position:center 48%}.field-notes:before{background:linear-gradient(90deg,rgba(5,10,16,.95),rgba(5,10,16,.72) 48%,rgba(5,10,16,.42))}.place-cards{grid-column:2 / 4;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin-top:10px}.place-card{min-width:0;min-height:390px;background:rgba(8,12,15,.86);border:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,border-color .2s}.place-card:hover{transform:translateY(-4px);border-color:var(--orange)}.place-card-image{height:145px;background-size:cover;background-position:center;flex:none}.place-thailand .place-card-image{background-image:linear-gradient(135deg,rgba(237,106,40,.22),rgba(5,10,16,.5)),url('images/gpt-image-2_A_stylish_urban_creative_studio-workshop_hybrid_at_dusk_blending_industrial_text-0.jpg')}.place-builds .place-card-image{background-image:linear-gradient(135deg,rgba(22,70,216,.3),rgba(5,10,16,.52)),url('images/gpt-image-2_A_sleek_industrial-tech_workspace_with_multiple_screens_code-inspired_interface_-0.jpg')}.place-people .place-card-image{background-image:linear-gradient(135deg,rgba(237,106,40,.2),rgba(5,10,16,.52)),url('images/gpt-image-2_A_modern_industrial_event_space_inside_a_creative_workshop_environment_long_tabl-0.jpg')}.place-card-copy{padding:18px;display:flex;flex-direction:column;height:100%}.place-card .card-top{font-size:10px;color:#b7bec4}.place-card h3{font-size:31px;line-height:.9;letter-spacing:-.06em;margin:28px 0 16px}.place-card p{font-size:13px;line-height:1.35;margin:0 0 18px;max-width:280px;color:#e8e7e2}.place-card .card-link{margin-top:auto}@media(max-width:800px){.field-notes{min-height:1420px;background-position:66% center}.place-cards{grid-template-columns:1fr;margin-top:55px}.place-card{min-height:360px}.place-card-image{height:165px}}@media(hover:none){.place-card:hover{transform:none}}
.video-groups{grid-column:2 / 4;grid-row:2;display:flex;flex-direction:column;gap:72px;min-width:0;margin-top:10px}.video-group{display:flex;flex-direction:column;gap:22px}.group-label{font:12px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--orange);margin:0;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:12px}.video-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:280px;background:rgba(8,12,15,.84);border:1px solid rgba(255,255,255,.22);overflow:hidden}.video-entry:nth-of-type(odd) .video-visual{order:2}.video-visual{position:relative;min-height:280px;background:#080c0f}.video-visual img,.video-visual iframe{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;border:0}.video-visual.is-playing{background:#000}.video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(5,10,16,.65);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}.video-play:hover{background:var(--orange);transform:translate(-50%,-50%) scale(1.06)}.video-play span{font-size:17px;margin-left:3px}.video-copy{display:flex;flex-direction:column;justify-content:center;padding:34px 38px}.video-category{font:10px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--orange);margin-bottom:20px}.video-copy h3{font-size:clamp(28px,3vw,48px);line-height:.92;letter-spacing:-.07em;margin:0 0 22px}.video-copy p{font-size:16px;line-height:1.45;color:#e7e6e1;max-width:430px;margin:0}.field-notes{min-height:0}.field-notes .section-grid{padding-bottom:150px}@media(max-width:800px){.video-groups{display:flex;margin-top:55px;gap:58px}.video-entry{display:flex;flex-direction:column;min-height:0}.video-entry:nth-of-type(odd) .video-visual{order:0}.video-visual,.video-visual img,.video-visual iframe{min-height:210px;height:210px}.video-copy{padding:25px 22px 29px}.video-copy h3{font-size:34px}.video-copy p{font-size:15px}.group-label{font-size:11px}}
/* Video thumbnail sizing correction */
.video-entry{min-width:0;max-width:100%;align-items:center}
.video-visual{width:100%;max-width:520px;aspect-ratio:16/9;height:auto;min-height:0;align-self:center;overflow:hidden}
.video-visual img,.video-visual iframe{width:100%;height:100%;min-height:0;aspect-ratio:16/9;object-fit:cover}
.video-copy{min-width:0;overflow-wrap:anywhere}
.video-copy h3,.video-copy p{overflow-wrap:anywhere}
@media(max-width:800px){
  .video-entry{display:flex;align-items:stretch}
  .video-visual{width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:16/9}
  .video-visual img,.video-visual iframe{height:100%;min-height:0}
}
/* Explicit desktop video frame sizing */
@media(min-width:801px){
  .video-entry{grid-template-columns:minmax(0,520px) minmax(0,1fr)!important;align-items:center!important}
  .video-visual{width:100%!important;max-width:520px!important;height:292.5px!important;min-height:0!important;aspect-ratio:16/9!important}
  .video-visual img,.video-visual iframe{width:100%!important;height:100%!important;min-height:0!important;max-height:292.5px!important}
}
@media(max-width:800px){
  .video-visual{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important}
  .video-visual img,.video-visual iframe{height:100%!important;min-height:0!important;max-height:none!important}
}
/* Intermediate-width layout: avoid squeezing desktop rows into tablet widths */
@media(min-width:801px) and (max-width:1199px){
  .video-entry{display:flex;flex-direction:column;align-items:stretch!important}
  .video-entry:nth-of-type(odd) .video-visual{order:0}
  .video-visual{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
  .video-visual img,.video-visual iframe{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important}
  .video-copy{padding:28px 30px 32px}
  .video-copy h3{font-size:clamp(30px,4vw,44px)}
}
/* Places & Things: centred editorial canvas */
@media(min-width:801px){
  .field-notes .section-grid{display:block;width:min(1240px,calc(100% - 12vw));max-width:1240px;margin:0 auto;padding:140px 0 150px}
  .field-notes .section-label{padding-top:0;margin:0 0 48px}
  .field-notes .section-content{max-width:920px;margin:0 0 76px}
  .field-notes .kicker{max-width:920px}
  .field-notes .body-copy{max-width:700px}
  .field-notes .video-groups{display:flex;grid-column:auto;grid-row:auto;width:100%;margin-top:0}
}
.hero-tagline{margin:-13px 0 30px;color:#fff;font-size:18px;line-height:1.35;letter-spacing:-.02em}
@media(max-width:800px){.hero-tagline{font-size:16px;margin:-14px 0 28px}}
/* Hero: centred opening statement */
@media(min-width:801px){
  .hero{justify-content:center;text-align:center}
  .hero:before{background:linear-gradient(90deg,rgba(5,10,16,.8),rgba(5,10,16,.7) 50%,rgba(5,10,16,.8))}
  .hero-copy{max-width:900px;margin:0 auto}
  .hero-copy .eyebrow{justify-content:center}
  .hero-copy .hero-intro{max-width:780px;margin:0 auto 22px;font-size:clamp(22px,2.7vw,38px);line-height:1.08}
  .hero-detail{max-width:600px;margin:0 auto 18px;font-size:18px;line-height:1.35;color:#d5d8d8}
  .hero-tagline{margin:0 auto 32px;font-size:20px}
  .hero-copy .button{margin:0 auto}
}
@media(max-width:800px){
  .hero{text-align:center;justify-content:center}
  .hero-copy .eyebrow{justify-content:center}
  .hero-copy .hero-intro{max-width:370px;margin:0 auto 20px;font-size:clamp(22px,7vw,32px);line-height:1.08}
  .hero-detail{max-width:340px;margin:0 auto 17px;font-size:16px;line-height:1.35;color:#d5d8d8}
  .hero-tagline{margin:0 auto 28px;font-size:17px}
  .hero-copy .button{margin:0 auto}
}
/* Global section centering */
@media(min-width:801px){
  .manifesto .section-grid,.workbench .section-grid,.open-workshop .section-grid,.closing .section-grid{display:block;width:min(1240px,calc(100% - 12vw));max-width:1240px;margin:0 auto;padding:140px 0 150px}
  .manifesto .section-label,.workbench .section-label,.open-workshop .section-label,.closing .section-label{padding-top:0;margin:0 0 48px;text-align:center}
  .manifesto .section-content,.workbench .section-content,.open-workshop .section-content,.closing .section-content{max-width:920px;margin:0 auto 76px;text-align:center}
  .manifesto .body-copy,.open-workshop .body-copy,.closing .body-copy{margin-left:auto;margin-right:auto}
  .manifesto .orbit-word{margin:0 auto 32px}
  .workbench .project-cards,.open-workshop .media-cards{display:grid;width:100%;grid-column:auto;grid-row:auto;margin:0}
  .closing .directory{margin-left:auto;margin-right:auto;text-align:left}
}
@media(max-width:800px){
  .manifesto .section-grid,.workbench .section-grid,.open-workshop .section-grid,.closing .section-grid{text-align:center}
  .manifesto .section-label,.workbench .section-label,.open-workshop .section-label,.closing .section-label{text-align:center}
  .manifesto .section-content,.workbench .section-content,.open-workshop .section-content,.closing .section-content{margin-left:auto;margin-right:auto}
  .manifesto .orbit-word{margin-left:auto;margin-right:auto}
  .workbench .project-cards,.open-workshop .media-cards,.closing .directory{text-align:left;margin-left:auto;margin-right:auto}
}
/* Places & Things alignment correction */
.field-notes .section-label{text-align:center}
.field-notes .section-content{text-align:center;margin-left:auto;margin-right:auto}
.field-notes .body-copy{margin-left:auto;margin-right:auto}
@media(max-width:800px){.field-notes .section-label{text-align:center}.field-notes .section-content{text-align:center;margin-left:auto;margin-right:auto}}
/* Video archive: consistent left-right alternation */
@media(min-width:1200px){
  .video-entry .video-visual{order:0!important}
  .video-entry:nth-of-type(even) .video-visual{order:2!important}
}
/* Closing media placeholder alignment */
.closing .media-placeholder{margin:55px auto 0}
