/*
Theme Name: We Were Wrecked
Description: Lightweight editable Gutenberg block theme for the 3W series. Draft indexing lock enabled.
Version: 0.3.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: wewerewrecked
*/
@font-face{font-family:'Bebas Neue';src:url('assets/BebasNeue-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Sedgwick;src:url('assets/SedgwickAveDisplay-Regular.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090a09;color:#fff7e5}.wp-site-blocks{position:relative;overflow:clip;padding:0}a{text-underline-offset:7px}a:focus-visible,button:focus-visible{outline:3px solid #91e7eb;outline-offset:6px}.wp-site-blocks:before,.wp-site-blocks:after{content:'';pointer-events:none;position:absolute;z-index:5;width:110px;top:0;bottom:0;background-repeat:no-repeat}.wp-site-blocks:before{left:0;background-image:url('assets/paint-pink.webp'),url('assets/paint-cyan.webp'),url('assets/paint-cyan.webp');background-size:95px auto,90px auto,110px auto;background-position:left top,left 290px,left bottom}.wp-site-blocks:after{right:0;background-image:url('assets/paint-cyan.webp'),url('assets/paint-yellow.webp'),url('assets/paint-pink.webp');background-size:110px auto,105px auto,85px auto;background-position:right top,right 470px,right bottom}.www-header{position:absolute;z-index:10;left:8.3%;right:8.3%;top:12px;min-height:60px;gap:45px;justify-content:flex-start!important}.www-header .wp-block-navigation{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:2px;gap:42px}.www-header .wp-block-navigation a{text-decoration:none}.www-header .wp-block-navigation a:hover{color:#f799c9}.www-hero{position:relative;min-height:620px;margin:0!important;isolation:isolate}.www-hero-scene{position:absolute!important;inset:0 0 0 35%;margin:0!important;z-index:-2;height:100%}.www-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}.www-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090a09 3%,#090a09 31%,transparent 57%),linear-gradient(0deg,#090a09 0%,transparent 22%)}.www-hero-copy{width:43%;max-width:590px;padding:85px 0 30px;margin-left:8.3%}.www-brand{margin:0 auto!important;width:90%;max-width:490px}.www-brand img{width:100%;height:auto}.www-tagline{font-size:29px;line-height:1.3;margin:13px 0 22px!important}.www-pink-button .wp-block-button__link{background:#f799c9;color:#090a09;border:1px solid #fff7e5;border-radius:2px;padding:12px 30px;font-size:21px;font-family:'Bebas Neue';letter-spacing:3px;box-shadow:-5px 5px 0 #91e7eb;background-image:url('assets/button-pink.webp');background-size:100% 100%}.www-episodes{position:relative;z-index:6;padding:0 8.3% 22px;margin:0!important}.www-section-title{display:flex;align-items:center;gap:25px;font-size:40px;line-height:1.2;letter-spacing:7px;margin:0 0 24px!important}.www-section-title:before,.www-section-title:after{content:'';height:1px;background:#fff7e5;flex:1;opacity:.7}.www-coming{font-size:20px;opacity:.7;padding:30px 0}.www-all-episodes{font-family:'Bebas Neue';font-size:18px;letter-spacing:4px}.www-all-episodes a{text-decoration:none;border-bottom:2px solid #91e7eb;padding-bottom:5px}.www-footer{position:relative;z-index:6;border-top:1px solid #fff7e566;margin:0 8.3%!important;padding:17px 0 22px}.www-footer .wp-block-site-title{font-family:'Bebas Neue';letter-spacing:2px;font-size:25px}.www-footer p{font-size:16px}.www-content{padding:120px 8.3% 70px;min-height:75vh}.www-content h1{font-size:clamp(36px,6vw,65px)}.www-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.www-episode iframe{aspect-ratio:16/9;width:100%;height:auto}.www-character img{width:100%;height:auto}.wp-block-navigation__responsive-container.is-menu-open{background:#090a09!important;color:#fff7e5!important;padding:35px}.editor-styles-wrapper .www-hero-scene{z-index:0}.editor-styles-wrapper .www-hero-copy{position:relative;z-index:2}
@media(min-width:1600px){.www-hero{min-height:710px}.www-hero-copy{padding-top:100px}.www-brand{max-width:550px}}
@media(max-width:900px){.www-header{left:7%;right:7%;gap:25px}.www-header .wp-block-navigation{gap:22px}.www-hero-copy{width:48%;margin-left:6%;padding-top:100px}.www-hero{min-height:570px}.www-tagline{font-size:23px}.www-section-title{font-size:30px;letter-spacing:4px}.wp-site-blocks:before,.wp-site-blocks:after{width:55px;background-size:55px auto}.www-footer{flex-wrap:wrap;gap:0}}
@media(max-width:600px){.www-header{position:absolute;top:10px;left:7%;right:7%;justify-content:space-between!important}.www-header .wp-block-site-logo img{width:55px}.www-hero{min-height:800px;padding-top:360px}.www-hero-scene{inset:0 0 auto 0;height:430px}.www-hero-scene img{object-position:60% center}.www-hero:after{background:linear-gradient(0deg,#090a09 43%,transparent 70%)}.www-hero-copy{width:86%;margin:0 auto;padding:0 0 30px}.www-brand{max-width:370px;width:90%}.www-tagline{font-size:23px}.www-pink-button .wp-block-button__link{font-size:19px;padding:12px 25px}.www-episodes{padding:0 7% 25px}.www-section-title{font-size:27px;gap:10px;letter-spacing:3px}.www-coming{padding:10px 0}.www-footer{margin:0 7%!important;padding:15px 0 25px}.www-footer .wp-block-site-title{font-size:22px}.www-content{padding:105px 7% 50px}.wp-site-blocks:before,.wp-site-blocks:after{width:32px;background-size:32px auto;background-position:left top,left 500px,left bottom}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.www-hero-scene{overflow:hidden}.www-hero-scene img{position:absolute;inset:0;height:100%;width:100%}a{color:inherit}.www-pink-button .wp-block-button__link{background-image:none}.www-hero-copy:before{content:'';pointer-events:none;position:absolute;left:1.8%;top:180px;width:85px;height:170px;background:url('assets/message-students.webp') center/contain no-repeat}.www-hero:before{content:'';pointer-events:none;position:absolute;right:2%;top:70px;width:100px;height:120px;background:url('assets/message-mess.webp') center/contain no-repeat}.www-header .current-menu-item a{border-bottom:2px solid #f799c9}
@media(max-width:900px){.www-hero-copy:before{display:none}.www-hero:before{width:65px;right:3%;top:90px}}
.wp-site-blocks>main{margin-top:0!important}.www-hero-copy{margin-top:0!important}.www-brand{max-width:440px}@media(min-width:1600px){.www-brand{max-width:490px}}

/* Reference proportions: broad paint splashes repeat down both page edges. */
.wp-site-blocks:before,.wp-site-blocks:after{width:clamp(115px,10.5vw,200px);background-repeat:repeat-y;background-size:100% auto;background-position:top left}
.wp-site-blocks:before{background-image:url('assets/edge-left.svg')}
.wp-site-blocks:after{background-image:url('assets/edge-right.svg');background-position:top right}
.www-hero-scene{left:27%}
.www-hero:after{background:linear-gradient(90deg,#090a09 0%,#090a09 31%,rgba(9,10,9,.88) 37%,rgba(9,10,9,.4) 48%,transparent 64%),linear-gradient(0deg,#090a09 0%,transparent 25%)}
.www-hero-copy:before{display:block;left:2%;top:180px;width:clamp(105px,7vw,140px);height:245px}
.www-hero:before{right:3%;top:65px;width:clamp(115px,9vw,165px);height:180px}
@media(max-width:1100px) and (min-width:601px){.www-hero-copy:before{left:1%;width:90px;height:170px;top:190px}.www-hero:before{width:100px;height:155px;right:2%;top:80px}}
@media(max-width:600px){
 .wp-site-blocks:before,.wp-site-blocks:after{width:65px;background-size:95px auto}
 .wp-site-blocks:before{background-position:left top}.wp-site-blocks:after{background-position:right top}
 .www-hero-scene{left:0}
 .www-hero:after{background:linear-gradient(0deg,#090a09 43%,rgba(9,10,9,.15) 62%,transparent 79%)}
 .www-hero-copy:before{left:3%;top:205px;width:68px;height:155px;opacity:.8}
 .www-hero:before{right:4%;top:105px;width:80px;height:140px;opacity:.85}
}

/* Mobile: artwork cropped flush to the viewport edges and a compact first screen. */
@media(max-width:600px){
 .wp-site-blocks:before,.wp-site-blocks:after{width:75px;background-size:100px auto}
 .wp-site-blocks:before{left:0;background-image:url('assets/edge-mobile-left-v015.svg');background-position:left top}
 .wp-site-blocks:after{right:0;background-image:url('assets/edge-mobile-right-v015.svg');background-position:right top}
 .www-hero{min-height:0;padding-top:clamp(190px,30svh,260px)}
 .www-hero-scene{height:clamp(300px,56svh,400px)}
 .www-hero-copy{width:86%;padding-bottom:25px}
 .www-brand{width:min(74vw,38svh);max-width:275px}
 .www-tagline{font-size:clamp(18px,5.1vw,22px);line-height:1.3;margin:12px 0 16px!important}
 .www-hero-copy .wp-block-buttons{margin-top:12px!important}
 .www-pink-button .wp-block-button__link{font-size:18px;padding:11px 22px}
 .www-hero-copy:before{top:145px;left:2%;width:64px;height:125px}
 .www-hero:before{top:95px;right:3%;width:75px;height:125px}
 .www-header{left:6%;right:6%;top:12px}
 .www-header .wp-block-navigation__responsive-container-open,
 .www-header .wp-block-navigation__responsive-container-close{width:44px;height:44px;border-radius:50%;background:#fff;color:#090a09;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0006}
 .www-header .wp-block-navigation__responsive-container-open svg,
 .www-header .wp-block-navigation__responsive-container-close svg{width:24px;height:24px;fill:currentColor}
}

/* Whole artwork anchored to the viewport, never sliced into repeating strips. */
.wp-site-blocks{min-height:100svh;width:100%;max-width:none!important}
.wp-site-blocks:before,.wp-site-blocks:after{position:fixed;top:8px;bottom:8px;width:clamp(125px,8vw,205px);background-repeat:no-repeat;background-size:100% auto,100% auto,100% auto}
.wp-site-blocks:before{left:0;background-image:url('assets/paint-pink.webp'),url('assets/paint-cyan.webp'),url('assets/paint-cyan.webp');background-position:left top,left 48%,left bottom}
.wp-site-blocks:after{right:0;background-image:url('assets/paint-cyan.webp'),url('assets/paint-yellow.webp'),url('assets/paint-pink.webp');background-position:right top,right 58%,right bottom}
.wp-site-blocks>main,.www-hero,.www-episodes,.www-section-title{max-width:none!important;width:100%}
.www-hero-copy:before{left:clamp(135px,8.4vw,220px);top:235px;width:clamp(100px,6vw,150px);height:245px}
.www-hero:before{right:clamp(135px,8.4vw,220px);top:80px;width:clamp(110px,6vw,160px);height:190px}
@media(min-width:1600px){.www-hero{min-height:75svh}.www-hero-copy{margin-left:15%;padding-top:120px}.www-hero:after{background:linear-gradient(90deg,#090a09 0%,#090a09 31%,rgba(9,10,9,.88) 37%,rgba(9,10,9,.4) 48%,transparent 64%),linear-gradient(270deg,rgba(9,10,9,.65),transparent 18%),linear-gradient(0deg,#090a09 0%,transparent 25%)}}
@media(max-width:600px){
.wp-site-blocks:before,.wp-site-blocks:after{width:70px;top:5px;bottom:5px;background-size:100% auto,100% auto,100% auto}
.wp-site-blocks:before{background-image:url('assets/paint-pink.webp'),url('assets/paint-cyan.webp'),url('assets/paint-cyan.webp');background-position:left top,left 48%,left bottom}
.wp-site-blocks:after{background-image:url('assets/paint-cyan.webp'),url('assets/paint-yellow.webp'),url('assets/paint-pink.webp');background-position:right top,right 58%,right bottom}
.www-hero-copy:before{left:72px;top:130px;width:64px;height:125px}
.www-hero:before{right:72px;top:82px;width:75px;height:125px}
.www-hero{min-height:0}
}

.www-footer-brand{gap:15px}.www-footer-name{font-family:"Bebas Neue";font-size:25px!important;letter-spacing:2px;margin:0}.www-footer-brand .wp-block-site-logo{flex-shrink:0}
@media(max-width:600px){.www-footer-name{font-size:21px!important}.www-footer-brand{gap:10px}}

/* Paint bleeds beyond the screen edge and faces into the page. */
.wp-site-blocks:before,.wp-site-blocks:after{content:none!important}
.www-edge-paint{--paint:clamp(160px,10vw,260px);position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:5}
.www-paint{position:absolute;width:var(--paint);height:auto;max-width:none!important;margin:0!important}
.www-paint-left-top{left:calc(var(--paint)*-.16);top:-8px}
.www-paint-left-middle{width:calc(var(--paint)*1.6);left:calc(var(--paint)*-1.15);top:42%}
.www-paint-left-bottom{left:calc(var(--paint)*-.25);bottom:0;transform:scaleX(-1) rotate(-12deg)}
.www-paint-right-top{width:calc(var(--paint)*1.6);right:calc(var(--paint)*-1.15);top:-8px;transform:scaleX(-1)}
.www-paint-right-middle{right:calc(var(--paint)*-.25);top:52%;transform:rotate(10deg)}
.www-paint-right-bottom{right:calc(var(--paint)*-.16);bottom:-8px;transform:scaleX(-1)}
@media(max-width:600px){.www-edge-paint{--paint:110px}.www-paint-left-middle{top:43%}.www-paint-right-middle{top:51%}}

@media(max-width:600px){
.wp-block-navigation__responsive-container.is-menu-open{padding:28px!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:fixed!important;top:20px!important;right:20px!important;margin:0!important;transform:none!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:72px 8px 28px!important;align-items:flex-start!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;gap:26px!important}
}


.www-content{position:relative;z-index:6}

@media(min-width:601px){.www-header{position:fixed!important;top:0!important;left:0!important;right:0!important;padding:12px 8.3%;width:100%;z-index:30;background:linear-gradient(180deg,rgba(9,10,9,.95),rgba(9,10,9,.72));backdrop-filter:blur(8px)}}

.www-header .wp-block-navigation a[aria-current="page"]{border-bottom:2px solid #f799c9;padding-bottom:5px}
.www-weekly{width:68%;max-width:335px;margin:8px auto 0!important}.www-weekly img{display:block;width:100%;height:auto}
.www-footer-title{position:relative;width:185px;height:42px;overflow:hidden;margin:0!important;flex-shrink:0}.www-footer-title img{position:absolute;bottom:0;left:0;width:100%;height:auto;max-width:none}
@media(max-width:600px){.www-brand{width:min(65vw,31svh);max-width:240px}.www-weekly{width:66%;max-width:245px;margin:6px auto 0!important}.www-tagline{margin:8px 0 12px!important}.www-footer-title{width:175px;height:40px}}

@media(max-width:600px){.www-hero{padding-top:clamp(170px,25svh,220px)}.www-brand{width:min(65vw,28svh);max-width:230px}.admin-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:66px!important}}
@media(min-width:601px){.admin-bar .www-header{top:32px!important}}
@media(min-width:601px) and (max-width:782px){.admin-bar .www-header{top:46px!important}}

/* The hero stays clear; a soft navigation background appears after scrolling. */
@media(min-width:601px){
.www-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s ease,backdrop-filter .2s ease}
.www-has-scrolled .www-header{background:linear-gradient(180deg,rgba(9,10,9,.48),rgba(9,10,9,.18) 75%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
}
@media(prefers-reduced-motion:reduce){.www-header{transition:none}}

@media(max-width:600px){
.www-header .wp-block-navigation__responsive-container-open{position:fixed!important;top:12px;right:6%;z-index:40}
.admin-bar .www-header .wp-block-navigation__responsive-container-open{top:58px}
}

/* Editable Gutenberg cast cards, with transparent portraits and painted names. */
.www-cast-intro{max-width:680px!important;margin-left:0!important;margin-bottom:45px!important;color:#fff7e5b8;font-size:20px;line-height:1.55}
.www-cast-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:64px;margin-top:0!important}
.www-cast-grid>.www-cast-card{margin:0!important;min-width:0;text-align:center}
.www-cast-portrait{height:440px;margin:0!important;display:flex;align-items:flex-end;justify-content:center}
.www-cast-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}
.www-cast-name{position:relative;isolation:isolate;font-family:Sedgwick,sans-serif!important;font-size:32px!important;line-height:1.2!important;color:#090a09!important;min-height:68px;display:flex;align-items:center;justify-content:center;margin:-4px 0 14px!important;padding:12px 25px}
.www-cast-name:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--www-nameplate) center/100% 100% no-repeat}
.www-cast-card>p{max-width:310px;margin:0 auto!important;font-size:17px;line-height:1.6;color:#fff7e5b8}
@media(min-width:1600px){.www-cast-portrait{height:480px}}
@media(max-width:1000px){.www-cast-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.www-cast-portrait{height:390px}}
@media(max-width:600px){.www-cast-grid{grid-template-columns:minmax(0,1fr);row-gap:48px}.www-cast-card{width:100%;max-width:350px;margin-inline:auto!important}.www-cast-portrait{height:420px}.www-cast-name{font-size:30px!important;min-height:64px}.www-cast-intro{font-size:18px;margin-bottom:24px!important}.www-cast-card>p{font-size:16px}}

:root{--www-nameplate:url("https://mediumblue-donkey-375837.hostingersite.com/wp-content/uploads/2026/10/3w-nameplate.webp")}