@import url('https://fonts.googleapis.com/css2?family=Satisfy&family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600&family=Caveat:wght@400;500;600;700&display=swap');
:root{--orange:#f0b483;--cream:#f0b483;--paper:#f0e3d5;--white:#f0e3d5;--black:#171b32;--condensed:'Barlow Condensed','Arial Narrow',sans-serif;--hand:'Caveat',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif;background-image:radial-gradient(ellipse at 50% 30%,#42342022,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.07' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,p{margin:0}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #f3cfad;outline-offset:5px}.site{max-width:1360px;margin:auto;padding:0 3%}header{height:83px;display:flex;align-items:center;gap:22px;position:relative;z-index:5}.logo{width:200px;flex-shrink:0;position:relative;text-align:center}.logo:before{content:'♕';font:20px var(--hand);color:var(--orange);position:absolute;top:-13px;left:48%}.logo span{font:35px/.9 var(--hand);white-space:nowrap}.logo small{display:block;font-size:8px;letter-spacing:3px;color:var(--cream);margin-top:10px}nav{display:flex;justify-content:space-between;gap:18px;flex:1}nav a{font:600 15px var(--condensed);text-transform:uppercase;white-space:nowrap}nav a:hover{color:var(--orange)}.social-icon{font-size:27px;margin-left:10px}.menu{color:var(--white);border:0;background:none;font-size:23px}.hero{position:relative;height:560px;margin:0 -3.2%}.hero-photo{position:absolute;top:-25px;right:10%;width:74%;height:420px;background:url('assets/hero-v2.webp') center center/cover;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 90%,transparent)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--black),transparent 35%)}.hero-copy{position:relative;z-index:2;padding-top:35px;margin-left:3%;width:40%}.tag{font-size:12px;text-transform:uppercase;line-height:1.5}.tag em,em{color:var(--orange);font-style:normal}h1{font:800 clamp(50px,5.5vw,80px)/.93 var(--condensed);text-transform:uppercase;letter-spacing:-1px;margin:16px 0}.intro{font-size:13px;line-height:1.55;max-width:285px}.buttons{display:flex;gap:12px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid #8c743e;color:var(--white);font:600 13px var(--condensed);text-transform:uppercase;letter-spacing:.4px;background:#0a0b0ce0}.button.orange{background:linear-gradient(#f2c3a0,#bd7e91);color:#100e0b;border-color:#f0b483}.button:hover{filter:brightness(1.17)}.paper{position:relative;background-color:var(--paper);background-image:radial-gradient(ellipse at 20% 80%,#b88c5f55,transparent 40%),radial-gradient(ellipse at 80% 10%,#a3764155,transparent 35%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.13' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.13' d='M0 0h160v160H0z'/%3E%3C/svg%3E");color:#291b12;padding:23px 21px;box-shadow:3px 7px 16px #0008;border:1px solid #c5a27d}.paper:before,.polaroid:before{content:'';position:absolute;z-index:2;top:-9px;left:15%;width:65px;height:22px;background:#c5af8f99;transform:rotate(-12deg);clip-path:polygon(3% 0,98% 3%,94% 100%,0 90%)}.paper:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px dashed #7d522121}.paper h2{font:500 28px/1.1 var(--hand);text-transform:uppercase;color:#80622d}.paper p{font:500 19px/1.25 var(--hand);margin-top:14px}.follow{position:absolute;z-index:4;right:3%;top:65px;width:210px;transform:rotate(5deg);padding:22px}.follow:before{left:auto;right:14px;top:-8px;width:13px;height:43px;background:transparent;border:2px solid #746957;border-radius:12px;clip-path:none;transform:rotate(14deg)}.follow h2{color:#2d1d13;font-size:31px}.follow a{display:flex;gap:12px;align-items:center;margin-top:18px}.follow a b{font-size:27px;font-weight:400}.follow a span{font:500 16px var(--condensed)}.follow a small{display:block;font:10px 'DM Sans',sans-serif;margin-top:3px}.follow p{color:#80622d}.hero-polaroids{position:absolute;right:4%;bottom:17px;left:29%;display:flex;align-items:center;z-index:3}.polaroid{position:relative;background:#eadbc9;color:#302013;padding:9px 9px 20px;box-shadow:2px 7px 15px #0009;border:0}.polaroid img{width:100%;display:block;object-fit:cover}.hero-polaroids .polaroid{width:23%;margin-left:-1%;transform:rotate(-9deg)}.hero-polaroids img{aspect-ratio:1.1}.hero-polaroids .polaroid:nth-child(2){transform:rotate(-4deg);margin-top:-13px}.hero-polaroids .polaroid:nth-child(3){transform:rotate(5deg);margin-top:-4px}.hero-polaroids .polaroid:nth-child(4){transform:rotate(8deg);margin-top:19px}.hero-polaroids .polaroid:nth-child(5){transform:rotate(7deg);margin-top:35px;z-index:-1}.world{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:19px}.content{min-width:0}.strip{border:1px solid #9276af;border-radius:6px;box-shadow:inset 0 0 0 1px #9276af33,0 0 12px #f0b48310;padding:12px 14px 14px;margin-bottom:16px;position:relative;background:#090d0c33}.strip-heading{display:flex;align-items:center;gap:20px;margin-bottom:12px}.strip h2{font:700 38px/.95 var(--condensed);text-transform:uppercase;white-space:nowrap}.strip h2 em{margin-right:8px}.strip-heading p{font:13px var(--condensed);line-height:1.3;color:#dbd2c7}.strip-heading i{font-style:normal;color:var(--orange);padding:0 7px}.tiles{display:grid;gap:9px}.tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles.six{grid-template-columns:repeat(6,minmax(0,1fr))}.tile{border:1px solid #8978a8;border-radius:3px;padding:0;background:#12172b;color:var(--white);overflow:hidden;text-align:center;position:relative;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;align-items:stretch}.tile:hover{transform:translateY(-4px);border-color:#9975e4}.tile img{width:100%;height:175px;object-fit:cover;display:block;flex:1;min-height:0}.tile span{font:500 23px/1 var(--hand);padding:8px 3px;min-height:39px}.six .tile img{height:167px}.six .tile span{font-size:20px;min-height:48px}.sidebar{padding-top:8px}.why{transform:rotate(2deg);margin-bottom:45px;min-height:265px}.why h2{font-size:28px}.why p{font-size:20px}.mini{width:118px;position:absolute;bottom:-42px;right:-8px;transform:rotate(-8deg);padding:6px 6px 16px}.mini img{aspect-ratio:1.2}.journey{transform:rotate(2deg)}.journey h2{font-size:27px}.journey>img{width:100%;margin-top:15px;mix-blend-mode:multiply}.journey ul{list-style:none;padding:0;margin:14px 0 0;font:500 18px/1.3 var(--hand)}.journey li{margin-top:10px;padding-left:18px;position:relative}.journey li:before{content:'◇';position:absolute;left:0}.about{display:grid;grid-template-columns:1.05fr 1fr .9fr .75fr;gap:13px;align-items:stretch;padding:2px 0 23px}.story{padding:18px 15px;transform:rotate(-2deg)}.story p{font-size:18px;margin-top:8px}.portrait{transform:rotate(-1deg);padding:8px 8px 12px;align-self:center}.portrait img{aspect-ratio:1.2}.portrait p{font:500 24px/1 var(--hand);text-align:center;margin-top:10px}.vision{border:1px solid #8978a8;padding:18px 13px;border-radius:3px;align-self:stretch}.vision h2{font:500 29px var(--hand);color:var(--orange);text-transform:uppercase}.vision h2 span{color:#ddd;float:right}.vision ul{list-style:none;margin:10px 0;padding:0}.vision li{font-size:13px;margin:14px 0;position:relative;padding-left:21px}.vision li:before{content:'◇';position:absolute;left:0;color:var(--orange);font-size:21px;top:-5px}.vision-photo{transform:rotate(-3deg);padding:8px;align-self:center}.vision-photo img{aspect-ratio:.7}.creator{margin-top:0}.creator .tile img{height:170px}.bottom-collage{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:center;margin-top:17px}.projects{display:flex;align-items:center;min-width:0}.project-note{width:180px;flex-shrink:0;transform:rotate(-4deg);align-self:stretch;padding:20px 15px}.project-note h2{font-size:27px}.project-note p{font-size:19px}.project-images{display:flex;flex:1;min-width:0;margin-left:-6px}.project-images .polaroid{width:35%;transform:rotate(-4deg);padding:7px 7px 14px;margin-left:-3px;transition:transform .2s}.project-images .polaroid:nth-child(2){transform:rotate(3deg);margin-top:-4px}.project-images .polaroid:nth-child(3){transform:rotate(5deg);margin-top:-6px}.project-images .polaroid:hover{transform:rotate(0) translateY(-7px);z-index:3}.project-images img{aspect-ratio:1.1}.project-images span{font:500 23px var(--hand);display:block;text-align:center;margin-top:7px;white-space:nowrap}.work{transform:rotate(1deg);padding:17px 19px;scroll-margin-top:30px}.work h2{font-size:27px}.work-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:9px}.work ul{padding:0;list-style:none;margin:0;font-size:11px;line-height:1.8}.work li:before{content:'◇';margin-right:6px}.work-columns p{font:10px/1.4 'DM Sans',sans-serif;margin:0 0 7px}.ink-link{font:600 21px var(--hand);display:inline-block;color:#80622d;margin-top:8px}.ink-link:hover{text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:33px 0 22px;margin-top:17px}footer h2{font:700 30px/1 var(--condensed);text-transform:uppercase}footer p{font-size:12px;line-height:1.5}.footer-social{display:flex;gap:15px;font-size:11px}.concept-note{width:100%;font-size:10px;color:#938879}dialog{padding:0;border:1px solid #9975e4;width:min(860px,94vw);max-height:90svh;background:#1c213b;color:var(--white);border-radius:5px}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.close{position:absolute;right:11px;top:11px;z-index:2;background:#111d;border:1px solid #baa286;color:var(--white);width:36px;height:36px;font-size:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr}.detail-grid>img{width:100%;height:100%;min-height:400px;object-fit:cover}.detail-copy{padding:43px 28px 25px}.detail-copy h2{font:700 43px/.95 var(--condensed);text-transform:uppercase;margin:15px 0}.detail-copy>p{font-size:13px;line-height:1.8}.detail-copy h3{font:500 28px var(--hand);color:var(--orange);margin:20px 0 8px}.detail-copy .button{margin-top:23px}.detail-copy .detail-caption{font-size:10px;color:#a59685;margin-top:16px} @media(min-width:1300px){.hero{height:610px}.hero-photo{height:450px}.hero-polaroids{bottom:23px}.hero-copy{padding-top:45px}.intro{font-size:15px;max-width:320px}.tile img{height:200px}.six .tile img{height:190px}.creator .tile img{height:195px}.story p{font-size:20px}.portrait p{font-size:29px}.vision li{margin:19px 0}.paper p{font-size:21px}}@media(max-width:1100px){header{gap:13px;height:75px}.logo{width:180px}.logo span{font-size:31px}nav{gap:12px}nav a{font-size:13px}.social-icon{display:none}.hero{height:500px}.hero-copy{padding-top:23px}.hero h1{font-size:59px}.hero .intro{max-width:230px;font-size:12px}.hero .button{font-size:11px;padding:10px 12px;min-height:36px}.hero-photo{height:350px}.follow{width:190px;right:3%;top:65px;padding:18px}.follow h2{font-size:28px}.follow a{margin-top:13px}.follow p{font-size:18px}.world{grid-template-columns:minmax(0,1fr) 205px;gap:14px}.strip{padding:10px}.strip h2{font-size:31px}.strip-heading{gap:13px}.strip-heading p{font-size:11px}.tile img{height:142px}.six .tile img{height:135px}.tile span{font-size:21px}.six .tile span{font-size:18px}.about{gap:9px}.story p{font-size:16px}.vision{padding:14px 10px}.vision h2{font-size:24px}.vision li{font-size:11px}.portrait p{font-size:21px}.why p{font-size:18px}.paper h2{font-size:25px}.creator .tile img{height:145px}.project-note{width:155px}.project-note p{font-size:17px}.project-images span{font-size:21px}.work ul{font-size:10px}.work-columns{gap:10px}.work{padding:15px}}@media(max-width:850px){header{justify-content:space-between;height:78px}.logo{width:190px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#101311f5;border:1px solid #a28abc;padding:20px;flex-wrap:wrap}nav.open{display:flex}nav a{font-size:18px}.social-icon{display:block;margin-left:auto}.hero h1{font-size:56px}.hero-copy{width:47%}.hero-polaroids{left:35%;right:3%;bottom:40px}.hero-photo{right:0;width:85%}.follow{width:170px;top:70px}.follow a span{font-size:14px}.follow a small{font-size:9px}.follow a b{font-size:22px}.world{grid-template-columns:minmax(0,1fr) 175px;gap:12px}.sidebar .paper{padding:18px 14px}.why p{font-size:17px}.strip-heading{display:block}.strip-heading p{margin-top:8px}.tiles.six{grid-template-columns:repeat(3,minmax(0,1fr))}.six .tile img{height:115px}.six .tile span{min-height:40px}.tiles.four{grid-template-columns:repeat(2,minmax(0,1fr))}.tile img{height:130px}.about{grid-template-columns:1fr 1fr}.vision-photo img{aspect-ratio:1.1}.vision li{font-size:13px}.bottom-collage{grid-template-columns:1fr}.work{transform:rotate(.7deg);margin:13px 5px}.work-columns{gap:20px}.work ul{font-size:13px}.work-columns p{font-size:12px}.project-note{width:170px}.creator .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.creator .tile img{height:115px}.creator .tile span{font-size:21px}}@media(max-width:600px){.site{padding:0 5%}.hero{margin:0 -5.5%;height:770px}.hero-copy{width:90%;padding-top:35px;margin-left:5%}.hero h1{font-size:65px;max-width:360px}.hero-photo{height:390px;top:0;right:0;width:100%;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%)}.hero .intro{max-width:260px;font-size:13px;text-shadow:0 1px 4px black}.tag{font-size:11px}.hero .button{font-size:13px;padding:12px 15px;min-height:41px}.hero-polaroids{left:5%;right:5%;bottom:33px;flex-wrap:wrap;justify-content:flex-start;gap:0}.hero-polaroids .polaroid{width:26%;padding:6px 6px 14px}.hero-polaroids .polaroid:nth-child(4){display:none}.hero-polaroids .polaroid:nth-child(5){display:none}.follow{top:auto;bottom:146px;right:6%;width:170px;transform:rotate(6deg);padding:15px;z-index:3}.follow h2{font-size:25px}.follow a{margin-top:10px}.follow a span{font-size:13px}.follow p{font-size:16px;margin-top:10px}.world{display:flex;flex-direction:column}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:10px 0 35px}.why{margin-bottom:20px;min-height:0}.why p{font-size:16px}.journey h2{font-size:23px}.journey ul{font-size:15px}.journey li{margin-top:7px}.mini{width:95px;bottom:-25px}.strip{margin-bottom:17px;padding:12px}.strip h2{font-size:34px}.strip-heading p{font-size:12px}.tile img{height:153px}.tile span{font-size:23px}.six .tile img{height:128px}.six .tile span{font-size:20px;min-height:46px}.about{gap:13px;margin-top:25px;padding-bottom:15px}.story p{font-size:18px}.portrait p{font-size:23px}.vision{padding:20px 15px}.vision h2{font-size:27px}.vision li{font-size:13px;margin-top:16px}.creator .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.creator .tile img{height:145px}.creator .tile span{font-size:24px}.projects{flex-wrap:wrap}.project-note{width:100%;transform:rotate(-2deg);padding:18px;margin:5px 0 10px}.project-note p{font-size:20px}.project-images{width:100%;margin-left:0}.project-images .polaroid{width:34%;padding:7px 7px 13px}.project-images span{font-size:22px}.work{margin-top:22px}.work ul{font-size:11px}.work-columns p{font-size:10px}footer{align-items:flex-start;justify-content:flex-start;gap:22px;padding-top:25px}footer p{width:100%}.detail-grid{grid-template-columns:1fr}.detail-grid>img{height:190px;min-height:0}.detail-copy{padding:25px}.detail-copy h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.menu{display:none}@media(max-width:850px){.menu{display:block}}
/* Original editorial artwork is retained for the composed desktop banner. */
.logo img{display:block;width:100%;height:auto;max-height:68px;object-fit:contain}.logo:before{display:none}.reference-hero{position:relative;margin:0 -3.2%;aspect-ratio:1024/435}.composition{display:block;width:100%;height:100%;object-fit:contain}.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}.hero-hotspot{position:absolute;border-radius:3px;transition:background .15s,box-shadow .15s}.hero-hotspot:hover{background:#d9bd7e1b;box-shadow:0 0 0 1px #cfb06a9c}.hero-hotspot.watch{left:3.2%;top:84%;width:13.7%;height:8.5%}.hero-hotspot.collaborate{left:18%;top:84%;width:10%;height:8.5%}.hero-hotspot.instagram{left:82%;top:35%;width:14%;height:9%}.hero-hotspot.youtube{left:81.4%;top:45%;width:14%;height:9%}.hero-hotspot.tiktok{left:81%;top:55%;width:14%;height:9%}.mobile-hero{display:none}.world{grid-template-columns:minmax(0,1fr) 22%;gap:15px}.illustrated-notes{padding-top:3px;display:flex;flex-direction:column;gap:12px}.reference-note img{display:block;width:100%;height:auto}.why-reference{transform:rotate(.8deg);margin-right:-8px}.journey-reference{transform:rotate(.5deg);margin-right:-8px}.strip{background:transparent}.about{padding-top:5px}.strip .tile img{filter:saturate(1.06)}header{height:76px}header nav a{font-size:14px}.site{max-width:1280px}.creator{margin-top:0}.strip-heading p{font-size:13px}.strip h2{font-size:36px}.tile img{height:165px}.six .tile img{height:160px}.creator .tile img{height:155px}.tile span{font-size:24px}.paper{clip-path:polygon(0 .8%,9% 0,25% .8%,38% 0,55% .6%,75% 0,94% .7%,100% 0,99.7% 17%,100% 32%,99.6% 50%,100% 72%,99.5% 100%,82% 99.7%,62% 100%,44% 99.4%,25% 100%,0 99.5%,.3% 74%,0 53%,.5% 32%)}@media(min-width:1300px){header{height:80px}.strip .tile img{height:188px}.six .tile img{height:185px}.creator .tile img{height:175px}}@media(max-width:850px){header{height:72px}.strip h2{font-size:32px}.tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles.six{grid-template-columns:repeat(3,minmax(0,1fr))}.tile span{font-size:20px}.tile img{height:120px}.six .tile img{height:110px}.world{grid-template-columns:minmax(0,1fr) 23%}}@media(max-width:600px){.reference-hero{display:none}.mobile-hero{display:block}.world{display:flex}.illustrated-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 20px}.reference-note{align-self:start;margin:0;transform:rotate(-2deg)}.journey-reference{transform:rotate(2deg)}.tiles.four{grid-template-columns:repeat(2,minmax(0,1fr))}.tile img{height:153px}.tile span{font-size:23px}.six .tile img{height:128px}.six .tile span{font-size:20px}.creator .tile img{height:145px}.logo{width:175px}.logo img{max-height:64px}header nav a{font-size:18px}.paper{clip-path:none}}

/* Keep the requested desktop composition at every screen size. */
html,body{min-width:1200px}.site{min-width:1200px}nav{display:flex!important}.menu,.mobile-hero{display:none!important}.reference-hero{display:block!important}.tiles.four,.creator .tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tiles.six{grid-template-columns:repeat(6,minmax(0,1fr))!important}.world{display:grid!important;grid-template-columns:minmax(0,1fr) 22%!important}.about{grid-template-columns:1.05fr 1fr .9fr .75fr!important}.bottom-collage{grid-template-columns:1.6fr 1fr!important}
/* A gentle postcard fan, with every category staying in its horizontal row. */
.strip .tiles{gap:0;padding:19px 14px 15px;isolation:isolate;overflow:visible}.strip .tile{--fan-angle:0deg;--fan-lift:0px;transform:translateY(var(--fan-lift)) rotate(var(--fan-angle));transform-origin:50% 85%;position:relative;overflow:hidden;box-shadow:0 7px 15px #000a;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;width:calc(100% + 9px);margin-left:-4px;z-index:1}.four .tile:nth-child(1){--fan-angle:-6deg;--fan-lift:6px}.four .tile:nth-child(2){--fan-angle:-2deg;--fan-lift:-3px}.four .tile:nth-child(3){--fan-angle:2deg;--fan-lift:-3px}.four .tile:nth-child(4){--fan-angle:6deg;--fan-lift:6px}.six .tile:nth-child(1){--fan-angle:-6deg;--fan-lift:7px}.six .tile:nth-child(2){--fan-angle:-3.5deg;--fan-lift:0px}.six .tile:nth-child(3){--fan-angle:-1deg;--fan-lift:-4px}.six .tile:nth-child(4){--fan-angle:1deg;--fan-lift:-4px}.six .tile:nth-child(5){--fan-angle:3.5deg;--fan-lift:0px}.six .tile:nth-child(6){--fan-angle:6deg;--fan-lift:7px}.strip .tile:hover,.strip .tile:focus-visible{transform:translateY(-9px) rotate(0deg) scale(1.045);z-index:5;box-shadow:0 13px 24px #000c;border-color:#9975e4}.strip{overflow:visible}.strip .tile span{position:relative;background:#151a2d;line-height:1.1}.strip .tile:active{transform:translateY(-5px) rotate(0deg) scale(1.02);z-index:6}@media(prefers-reduced-motion:reduce){.strip .tile{transition:none}}
.strip .tile .post-label{font:500 10px/1.2 'DM Sans',sans-serif;letter-spacing:.2px;color:#cda47e;background:#151a2d;display:block;padding:7px 5px 0;min-height:20px}.strip .tile span{min-height:54px;display:flex;justify-content:center;align-items:center;padding:6px 5px 10px;font-size:23px}.six .tile span{font-size:21px;min-height:60px}.strip .tile img{flex:none}.strip-heading p{font-size:14px}
.strip-heading{align-items:flex-start;gap:18px}.strip-heading h2{flex-shrink:0}.strip-heading>p{font:500 13px/1.55 var(--condensed);padding-top:2px;max-width:100%;color:#dfd4c7}.strip-heading>p i{padding:0 5px}.illustrated-notes{gap:15px}.behind-journey{margin:10px 0 15px;transform:rotate(-3deg);padding:23px 20px 18px}.behind-journey h2{font-size:28px;line-height:1}.behind-journey blockquote{margin:15px 0 0;font:600 23px/1.15 var(--hand);color:#352013}.behind-journey .note-signature{font:500 25px var(--hand);text-align:right;color:#80622d;margin-top:13px}.behind-journey .note-foot{font:500 17px/1.2 var(--hand);border-top:1px solid #9d764945;padding-top:10px;margin-top:9px}.behind-journey:before{left:37%;transform:rotate(8deg)}
/* Alternating scrapbook sections with horizontal looping story carousels. */
.editorial-world{display:flex;flex-direction:column;gap:18px}.editorial-row{display:grid;align-items:center;gap:20px}.editorial-row.note-right,.editorial-row.about-row{grid-template-columns:minmax(0,1fr) 22%}.editorial-row.note-left{grid-template-columns:22% minmax(0,1fr);margin-left:8px;margin-right:-4px}.editorial-row .strip{margin:0;min-width:0}.editorial-row .reference-note{margin:0;max-width:100%}.note-right .why-reference{transform:rotate(3deg) translateY(10px)}.note-left .journey-reference{transform:rotate(-4deg) translateY(-5px)}.about-row{margin:10px 3px 22px}.about-row .about{padding:0}.about-row .behind-journey{margin:0;transform:rotate(4deg);padding:20px 17px}.creator{margin:9px 0 22px}.strip-heading{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:nowrap}.strip-heading>p{white-space:nowrap!important;font:500 9px/1.3 'DM Sans',sans-serif!important;letter-spacing:-.15px;padding:0;flex:1;min-width:0}.strip-heading>p i{padding:0 3px}.strip-heading h2{font-size:34px}.carousel-shell{position:relative;padding:2px 12px 5px}.strip .tiles{padding:22px 11px 18px;min-height:260px}.carousel-nav{position:absolute;top:47%;z-index:8;width:34px;height:34px;border:1px solid #9975e4;background:#151b32ee;color:#ead1b4;border-radius:50%;font:25px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0008}.carousel-prev{left:-9px}.carousel-next{right:-9px}.carousel-nav:hover{background:#f0b483;color:#100e0a}.carousel-status{display:block;text-align:right;font:10px 'DM Sans',sans-serif;color:#bc9879;letter-spacing:.6px;padding-right:10px;margin-top:2px}.carousel-shell.is-moving .tiles{animation:fanTurn .3s ease}.carousel-shell[data-direction="prev"].is-moving .tiles{animation-name:fanTurnBack}.carousel-shell .tiles{touch-action:pan-y;cursor:grab}.carousel-shell .tiles:active{cursor:grabbing}.carousel-shell .tile{user-select:none}.carousel-shell .tile img{pointer-events:none}.editorial-row .strip .tile img{height:170px}.creator .strip-heading>p{font-size:11px!important}.carousel-shell .tiles .tile{width:calc(100% + 6px);margin-left:-3px}.editorial-row .reference-note img{max-height:305px;object-fit:contain}.about-row .behind-journey blockquote{font-size:22px}@keyframes fanTurn{0%{opacity:.6;transform:translateX(14px)}100%{opacity:1;transform:translateX(0)}}@keyframes fanTurnBack{0%{opacity:.6;transform:translateX(-14px)}100%{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.carousel-shell.is-moving .tiles{animation:none}}
/* Lift a postcard out of the fan and reveal its story on hover or focus. */
.strip .tile{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .25s,filter .25s}.post-preview{position:absolute;bottom:76px;left:0;right:0;z-index:2;padding:22px 12px 12px;background:linear-gradient(transparent,#12172bef 28%);opacity:0;transform:translateY(17px);transition:opacity .25s,transform .3s;pointer-events:none}.post-preview p{font:400 11px/1.45 'DM Sans',sans-serif;color:#f2e2cf;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-preview>small{display:block;font:600 10px 'DM Sans',sans-serif;color:#f0b483;margin-top:8px}.strip .tile:focus-visible{transform:translateY(-19px) rotate(0deg) scale(1.075);z-index:7;box-shadow:0 19px 30px #000d}.strip .tile:focus-visible .post-preview{opacity:1;transform:translateY(0)}@media(hover:hover){.strip .tile:hover{transform:translateY(-19px) rotate(0deg) scale(1.075);z-index:7;box-shadow:0 19px 30px #000d}.strip .tile:hover .post-preview{opacity:1;transform:translateY(0)}.carousel-shell .tiles:hover .tile:not(:hover){filter:brightness(.84)}}@media(prefers-reduced-motion:reduce){.strip .tile,.post-preview{transition:none}}

/* Gold presentation tint for lettering and buttons in the original banner artwork. */
.reference-hero{isolation:isolate}.banner-gold{position:absolute;pointer-events:none;background:#f0b483;mix-blend-mode:color;z-index:1}.banner-gold.title-gold{left:3%;top:39.3%;width:34%;height:12.6%}.banner-gold.tag-gold{left:16.8%;top:7%;width:9.8%;height:4%}.banner-gold.button-gold{left:3.2%;top:84%;width:13.7%;height:8.5%}.hero-hotspot{z-index:2}.why-reference{position:relative;isolation:isolate}.why-reference:after{content:'';position:absolute;left:6%;right:5%;top:3%;height:14%;pointer-events:none;background:#f0b483;mix-blend-mode:color}.note-left .journey-reference{isolation:isolate}
/* Seven-second seamless lagoon movement; lettering and postcards stay still. */
.motion-filter{position:absolute;pointer-events:none;overflow:hidden}.lagoon-motion{position:absolute;inset:0;z-index:1;pointer-events:none;clip-path:polygon(38% 29%,51% 28%,51% 40%,47% 51%,40% 55%,36% 46%);opacity:.88}.lagoon-surface{position:absolute;inset:0;background:url('assets/hero-composition.webp') 0 0/100% 100% no-repeat;filter:url(#lagoon-ripple)}.water-glimmer{position:absolute;inset:0;background:repeating-linear-gradient(177deg,transparent 0,transparent 15px,#eccd9415 16px,transparent 18px,transparent 30px);mix-blend-mode:screen;animation:waterShimmer 7s linear infinite;mask-image:radial-gradient(ellipse 17% 18% at 44% 39%,#000 10%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 17% 18% at 44% 39%,#000 10%,transparent 85%)}.sun-glimmer{position:absolute;left:71%;top:5%;width:12%;height:22%;pointer-events:none;z-index:1;background:radial-gradient(ellipse,#ffd99b80,transparent 67%);mix-blend-mode:screen;animation:sunShimmer 7s ease-in-out infinite}.hero-motion-toggle{position:absolute;right:1.4%;bottom:1.8%;z-index:4;border:1px solid #f0b48388;border-radius:50%;width:29px;height:29px;background:#151b32cc;color:#f3cfad;font:14px Arial,sans-serif;padding:0}.hero-motion-toggle:hover{background:#f0b483;color:#151b32}.hero-motion-paused .lagoon-motion,.hero-motion-paused .sun-glimmer{display:none}@keyframes waterShimmer{0%{background-position:0 0;opacity:.35}50%{opacity:.7}100%{background-position:0 30px;opacity:.35}}@keyframes sunShimmer{0%,100%{opacity:.25;transform:scale(.97)}50%{opacity:.55;transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.lagoon-motion,.sun-glimmer{display:none}.hero-motion-toggle{display:none}}

/* Sunset identity: navy, lavender, ocean blue and warm peach. */
:root{--orange:#f0b483;--cream:#f0e3d5;--paper:#f0e3d5;--white:#f0e3d5;--black:#171b32;--ocean:#627bc0;--lavender:#9276af;--rose:#9975e4}body{background-color:#171b32;background-image:radial-gradient(ellipse at 8% 28%,#51436566,transparent 48%),radial-gradient(ellipse at 95% 65%,#34518755,transparent 48%),linear-gradient(160deg,#171b32 0%,#222039 42%,#151d32 75%,#292039 100%);background-attachment:fixed}header{background:linear-gradient(90deg,#171b32dd,#29243c88,#171b32dd)}nav a:hover,.social-icon:hover,.footer-social a:hover{color:#9975e4}.reference-hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(110deg,#171b32 0%,#9276af33 55%,#627bc033 100%);mix-blend-mode:screen;opacity:.25}.strip{border-color:#9276af99;box-shadow:inset 0 0 0 1px #f0b48316,0 0 18px #9276af12;background:linear-gradient(120deg,#26213c44,#171f3344)}.strip h2 em{color:#f0b483}.strip h2{color:#f0e3d5}.strip-heading>p{color:#d6c9df}.strip-heading>p i{color:#9975e4}.tile{border-color:#8863d2!important;background:#151a2d}.strip .tile span,.strip .tile .post-label{background:#151a2d}.strip .tile .post-label{color:#cfb2cf}.strip .tile:hover,.strip .tile:focus-visible{border-color:#9975e4!important;box-shadow:0 19px 30px #080c20cc,0 0 13px #9276af44}.carousel-nav{border-color:#a996c0;background:#1b2038ed;color:#f0c5a1}.carousel-nav:hover{background:#627bc0;color:#fff1e8}.carousel-status{color:#bca9c9}.button{border-color:#9276af;color:#f0e3d5;background:#171b32e0}.button.orange{background:linear-gradient(135deg,#f2c3a0,#f0b483);border-color:#f0b483;color:#272037}.button.orange:hover{background:linear-gradient(135deg,#ac89ec,#9070dc);border-color:#9975e4;filter:none}.vision{border-color:#9276af;background:linear-gradient(150deg,#22223e77,#151b3288)}.vision h2{color:#f0b483}.vision li:before{color:#a68cc0}.paper{background-color:#f0e3d5;box-shadow:3px 7px 16px #070c22aa}.paper h2,.behind-journey h2{color:#5e4785}.ink-link,.behind-journey .note-signature{color:#5f4890}.polaroid{background:#eadbc9;box-shadow:2px 7px 15px #080c22aa}.portrait img{aspect-ratio:.8;object-position:center center}.vision-photo img{aspect-ratio:.62;object-position:center center}.vision-photo{transform:rotate(4deg)}.portrait{transform:rotate(-4deg)}.post-preview{background:linear-gradient(transparent,#151a2df5 28%)}.post-preview>small{color:#f0b483}.detail-copy h3{color:#f0b483}dialog{border-color:#a28abc;background:#1c213b}.concept-note{color:#b6a7be}.logo{background:#171b32}.logo img{mix-blend-mode:screen}.banner-gold{background:#f0b483}.behind-journey blockquote{color:#3f303d}
/* Black foundation; sunset colours belong to type and accents only. */
:root{--black:#080b0b}html{background:#080b0b}body{background-color:#080b0b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.07' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-attachment:scroll}header{background:#080b0b}.reference-hero:after{display:none}.logo{background:#080b0b}.strip{background:transparent}.tile,.strip .tile span,.strip .tile .post-label{background:#080c0c}.vision{background:#080c0c99}.button{background:#0a0b0ce0}.button.orange{background:linear-gradient(135deg,#f2c3a0,#f0b483)}.carousel-nav{background:#090e0eee}.carousel-nav:hover{background:#627bc0}.post-preview{background:linear-gradient(transparent,#070c0cef 28%)}dialog{background:#101414}.hero-motion-toggle{background:#090e0ecc}.paper,.polaroid{box-shadow:3px 7px 16px #0009}
/* Visible sunset violet on type and details, over the retained black base. */
:root{--lavender:#9975e4}.strip h2{color:#9975e4}.strip h2 em{color:#f0b483}.strip{border-color:#a679cc;box-shadow:inset 0 0 0 1px #9975e422,0 0 14px #9b6ec219}.strip .tile{border-color:#a679cc!important}.strip .tile:hover,.strip .tile:focus-visible{border-color:#d4aff5!important;box-shadow:0 19px 30px #000d,0 0 13px #a679cc55}.vision h2{color:#ac89ec}.vision{border-color:#a679cc}.vision li:before{color:#9975e4}.paper h2,.behind-journey h2{color:#5c408e}.behind-journey .note-signature,.ink-link{color:#5c408e}.carousel-nav{border-color:#9975e4;color:#c8a2ed}.carousel-nav:hover{background:#a679cc;color:#fff}.carousel-status{color:#bba0d2}.button.orange{background:linear-gradient(135deg,#c3a0e6,#9975e4 55%,#9070dc);border-color:#9975e4;color:#160e22}.button.orange:hover{background:linear-gradient(135deg,#c8a6ec,#b49aef);border-color:#d4aff5}.button{border-color:#a679cc}nav a:hover,.social-icon:hover,.footer-social a:hover{color:#ac89ec}.banner-gold.title-gold{background:#9975e4}.banner-gold.tag-gold{background:#9975e4}.banner-gold.button-gold{background:#9975e4}.why-reference:after{background:#a679cc}.post-preview>small{color:#c8a2ed}.detail-copy h3{color:#ac89ec}footer h2 em{color:#9975e4}body,header{background-color:#080b0b}
/* Three brand hues: sunset violet, ocean blue and grass green. */
:root{--brand-violet:#8863d2;--brand-ocean:#268db5;--brand-grass:#6c9852;--orange:#8863d2;--lavender:#8863d2;--ocean:#268db5;--rose:#8863d2;--black:#080b0b;--white:#f0e3d5;--paper:#f0e3d5}.strip h2,.vision h2,footer h2 em{color:var(--brand-violet)}.strip h2 em{color:var(--brand-ocean)}.strip{border-color:#8863d2aa;box-shadow:inset 0 0 0 1px #8863d222,0 0 14px #8863d212}.strip-heading>p{color:#d9d2ca}.strip-heading>p i{color:var(--brand-grass)}.strip .tile{border-color:#8863d2aa!important}.strip .tile:hover,.strip .tile:focus-visible{border-color:var(--brand-ocean)!important;box-shadow:0 19px 30px #000d,0 0 13px #268db544}.strip .tile .post-label{color:#d9d2ca}.post-preview>small{color:var(--brand-grass)}.carousel-nav{border-color:var(--brand-ocean);color:var(--brand-ocean);background:#090e0eee}.carousel-nav:hover{border-color:var(--brand-grass);background:var(--brand-grass);color:#091009}.carousel-status{color:var(--brand-grass)}.button{border-color:var(--brand-ocean);color:#f0e3d5;background:#0a0b0ce0}.button.orange{background:var(--brand-ocean);border-color:var(--brand-ocean);color:#071014}.button.orange:hover{background:var(--brand-grass);border-color:var(--brand-grass);filter:none;color:#091009}.button:hover:not(.orange){border-color:var(--brand-grass)}nav a:hover,.social-icon:hover,.footer-social a:hover{color:var(--brand-ocean)}a:focus-visible,button:focus-visible{outline-color:var(--brand-grass)}.vision{border-color:var(--brand-violet);background:#080c0c99}.vision li:before{color:var(--brand-grass)}.paper h2,.behind-journey h2{color:#563e6d}.ink-link,.behind-journey .note-signature{color:#315e72}.ink-link:hover{color:#446b32}.paper .note-foot{border-top-color:#6c985244}.banner-gold.title-gold{background:var(--brand-violet)}.banner-gold.tag-gold{background:var(--brand-grass)}.banner-gold.button-gold{background:var(--brand-ocean)}.why-reference:after{background:var(--brand-violet)}.detail-copy h3{color:var(--brand-violet)}dialog{border-color:var(--brand-violet);background:#101414}.hero-hotspot:hover{background:#268db51b;box-shadow:0 0 0 1px #268db599}.hero-motion-toggle{border-color:#268db588;color:var(--brand-ocean)}.hero-motion-toggle:hover{background:var(--brand-ocean);color:#071014}.hero-note,.paper,.polaroid{box-shadow:3px 7px 16px #0009}.logo{isolation:isolate}.logo:after{content:'';position:absolute;left:42%;top:0;width:20%;height:27%;pointer-events:none;background:var(--brand-violet);mix-blend-mode:color}
/* Ocean blue leads; pale lavender takes the place of bright white type. */
:root{--brand-ocean:#3a99c5;--brand-violet:#9070dc;--brand-grass:#6c9852;--orange:#3a99c5;--white:#bdaaf0;--ocean:#3a99c5;--lavender:#9070dc;--black:#080b0b}body{color:#bdaaf0;background-color:#080b0b}.strip h2{color:#3a99c5}.strip h2 em{color:#9070dc}.strip{border-color:#3a99c599;box-shadow:inset 0 0 0 1px #3a99c51a,0 0 14px #3a99c50d}.strip .tile{border-color:#3a99c588!important}.strip .tile span{color:#b49aef}.strip .tile .post-label{color:#b3a4c1}.strip-heading>p{color:#b3a4c1}.strip-heading>p i{color:#6c9852}.strip .tile:hover,.strip .tile:focus-visible{border-color:#9070dc!important;box-shadow:0 19px 30px #000d,0 0 13px #9070dc33}.button.orange{background:#3a99c5;border-color:#3a99c5;color:#08151c}.button.orange:hover{background:#9070dc;border-color:#9070dc;color:#1b1423}.button{border-color:#3a99c588;color:#bdaaf0;background:#0a0b0ce0}.button:hover:not(.orange){border-color:#9070dc}.carousel-nav{border-color:#3a99c5;color:#3a99c5}.carousel-nav:hover{background:#3a99c5;color:#08151c;border-color:#3a99c5}.carousel-status{color:#9b8aae}nav a,.social-icon,.footer-social a{color:#b49aef}nav a:hover,.social-icon:hover,.footer-social a:hover{color:#3a99c5}.vision{border-color:#3a99c588}.vision h2{color:#3a99c5}.vision li{color:#b49aef}.vision li:before{color:#6c9852}.paper h2,.behind-journey h2{color:#285e78}.ink-link,.behind-journey .note-signature{color:#594086}.ink-link:hover{color:#285e78}.post-preview p{color:#c9b9f4}.post-preview>small{color:#6c9852}.detail-copy h2{color:#3a99c5}.detail-copy h3{color:#9070dc}.detail-copy>p{color:#bdaaf0}.detail-copy .detail-caption{color:#a398ac}dialog{border-color:#3a99c5}footer h2{color:#b49aef}footer h2 em{color:#3a99c5}.banner-gold.title-gold{background:#3a99c5}.banner-gold.tag-gold{background:#9070dc}.banner-gold.button-gold{background:#3a99c5}.why-reference:after{background:#3a99c5}.hero-lavender-type{position:absolute;left:3.1%;top:12.5%;width:29%;height:25%;pointer-events:none;background:#bdaaf0;mix-blend-mode:multiply;z-index:1}.concept-note{color:#a398ac}.hero-motion-toggle{border-color:#3a99c588;color:#3a99c5}.hero-motion-toggle:hover{background:#3a99c5;color:#08151c}.logo:after{background:#3a99c5}
/* Grass green is visible in body copy and postcard captions, not just icons. */
:root{--brand-grass:#6c9852;--white:#8fbb70}body{color:#8fbb70}.strip .tile span{color:#8fbb70}.strip .tile .post-label{color:#7da663}.strip-heading>p{color:#8fbb70}.strip-heading>p i{color:#8863d2}.post-preview p{color:#9bc67d}.post-preview>small{color:#6c9852}.carousel-status{color:#7da663}.vision li{color:#8fbb70}.vision li:before{color:#6c9852}.paper h2,.behind-journey h2{color:#486b32}.paper p,.paper blockquote,.paper li,.work-columns p{color:#3e5d2b}.paper .note-signature,.behind-journey .note-signature,.ink-link{color:#594086}.polaroid p,.polaroid span{color:#486b32}footer p{color:#8fbb70}.concept-note{color:#7da663}.detail-copy>p,.detail-copy .detail-caption{color:#8fbb70}.button:not(.orange){color:#8fbb70}.brand-why,.brand-journey{padding:23px 20px}.brand-why h2,.brand-journey h2{font-size:28px}.brand-why p{font:500 21px/1.22 var(--hand);margin-top:13px}.why-reference:after{display:none}.brand-journey .brand-map{width:100%;height:auto;max-height:125px!important;object-fit:contain;margin-top:13px;mix-blend-mode:multiply}.brand-journey ul{list-style:none;padding:0;margin:13px 0 0;font:500 18px/1.25 var(--hand)}.brand-journey li{position:relative;padding-left:17px;margin-top:8px}.brand-journey li:before{content:'◇';position:absolute;left:0;color:#486b32}.hero-grass-copy{position:absolute;left:3.1%;top:53.3%;width:22.7%;height:27%;background:#8fbb70;mix-blend-mode:multiply;z-index:1;pointer-events:none}

/* Cool, blue-leaning violet replaces the pinkish lavender. */
:root{--brand-violet:#8863d2;--lavender:#8863d2;--rose:#8863d2}nav a,.social-icon,.footer-social a{color:#b49aef}.strip h2 em{color:#9070dc}.vision{border-color:#3a99c588}.vision h2{color:#3a99c5}.button.orange:hover{background:#9070dc;border-color:#9070dc;color:#120c25}.strip .tile:hover,.strip .tile:focus-visible{border-color:#9070dc!important;box-shadow:0 19px 30px #000d,0 0 13px #8863d233}.ink-link,.behind-journey .note-signature,.paper .note-signature{color:#594086}.hero-lavender-type{background:#bdaaf0}.detail-copy h3{color:#ac89ec}.concept-note{color:#9a8dad}
/* Solid, blue-leaning violet lettering, without warm-image colour blending. */
:root{--brand-violet:#7656d6;--lavender:#7656d6;--rose:#7656d6}.reference-hero{container-type:inline-size}.hero-lavender-type{left:3.1%;top:12.5%;width:29.4%;height:25.4%;background:#080b0b;mix-blend-mode:normal;display:block;overflow:visible}.hero-violet-words{display:block;font:800 5.45cqw/.92 var(--condensed);text-transform:uppercase;letter-spacing:-.07cqw;color:#8c75e6;white-space:nowrap;padding-top:.1cqw}nav a,.social-icon,.footer-social a{color:#a38eea}.strip h2 em{color:#8c75e6}.strip .tile:hover,.strip .tile:focus-visible{border-color:#8c75e6!important;box-shadow:0 19px 30px #000d,0 0 13px #7656d633}.button.orange:hover{background:#8c75e6;border-color:#8c75e6;color:#100d21}.ink-link,.behind-journey .note-signature,.paper .note-signature{color:#514080}.detail-copy h3{color:#9e83e8}
/* Green top navigation and opening headline; ocean-blue main statement. */
header nav a,header .social-icon{color:#8fbb70}header nav a:hover,header .social-icon:hover{color:#3a99c5}.hero-violet-words{color:#8fbb70}.banner-gold.tag-gold{background:#6c9852}.banner-gold.title-gold{background:#3a99c5}
/* Restore the intended violet headline; add gold only to small accents. */
:root{--brand-gold:#d3ae72}.hero-violet-words{color:#8c75e6}.strip h2 em{color:#d3ae72}.logo:after{background:#d3ae72}
/* Exactly three brand hues; gold is replaced with the existing violet. */
:root{--brand-gold:#7656d6}.strip h2 em{color:#8c75e6}.logo:after{background:#7656d6}
/* Agreed four-colour roles, with cream and black as neutral reading colours. */
:root{--brand-ocean:#3a99c5;--brand-violet:#8c75e6;--brand-grass:#8fbb70;--brand-gold:#d3ae72;--white:#f0e3d5;--black:#080b0b}body{color:#f0e3d5;background-color:#080b0b}.strip h2{color:#3a99c5}.strip h2 em{color:#8c75e6}.strip{border-color:#3a99c599}.strip .tile{border-color:#3a99c588!important}.hero-violet-words{color:#8c75e6}.vision h2{color:#8c75e6}.vision li{color:#f0e3d5}.vision li:before{color:#8fbb70}.strip-heading>p{color:#f0e3d5}.strip-heading>p i{color:#8fbb70}.strip .tile span{color:#b49aef}.strip .tile .post-label{color:#8fbb70}.post-preview p{color:#f0e3d5}.post-preview>small{color:#8fbb70}.carousel-status{color:#b9aca0}header nav a,header .social-icon{color:#8fbb70}header nav a[href="#work"]{color:#d3ae72}header nav a:hover{color:#3a99c5}.paper p,.paper blockquote,.paper li,.work-columns p{color:#302a28}.paper h2,.behind-journey h2{color:#285e78}.paper .note-signature,.behind-journey .note-signature,.ink-link{color:#594086}.polaroid p,.polaroid span{color:#302a28}.work .ink-link{color:#80642f}.work .ink-link:hover{color:#285e78}.button:not(.orange){color:#f0e3d5}.button.orange{background:#3a99c5;border-color:#3a99c5;color:#08151c}.button.orange:hover{background:#8c75e6;border-color:#8c75e6;color:#140d26}.detail-copy>p{color:#f0e3d5}.detail-copy .detail-caption,.concept-note{color:#b9aca0}footer p{color:#f0e3d5}footer h2{color:#f0e3d5}footer h2 em{color:#3a99c5}.hero-grass-copy{background:#f0e3d5}.banner-gold.title-gold{background:#d3ae72}.hero-hotspot.collaborate{display:flex;align-items:center;justify-content:center;background:#d3ae72;border:1px solid #d3ae72;color:#17130b;font:700 1.05cqw var(--condensed);text-transform:uppercase;letter-spacing:.04cqw}.hero-hotspot.collaborate:hover{background:#e0c18d;border-color:#e0c18d;box-shadow:none}.logo:after{background:#d3ae72}
/* Sunset-gradient identity: violet leads, muted rose highlights, lime details. */
:root{--brand-violet:#6535a5;--brand-rose:#c96b91;--brand-lime:#b4bf42;--brand-ocean:#6535a5;--brand-grass:#b4bf42;--brand-gold:#b4bf42;--orange:#6535a5;--lavender:#9873cf;--rose:#c96b91;--ocean:#6535a5;--white:#f0e3d5;--black:#080b0b}body{color:#f0e3d5;background-color:#080b0b}header{background:#080b0b}.strip h2{color:#a07ad3}.strip h2 em{color:#b4bf42}.strip{border-color:#7849b0;box-shadow:inset 0 0 0 1px #6535a522,0 0 14px #6535a512;background:transparent}.strip-heading>p{color:#f0e3d5}.strip-heading>p i{color:#b4bf42}.strip .tile{border-color:#7849b088!important}.strip .tile span{color:#f0e3d5}.strip .tile .post-label{color:#b4bf42}.strip .tile:hover,.strip .tile:focus-visible{border-color:#c96b91!important;box-shadow:0 19px 30px #000d,0 0 13px #c96b912a}.post-preview p{color:#f0e3d5}.post-preview>small{color:#b4bf42}.carousel-nav{border-color:#9873cf;color:#9873cf;background:#090e0eee}.carousel-nav:hover{border-color:#c96b91;background:#c96b91;color:#1e1118}.carousel-status{color:#b9aca0}header nav a,header .social-icon{color:#bfadd6}header nav a[href="#work"]{color:#c96b91}header nav a:hover,header .social-icon:hover,.footer-social a:hover{color:#c96b91}.button{border-color:#9873cf;color:#f0e3d5;background:#0a0b0ce0}.button.orange{background:#c96b91;border-color:#c96b91;color:#1e1118}.button.orange:hover{background:#d485a5;border-color:#d485a5;color:#1e1118}.button:hover:not(.orange){border-color:#c96b91}.vision{border-color:#7849b0;background:#080c0c99}.vision h2{color:#a07ad3}.vision li{color:#f0e3d5}.vision li:before{color:#b4bf42}.paper h2,.behind-journey h2{color:#6535a5}.paper p,.paper blockquote,.paper li,.work-columns p{color:#302a28}.paper .note-signature,.behind-journey .note-signature,.ink-link,.work .ink-link{color:#6535a5}.ink-link:hover,.work .ink-link:hover{color:#88435f}.polaroid p,.polaroid span{color:#302a28}.footer-social a{color:#bfadd6}footer h2{color:#f0e3d5}footer h2 em{color:#a07ad3}footer p{color:#f0e3d5}.detail-copy h2{color:#a07ad3}.detail-copy h3{color:#c96b91}.detail-copy>p{color:#f0e3d5}.detail-copy .detail-caption,.concept-note{color:#b9aca0}dialog{border-color:#9873cf;background:#101414}.hero-violet-words{color:#9873cf}.hero-grass-copy{background:#f0e3d5}.banner-gold.title-gold{background:linear-gradient(115deg,#9873cf 0%,#c96b91 60%,#b4bf42 100%)}.banner-gold.tag-gold{background:#9873cf}.banner-gold.button-gold{background:#c96b91}.hero-hotspot.collaborate{background:#c96b91;border-color:#c96b91;color:#1e1118}.hero-hotspot.collaborate:hover{background:#d485a5;border-color:#d485a5;box-shadow:none}.hero-hotspot:hover{background:#c96b9122;box-shadow:0 0 0 1px #c96b9166}.logo:after{background:#6535a5}.hero-motion-toggle{border-color:#9873cf;color:#9873cf;background:#090e0ecc}.hero-motion-toggle:hover{background:#c96b91;border-color:#c96b91;color:#1e1118}a:focus-visible,button:focus-visible{outline-color:#b4bf42}.paper .note-foot{border-top-color:#6535a522}
/* Alternating automatic rotations with an explicit pause control. */
.carousel-autoplay{position:absolute;left:13px;bottom:0;border:0;background:transparent;color:#b9aca0;font:10px 'DM Sans',sans-serif;letter-spacing:.4px;padding:3px 0;cursor:pointer}.carousel-autoplay:hover{color:#c96b91}.carousel-autoplay:focus-visible{outline:1px solid #b4bf42;outline-offset:4px}.carousel-status{padding-bottom:3px}
/* A real, continuously moving conveyor, with matching copies across the seam. */
.loop-viewport{position:relative;width:100%;overflow:hidden;touch-action:pan-y;cursor:grab;isolation:isolate}.loop-viewport:active{cursor:grabbing}.strip .tiles.loop-track{display:flex!important;grid-template-columns:none!important;width:max-content;gap:12px;padding:31px 0 27px;min-height:260px;will-change:transform;animation:none!important;touch-action:pan-y}.strip .loop-track .tile{flex:0 0 var(--loop-card-width);width:var(--loop-card-width)!important;margin-left:0!important;user-select:none}.loop-track .tile:nth-child(4n+1){--fan-angle:-6deg;--fan-lift:6px}.loop-track .tile:nth-child(4n+2){--fan-angle:-2deg;--fan-lift:-3px}.loop-track .tile:nth-child(4n+3){--fan-angle:2deg;--fan-lift:-3px}.loop-track .tile:nth-child(4n+4){--fan-angle:6deg;--fan-lift:6px}.continuous-loop .carousel-nav{top:45%}.continuous-loop .carousel-status{margin-top:5px}.continuous-loop .carousel-autoplay{bottom:0}.loop-track .tile img{pointer-events:none}@media(prefers-reduced-motion:reduce){.strip .tiles.loop-track{will-change:auto}}
/* Exact postcard artwork lifts above its neighbours, individually. */
.hero-photo-interactions{position:absolute;inset:0;z-index:5;pointer-events:none}.hero-photo-cutout{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:url('assets/hero-composition.webp') 0 0/100% 100% no-repeat;clip-path:var(--photo-clip);transform-origin:var(--photo-origin);transform:translateY(0) scale(1);transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s;pointer-events:auto;cursor:zoom-in;outline:0;z-index:1}.hero-photo-cutout:hover,.hero-photo-cutout:focus-visible,.hero-photo-cutout.is-raised{transform:translateY(-9px) scale(1.12);z-index:10;filter:brightness(1.035);cursor:zoom-out}.hero-photo-cutout:focus-visible{filter:brightness(1.08)}@media(prefers-reduced-motion:reduce){.hero-photo-cutout{transition:none}}
/* Upright cards at alternating depths replace the left/right postcard tilts. */
.strip .loop-track .tile{--card-depth:0px;--card-shift:0px;transform:perspective(850px) translateZ(var(--card-depth)) translateY(var(--card-shift));transform-origin:50% 50%;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .25s;backface-visibility:hidden}.strip .loop-track .tile.depth-front{--card-depth:65px;--card-shift:-7px;z-index:3;box-shadow:0 17px 24px #000b}.strip .loop-track .tile.depth-back{--card-depth:-65px;--card-shift:7px;z-index:1;box-shadow:0 4px 9px #0008}.strip .loop-track .tile.depth-back img{opacity:.93}.strip .loop-track .tile:focus-visible,.strip .loop-track .tile:hover{transform:perspective(850px) translateZ(105px) translateY(-12px);z-index:8;box-shadow:0 23px 32px #000c}.strip .tiles.loop-track{padding-top:37px;padding-bottom:34px}.continuous-loop .carousel-nav{top:45%}@media(prefers-reduced-motion:reduce){.strip .loop-track .tile{transition:none}}

/* A curved coverflow: orientation and depth follow the card's live position. */
.strip .loop-track .tile.curve-card{transform:perspective(750px) translateZ(var(--curve-depth,0px)) rotateY(var(--curve-angle,0deg));transform-origin:center;transition:box-shadow .25s,border-color .25s;box-shadow:0 16px 26px #000b;backface-visibility:hidden}
.strip .loop-track .tile.curve-card img{opacity:var(--curve-shade,1)}
.strip .loop-track .tile.curve-card:hover,.strip .loop-track .tile.curve-card:focus-visible{transform:perspective(750px) translateZ(calc(var(--curve-depth,0px) + 38px)) rotateY(var(--curve-angle,0deg)) translateY(-6px);box-shadow:0 22px 32px #000d}
.strip .tiles.loop-track{padding-top:40px;padding-bottom:40px}

/* Keep the desktop canvas fitted to mobile Safari: off-canvas content must
   never enlarge the page's auto-fit viewport. */
html{overflow-x:hidden}
body{width:100%;overflow-x:hidden;overflow-x:clip}
.site{width:100%;overflow-x:clip}
.strip-heading{width:100%;max-width:100%;overflow:hidden}
.strip-heading>p{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.editorial-world,.editorial-row,.about-row .about,.carousel-shell{min-width:0}

/* One continuous sunset scene, subdued beneath the scrapbook content. */
body{position:relative;isolation:isolate;background-color:#080b0b;background-image:linear-gradient(90deg,rgba(8,11,11,.28),rgba(8,11,11,.76) 22%,rgba(8,11,11,.8) 75%,rgba(8,11,11,.3)),linear-gradient(180deg,rgba(8,11,11,.18),rgba(8,11,11,.32) 55%,rgba(8,11,11,.38)),url('assets/sunset-page-background.webp');background-size:100% 100%;background-position:center top;background-repeat:no-repeat}
header{background:rgba(8,11,11,.82)}
.strip{background:rgba(8,11,11,.72)}
.vision{background:rgba(8,11,11,.78)}
footer{background:linear-gradient(90deg,transparent,rgba(8,11,11,.52) 15%,rgba(8,11,11,.52) 85%,transparent)}

/* Reveal more sunset detail while maintaining dark text surfaces. */
body{background-image:none}
body:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,rgba(8,11,11,.04),rgba(8,11,11,.38) 25%,rgba(8,11,11,.44) 72%,rgba(8,11,11,.06)),linear-gradient(180deg,rgba(8,11,11,.02),rgba(8,11,11,.12) 60%,rgba(8,11,11,.17)),url('assets/sunset-page-background.webp');background-size:100% 100%;background-position:center top;background-repeat:no-repeat;filter:brightness(1.65) saturate(1.1)}
.strip{background:rgba(8,11,11,.52)}
.vision{background:rgba(8,11,11,.68)}
header{background:rgba(8,11,11,.72)}

/* Bora Bora edition: original personal photograph with live HTML typography. */
.bora-edition header{background:transparent;height:82px}
.bora-hero{position:relative;height:690px;margin:0 -3.2% 32px;isolation:isolate;background:#080b0b url('assets/sunset-page-background.webp') center 36%/cover no-repeat;overflow:visible}
.bora-photo{position:absolute;right:0;top:0;width:76%;height:100%;object-fit:cover;object-position:50% 66%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 100%)}
.bora-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0bf2 0%,#080b0bad 28%,#080b0b19 54%,transparent 80%),linear-gradient(0deg,#080b0b 0%,transparent 30%);pointer-events:none}
.bora-copy{position:relative;z-index:2;width:45%;padding:40px 0 0 3.2%}
.bora-copy .tag{font:600 13px var(--condensed);letter-spacing:2px}
.bora-copy h1{font:800 79px/.91 var(--condensed);letter-spacing:-1px;margin:18px 0 15px;color:#a77de0;text-transform:uppercase}
.bora-copy h1 em{display:inline-block;color:#c96b91;background:linear-gradient(110deg,#a77de0,#c96b91 60%,#e6b777);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}
.bora-copy .intro{max-width:290px;font-size:13px;line-height:1.5;color:#f0e3d5}
.bora-copy .buttons{margin-top:16px;gap:10px}
.bora-copy .button{font-size:12px;min-height:37px;padding:9px 14px}
.bora-follow{position:absolute;right:3.5%;top:28px;z-index:3;color:#f0e3d5;transform:rotate(-5deg);text-shadow:0 2px 8px #000}
.bora-follow h2{font:600 29px/1 var(--hand);text-transform:uppercase}
.bora-follow div{display:flex;gap:19px;margin-top:13px;font-size:26px}
.bora-follow a:hover{color:#c96b91}
.bora-postcards{position:absolute;bottom:-15px;left:4%;right:4%;z-index:4;display:flex;align-items:flex-end;gap:7px}
.bora-postcards .polaroid{width:20%;padding:9px 9px 13px;transform:rotate(-6deg);transition:transform .28s,box-shadow .28s}
.bora-postcards .polaroid:nth-child(2){transform:rotate(5deg);margin-bottom:5px}
.bora-postcards .polaroid:nth-child(3){transform:rotate(-2deg);margin-bottom:-10px}
.bora-postcards .polaroid:nth-child(4){transform:rotate(-7deg);margin-bottom:4px}
.bora-postcards .polaroid:nth-child(5){transform:rotate(6deg);margin-bottom:6px}
.bora-postcards img{height:135px;object-fit:cover;pointer-events:none}
.bora-postcards span{display:block;font:600 22px/1.15 var(--hand);margin-top:8px;text-align:center;text-transform:uppercase}
.bora-postcards .polaroid:hover,.bora-postcards .polaroid:focus-visible{transform:translateY(-17px) rotate(0deg) scale(1.08);z-index:6;box-shadow:0 20px 35px #000c}
/* Section titles sit beside four looping paper story cards. */
.bora-edition .strip{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;border-color:#87683b66;padding:13px 8px 12px;background:#080b0b91}
.bora-edition .strip-heading{display:block;overflow:hidden;align-self:start;margin:16px 0 0;padding:0 3px}
.bora-edition .strip-heading h2{font-size:40px;line-height:.95;white-space:normal;color:#f0e3d5}
.bora-edition .strip-heading h2 em{display:block;color:#a77de0;font:600 41px var(--hand);margin:0 0 4px}
.bora-edition .strip-heading>p{white-space:normal!important;font:500 18px/1.2 var(--hand)!important;letter-spacing:.1px;padding-top:17px;color:#e2c89c;overflow:visible}
.bora-edition .strip-heading>p i{display:block;font-size:0;height:3px}
.bora-edition #experiences .strip-heading h2{font-size:32px;overflow-wrap:anywhere}
.bora-edition #creator .strip-heading h2{font-size:32px}
.bora-edition .strip .tiles.loop-track{padding-top:20px;padding-bottom:24px;min-height:255px}
.bora-edition .strip .loop-track .tile{padding:5px 5px 8px;border-radius:0;background:#eadbc9;color:#302a28;border-color:#c5a27d!important}
.bora-edition .strip .loop-track .tile img{height:162px}
.bora-edition .strip .loop-track .tile span{color:#302a28;background:transparent;font:600 20px/1.06 var(--hand);min-height:48px;padding:8px 2px 2px}
.bora-edition .strip .loop-track .tile .post-label{background:transparent;color:#6c6428;font-size:8px;min-height:18px;padding:7px 1px 0}
.bora-edition .strip .post-preview{bottom:73px;background:linear-gradient(transparent,#080b0be8 28%)}
.bora-edition .strip .post-preview p{color:#f0e3d5}
.bora-edition .carousel-shell{min-width:0;padding-right:7px;padding-left:7px}
.bora-edition .carousel-nav{width:30px;height:30px}
.bora-edition .carousel-status{font-size:8px}
.bora-edition .paper h2{color:#302a28}
.bora-edition .paper{box-shadow:2px 6px 16px #0008}
.bora-edition .about-row{gap:15px;margin-top:5px}
.bora-edition .vision h2{color:#a77de0}
.bora-edition .bottom-collage{margin-top:14px}
@media(prefers-reduced-motion:reduce){.bora-postcards .polaroid{transition:none}}

/* Let the continuous sunset show through the carousel sections. */
.bora-edition .strip,.bora-edition .carousel-shell,.bora-edition .loop-viewport,.bora-edition .strip .tiles.loop-track{background:transparent;box-shadow:none}

/* Frame the original portrait from the bottom so the bicycle and Otemanu
   remain together. Postcards occupy their own band below the photograph. */
.bora-hero{height:950px;margin-bottom:32px}
.bora-photo{width:55%;height:740px;object-position:50% 100%;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 100%)}
.bora-shade{bottom:210px;background:linear-gradient(90deg,#080b0bea 0%,#080b0b9c 30%,#080b0b12 49%,transparent 61%)}
.bora-postcards{bottom:0;align-items:flex-end}

/* Restore the compact hero, with a smaller postcard fan on the right. */
.bora-hero{height:690px;margin-bottom:32px}
.bora-photo{width:76%;height:100%;object-position:50% 66%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 100%)}
.bora-shade{bottom:0;background:linear-gradient(90deg,#080b0bf2 0%,#080b0bad 28%,#080b0b19 54%,transparent 80%),linear-gradient(0deg,#080b0b 0%,transparent 30%)}
.bora-postcards{left:auto;right:3.5%;width:47%;bottom:4px;gap:4px}
.bora-postcards .polaroid{padding:5px 5px 8px}
.bora-postcards img{height:78px}
.bora-postcards span{font-size:15px;margin-top:5px}
.bora-follow.paper{right:3.5%;top:45px;width:200px;padding:21px 18px 18px;transform:rotate(5deg);color:#302a28;text-shadow:none;clip-path:polygon(0 .8%,9% 0,25% .8%,38% 0,55% .6%,75% 0,94% .7%,100% 0,99.7% 17%,100% 32%,99.6% 50%,100% 72%,99.5% 100%,82% 99.7%,62% 100%,44% 99.4%,25% 100%,0 99.5%,.3% 74%,0 53%,.5% 32%)}
.bora-follow.paper h2{font:600 29px/1 var(--hand);color:#302a28}
.bora-follow.paper a{display:flex;gap:10px;align-items:center;margin-top:17px;color:#302a28}
.bora-follow.paper a b{font-size:25px;font-weight:400;width:25px;text-align:center}
.bora-follow.paper a span{font:600 15px var(--condensed)}
.bora-follow.paper a small{display:block;font:10px 'DM Sans',sans-serif;margin-top:3px}
.bora-follow.paper p{font:500 19px/1.12 var(--hand);margin-top:19px;color:#6535a5}
.bora-follow.paper a:hover{color:#6535a5}
.bora-follow.paper:before{left:auto;right:14px;top:-8px;width:12px;height:39px;background:transparent;border:2px solid #746957;border-radius:12px;clip-path:none;transform:rotate(14deg)}

/* Scrapbook section lettering, numbered in violet with handwritten topics. */
.bora-edition .strip{grid-template-columns:180px minmax(0,1fr)}
.bora-edition .strip-heading{position:relative;overflow:visible;padding:7px 5px 15px;margin-top:5px;isolation:isolate}
.bora-edition .strip-heading:before{content:'';position:absolute;left:-5px;right:0;top:23px;height:65px;z-index:-1;opacity:.43;background:repeating-linear-gradient(170deg,transparent 0 8px,#a387563d 9px 10px,transparent 11px 17px);clip-path:polygon(2% 12%,98% 0,90% 36%,100% 42%,87% 72%,5% 100%,14% 59%,0 55%)}
.bora-edition .strip-heading:after{content:'+';position:absolute;left:98px;top:4px;transform:rotate(-8deg);font:500 52px/.8 var(--hand);color:#b69a686b;pointer-events:none}
.bora-edition .strip-heading h2{font:800 66px/.91 var(--condensed);color:#efe0c0;text-transform:uppercase;letter-spacing:-1.3px;text-shadow:1px 2px 0 #71593766;transform:rotate(-2deg)}
.bora-edition .strip-heading h2 em{font:700 59px/.95 var(--hand);letter-spacing:-1px;display:block;margin:0 0 13px;color:#a77de0;background:linear-gradient(160deg,#a77de0 15%,#ba92dc 65%,#eadbc9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bora-edition #experiences .strip-heading h2{font-size:37px;letter-spacing:-.8px;overflow-wrap:normal}
.bora-edition #creator .strip-heading h2{font-size:39px;letter-spacing:-.6px}
.bora-edition .strip-heading>p{position:relative;margin:12px 0 0 13px;padding-top:5px;padding-right:18px;font:600 23px/1.02 var(--hand)!important;text-transform:uppercase;color:#d7c291;transform:rotate(-3deg)}
.bora-edition .strip-heading>p i{height:7px}
.bora-edition .strip-heading>p:after{content:'⟶';position:absolute;right:-7px;top:0;font:500 49px/.8 var(--hand);transform:rotate(-17deg);color:#e6d3a8;pointer-events:none}
/* Fade each photographic layer into the page background, without fading
   the actual text, links, or postcard buttons. */
.bora-hero{background:transparent;border:0;box-shadow:none}
.bora-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/sunset-page-background.webp') center 36%/cover no-repeat;mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%);pointer-events:none}
.bora-photo{mask-image:linear-gradient(90deg,transparent,#000 18%,#000),linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000),linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);-webkit-mask-composite:source-in}
.bora-shade{background:linear-gradient(90deg,#080b0be8 0%,#080b0b9e 28%,#080b0b15 54%,transparent 80%);mask-image:linear-gradient(180deg,#000 0%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 66%,transparent 100%)}

/* Compact all story sections: topic menus fit beside the polaroids. */
.bora-edition .strip{align-items:start;padding-top:10px;padding-bottom:10px}
.bora-edition .strip-heading{margin:0;padding:5px 4px 0}
.bora-edition .strip-heading h2{font-size:44px;line-height:.95;letter-spacing:-.7px}
.bora-edition .strip-heading h2 em{font-size:40px;line-height:.95;margin-bottom:7px}
.bora-edition #experiences .strip-heading h2,.bora-edition #creator .strip-heading h2{font-size:28px;line-height:.98;letter-spacing:-.4px}
.bora-edition .strip-heading>p.section-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px;margin:12px 0 0;padding:0;font:600 14px/1.08 var(--hand)!important;letter-spacing:0;text-transform:none;transform:none;overflow:visible}
.bora-edition .section-topics span{min-width:0;overflow-wrap:normal}
.bora-edition .strip-heading>p.section-topics:after{display:none}
.bora-edition .strip-heading:after{font-size:38px;left:76px;top:1px}
.bora-edition .strip .tiles.loop-track{padding-top:16px;padding-bottom:16px;min-height:0}

/* Shallow carousel rows, with compact titles and fixed-height photos. */
.bora-edition .strip{grid-template-columns:210px minmax(0,1fr);gap:8px;padding:6px 8px;min-height:0;align-self:start}
.bora-edition .strip-heading{padding:3px 4px 0}
.bora-edition .strip-heading h2{font-size:34px;line-height:.94}
.bora-edition .strip-heading h2 em{font-size:28px;margin-bottom:4px}
.bora-edition #experiences .strip-heading h2,.bora-edition #creator .strip-heading h2{font-size:24px;line-height:.96}
.bora-edition .strip-heading>p.section-topics{font:600 12px/1.05 var(--hand)!important;gap:5px 8px;margin-top:8px}
.bora-edition .strip-heading:before{height:40px;top:12px}
.bora-edition .strip-heading:after{font-size:28px;left:58px}
.bora-edition .strip .tiles.loop-track{padding:8px 0;min-height:0;align-items:flex-start}
.bora-edition .strip .loop-track .tile{padding:4px 4px 6px;flex-grow:0}
.bora-edition .strip .loop-track .tile img{height:110px;min-height:110px;max-height:110px;flex:none;object-fit:cover}
.bora-edition .strip .loop-track .tile span{font:600 16px/1.02 var(--hand);min-height:34px;padding:5px 1px 0}
.bora-edition .strip .loop-track .tile .post-label{font-size:7px;min-height:14px;padding:4px 1px 0}
.bora-edition .strip .post-preview{bottom:55px}
.bora-edition .carousel-shell{padding-top:0;padding-bottom:3px}
.bora-edition .continuous-loop .carousel-status{margin-top:0;font-size:7px}
.bora-edition .carousel-autoplay{font-size:8px}

/* A shallow label rail: no multi-line topic lists increasing row height. */
.bora-edition .strip-heading{padding:5px 3px 0;margin:0}
.bora-edition .strip-heading h2{font-size:30px;line-height:1;white-space:nowrap;transform:none;letter-spacing:-.4px}
.bora-edition .strip-heading h2 em{display:inline;font-size:28px;margin:0 7px 0 0}
.bora-edition #experiences .strip-heading h2,.bora-edition #creator .strip-heading h2{font-size:22px;white-space:nowrap}
.bora-edition .strip-heading:before,.bora-edition .strip-heading:after{display:none}
.section-icons{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;margin-top:11px;color:#d7c291}
.topic-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:20px;flex-shrink:0}
.topic-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.topic-icon:hover,.topic-icon:focus-visible{color:#c96b91;outline:1px solid #9873cf;outline-offset:3px}
/* The accompanying notes must not stretch the compact carousel rows. */
.bora-edition .editorial-row.note-right,.bora-edition .editorial-row.note-left{align-items:start}
.bora-edition .editorial-row .reference-note{padding:10px 12px;min-height:0;transform:rotate(1deg);margin:0}
.bora-edition .reference-note h2{font-size:20px;line-height:1}
.bora-edition .reference-note p{font-size:14px;line-height:1.06;margin-top:6px}
.bora-edition .editorial-row .journey-reference img{height:45px;max-height:45px;width:100%;object-fit:contain;margin-top:5px}
.bora-edition .journey-reference ul{font-size:12px;line-height:1;margin-top:5px}
.bora-edition .journey-reference li{margin-top:3px;padding-left:13px}
.bora-edition .editorial-world{gap:12px}

/* Compact text topics share one shallow horizontal heading line. */
.bora-edition .strip{display:block;padding:6px 8px}
.bora-edition .strip-heading{display:flex;align-items:center;gap:12px;margin:0;padding:0 3px;height:30px;min-height:30px;width:100%;overflow:hidden}
.bora-edition .strip-heading h2{flex:0 0 auto;font-size:28px;line-height:1;white-space:nowrap}
.bora-edition #experiences .strip-heading h2,.bora-edition #creator .strip-heading h2{font-size:26px}
.bora-edition .strip-heading h2 em{font-size:25px;display:inline;margin-right:6px}
.bora-edition .strip-heading>p.section-topics{display:block;flex:1;min-width:0;margin:0;padding:0;font:500 9px/1.1 'DM Sans',sans-serif!important;color:#d7c291;letter-spacing:0;text-transform:none;transform:none;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.bora-edition .strip-heading>p.section-topics i{display:inline;font-size:inherit;height:auto;padding:0 3px;color:#a77de0}
.bora-edition .strip-heading>p.section-topics:after{display:none}

/* Small section contents beneath the left-hand title, without a tall menu. */
.bora-edition .strip{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;padding:6px 8px;align-items:start}
.bora-edition .strip-heading{display:block;height:auto;min-height:0;max-height:150px;margin:0;padding:6px 4px 0;overflow:hidden}
.bora-edition .strip-heading h2{font-size:32px;line-height:1;white-space:normal}
.bora-edition .strip-heading h2 em{display:block;font-size:27px;margin:0 0 5px}
.bora-edition #experiences .strip-heading h2,.bora-edition #creator .strip-heading h2{font-size:25px;line-height:1}
.bora-edition .strip-heading>p.section-topics{display:block;margin:9px 0 0;padding:0;font:400 9px/1.4 'DM Sans',sans-serif!important;letter-spacing:0;white-space:normal!important;overflow:visible;text-overflow:clip;max-height:none;color:#d7c291;transform:none;text-transform:none}
.bora-edition .strip-heading>p.section-topics i{display:inline;padding:0 2px;font-size:8px;height:auto}

/* A more transparent left-side shade reveals the scene behind the title. */
.bora-shade{background:linear-gradient(90deg,rgba(8,11,11,.55) 0%,rgba(8,11,11,.34) 28%,rgba(8,11,11,.04) 54%,transparent 80%)}
.bora-copy h1{text-shadow:0 2px 14px #0007}
.bora-copy .intro,.bora-copy .tag{text-shadow:0 1px 5px #000b}

/* Consistent small topic icons, always on one horizontal line. */
.bora-edition .section-icons{display:flex;flex-wrap:nowrap;align-items:center;gap:9px;margin-top:10px;height:20px;min-height:0;color:#d7c291}
.bora-edition .topic-icon{width:18px;height:18px;flex:0 0 18px}
.bora-edition .topic-icon svg{width:16px;height:16px;stroke-width:1.6}

/* Each topic pairs an icon with a tiny readable label within the existing rail. */
.bora-edition .section-icons{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:9px;height:auto;max-height:70px}
.bora-edition .topic-icon{display:flex;gap:5px;width:auto;height:11px;flex:0 0 11px;max-width:100%}
.bora-edition .topic-icon svg{width:11px;height:11px;flex:0 0 11px;stroke-width:1.6}
.bora-edition .topic-icon small{font:400 9px/11px 'DM Sans',sans-serif;letter-spacing:0;white-space:nowrap;color:inherit}

/* Restore the hand-lettered scrapbook labels in the existing shallow rails. */
.bora-edition .strip-heading{position:relative;isolation:isolate;overflow:visible;max-height:none;padding:4px 3px 0}
.bora-edition .strip-heading h2{font:800 41px/.94 var(--condensed);color:#efe0c0;letter-spacing:-.7px;transform:rotate(-2deg);text-shadow:1px 2px 0 #71593766}
.bora-edition .strip-heading h2 em{display:block;font:700 32px/.9 var(--hand);margin:0 0 6px;color:#a77de0;background:linear-gradient(160deg,#a77de0,#ba92dc 65%,#eadbc9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bora-edition #experiences .strip-heading h2,.bora-edition #creator .strip-heading h2{font-size:26px;line-height:.97;white-space:nowrap}
.bora-edition .strip-heading:before{content:'';display:block;position:absolute;left:-4px;right:0;top:19px;height:43px;z-index:-1;opacity:.43;background:repeating-linear-gradient(170deg,transparent 0 8px,#a387563d 9px 10px,transparent 11px 17px);clip-path:polygon(2% 12%,98% 0,90% 36%,100% 42%,87% 72%,5% 100%,14% 59%,0 55%)}
.bora-edition .strip-heading:after{content:'+';display:block;position:absolute;left:70px;top:0;font:500 35px/.8 var(--hand);color:#b69a686b;transform:rotate(-8deg)}
.bora-edition .strip-heading>p.hand-topics{display:block;position:relative;margin:10px 0 0 12px;padding:0;max-width:145px;font:600 17px/.98 var(--hand)!important;letter-spacing:0;white-space:normal!important;text-transform:uppercase;transform:rotate(-3deg);color:#d7c291;overflow:visible}
.bora-edition .hand-topics span{display:block;white-space:nowrap;margin-bottom:2px}
.bora-edition .strip-heading>p.hand-topics:after{display:none}
.section-doodle{position:absolute;width:38px;height:34px;right:0;bottom:5px;fill:none;stroke:#e6d3a8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transform:rotate(-5deg);pointer-events:none}
.bora-edition #creator .section-doodle{width:44px;height:38px;right:0;bottom:8px;opacity:.55}

/* The map belongs under Experiences, beside its handwritten topics. */
.bora-edition .editorial-row.note-left{grid-template-columns:minmax(0,1fr);margin-left:0;margin-right:0}
.bora-edition #experiences{grid-template-columns:285px minmax(0,1fr)}
.bora-edition #experiences .strip-heading{min-height:155px}
.bora-edition #experiences .strip-heading h2{font-size:34px;white-space:nowrap}
.bora-edition #experiences .hand-topics{width:130px;max-width:130px;margin-left:4px;font-size:16px!important}
.experience-map.paper{position:absolute;right:0;top:66px;width:133px;padding:7px 7px 6px;transform:rotate(6deg);box-shadow:2px 4px 9px #0008}
.experience-map img{width:100%;height:60px;object-fit:contain;mix-blend-mode:multiply;display:block}
.experience-map.paper p{font:600 14px/1 var(--hand);margin:3px 0 0;color:#58432c}
.bora-edition #experiences .section-doodle{right:135px;bottom:5px;width:34px;height:30px;transform:rotate(-8deg)}

/* Antique map scrap beside the handwritten Experiences list. */
.bora-edition #experiences{grid-template-columns:300px minmax(0,1fr)}
.bora-edition #experiences .strip-heading{min-height:175px}
.experience-map.paper{top:57px;right:0;width:141px;padding:0;border:0;background:none;clip-path:none;transform:rotate(7deg);box-shadow:3px 6px 13px #0008}
.experience-map.paper img{display:block;width:141px;height:119px;max-height:none;object-fit:fill;mix-blend-mode:normal;clip-path:polygon(4% 2%,17% 3%,32% 1%,53% 2%,70% 1%,94% 3%,98% 20%,97% 44%,99% 69%,96% 97%,72% 99%,49% 97%,25% 99%,3% 96%,2% 73%,3% 48%,2% 23%)}
.experience-map.paper:after{display:none}
.experience-map.paper:before{left:33%;top:-6px;width:44px;height:15px;transform:rotate(-10deg)}
.bora-edition #experiences .section-doodle{right:143px;bottom:13px;width:38px;height:34px}

/* Use the reference artwork itself for exact distressed lettering and map.
   Live semantic headings remain accessible; only their visual treatment changes. */
.bora-edition .strip-heading{height:180px;min-height:180px!important;max-height:180px;padding:0;margin:0;position:relative;overflow:hidden;isolation:auto}
.bora-edition .strip-heading>h2,.bora-edition .strip-heading>p,.bora-edition .strip-heading>svg,.bora-edition .strip-heading>.experience-map{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.bora-edition .strip-heading:before,.bora-edition .strip-heading:after{display:none}
.reference-label-art{position:absolute;top:0;left:0;background-image:url('assets/section-style-reference.jpg');background-repeat:no-repeat;mix-blend-mode:screen;pointer-events:none}
.bora-edition #travel{grid-template-columns:150px minmax(0,1fr)}
#travel .reference-label-art{width:121px;height:179px;background-size:734.4px 1305.6px;background-position:-6.8px -513.4px}
.bora-edition #experiences{grid-template-columns:220px minmax(0,1fr)}
#experiences .reference-label-art{width:203.2px;height:171.2px;background-size:691.2px 1228.8px;background-position:-9.6px -656.8px}
.bora-edition #creator{grid-template-columns:190px minmax(0,1fr)}
#creator .reference-label-art{width:184.3px;height:137.75px;background-size:820.8px 1459.2px;background-position:-17.1px -1155.2px}

/* Wide lagoon hero, with the social paper at right and a tiny right-side fan. */
.bora-hero{height:auto;aspect-ratio:1672/941;min-height:675px}
.bora-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(180deg,#000 0%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 91%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}
.bora-shade{background:linear-gradient(90deg,rgba(8,11,11,.53),rgba(8,11,11,.27) 31%,transparent 53%);mask-image:linear-gradient(180deg,#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 84%,transparent 100%)}
.bora-copy{padding-top:48px;width:45%}
.bora-copy h1{font-size:84px}
.bora-follow.paper{right:3%;top:40px;width:190px;transform:rotate(5deg)}
.bora-postcards{width:30%;right:3%;left:auto;bottom:9px;gap:3px}
.bora-postcards .polaroid{padding:4px 4px 6px}
.bora-postcards img{height:50px}
.bora-postcards span{font-size:11px;line-height:1.05;margin-top:4px}
.bora-edition #experiences .strip-heading{height:188px;min-height:188px!important;max-height:188px}
#experiences .reference-label-art{height:184px;background-position:-9.6px -653.6px}

/* Logo and navigation are embedded visually in the hero photograph. */
.bora-edition .site{position:relative}
.bora-edition header{position:absolute;top:0;left:0;right:0;z-index:12;height:90px;padding:8px 3%;margin:0;background:transparent;box-shadow:none;border:0}
.bora-edition header .logo{width:240px}
.bora-edition header .logo img{max-height:75px;mix-blend-mode:screen}
.bora-edition header .logo:after{display:none}
.bora-edition header nav a{font-size:13px;color:#f0e3d5;text-shadow:0 1px 5px #000c}
.bora-edition header nav a[href="#work"]{color:#f0e3d5}
.bora-edition header nav a:hover{color:#c96b91}
.bora-edition header .social-icon{color:#f0e3d5;text-shadow:0 1px 5px #000c}
.bora-hero{margin-top:0;min-height:720px}
.bora-copy{padding-top:136px;width:48%}
.bora-copy h1{font-size:94px;line-height:.92;margin-top:17px;position:relative}
.bora-copy h1:after{content:'';display:block;width:166px;height:8px;background:#9873cf;transform:rotate(-6deg);margin-top:15px;clip-path:polygon(0 42%,95% 0,100% 32%,19% 72%,97% 49%,92% 100%,3% 82%)}
.bora-copy .intro,.bora-copy .buttons{display:none}
.bora-copy .tag{letter-spacing:3px;font-size:13px}
.bora-follow.paper{top:115px;right:3%}
.bora-postcards{right:3%;bottom:9px;width:30%}

/* Alpha-backed logo and distressed hero lettering, no rectangular backing. */
.bora-edition header .logo,.bora-edition header .logo img{background:transparent;box-shadow:none;filter:none;mix-blend-mode:normal}
.bora-edition header .logo{width:250px}
.bora-edition header .logo img{width:100%;height:auto;max-height:82px;object-fit:contain}
.bora-copy .bora-title-art{margin:17px 0 0;width:100%;font-size:0;line-height:0;background:none;filter:none;text-shadow:none}
.bora-copy .bora-title-art img{display:block;width:100%;height:auto;background:transparent}
.bora-copy .bora-title-art:after{display:none}

/* A deeper left-side shade matching the reference hero. */
.bora-shade{background:linear-gradient(90deg,rgba(5,9,12,.76) 0%,rgba(5,9,12,.61) 24%,rgba(5,9,12,.31) 41%,rgba(5,9,12,.06) 56%,transparent 65%)}

/* Restore the introduction and both live actions beneath the hero lettering. */
.bora-copy{padding-top:116px}
.bora-copy .bora-title-art{width:100%;max-width:465px;margin-top:15px}
.bora-copy .intro{display:block;max-width:350px;margin-top:12px;font-size:12px;line-height:1.45;color:#f0e3d5}
.bora-copy .buttons{display:flex;gap:10px;margin-top:14px}
.bora-copy .button{min-height:37px;padding:9px 14px;font-size:12px}

/* A slightly larger social paper, inset from the edge of the photograph. */
.bora-follow.paper{width:218px;right:6%;padding:24px 21px 21px;box-shadow:4px 9px 20px #0009}
.bora-follow.paper h2{font-size:32px}
.bora-follow.paper a{gap:12px;margin-top:19px}
.bora-follow.paper a b{font-size:28px;width:28px}
.bora-follow.paper a span{font-size:17px}
.bora-follow.paper a small{font-size:11px}
.bora-follow.paper p{font-size:20px;line-height:1.15}

/* Readable postcards with a fuller presence in the lower-right hero corner. */
.bora-postcards{width:40%;right:3%;left:auto;bottom:10px;gap:5px}
.bora-postcards .polaroid{padding:6px 6px 10px}
.bora-postcards img{height:82px}
.bora-postcards span{font-size:15px;line-height:1.06;margin-top:6px}

/* Lift the social paper above more of the right-hand overwater bungalow. */
.bora-follow.paper{top:92px;padding:17px 21px 16px;transform:rotate(3deg)}
.bora-follow.paper h2{font-size:29px}
.bora-follow.paper a{margin-top:13px}
.bora-follow.paper p{font-size:17px;line-height:1.05;margin-top:12px}

/* Matching aged parchment for every note and photograph's paper surround. */
.bora-edition .paper,.bora-edition .polaroid,.bora-edition .strip .loop-track .tile{background-color:#e6c99a;background-image:url('assets/aged-parchment.webp');background-size:100% 100%;background-position:center;border-color:#9e754c55!important;box-shadow:inset 0 0 12px #8c613322,2px 6px 16px #0008;clip-path:polygon(.7% 1%,7% .3%,14% 1%,23% .2%,32% .7%,43% 0,54% .8%,66% .2%,78% .8%,90% .2%,99.3% 1%,99.7% 12%,99.2% 24%,100% 37%,99.4% 50%,99.8% 65%,99.1% 80%,99.6% 91%,99% 99.3%,87% 99.8%,76% 99.2%,62% 100%,48% 99.4%,36% 99.8%,23% 99.3%,11% 99.8%,.8% 99.1%,.2% 88%,.8% 75%,0 61%,.6% 47%,.2% 33%,.8% 20%,.2% 9%)}
.bora-edition .paper:after{border:0;box-shadow:inset 0 0 17px #86603b28}
.bora-edition .paper:before,.bora-edition .polaroid:before{background-color:#c1a27191}
.bora-edition .bora-follow.paper:before{background:transparent}
.bora-edition .strip .loop-track .tile span,.bora-edition .strip .loop-track .tile .post-label{background:transparent}
.bora-edition .paper p,.bora-edition .paper blockquote,.bora-edition .paper li,.bora-edition .polaroid p,.bora-edition .polaroid span{color:#30261d}
.bora-edition .bora-postcards .polaroid:nth-child(2),.bora-edition .project-images .polaroid:nth-child(2){background-position:75% 25%;background-size:115% 110%}
.bora-edition .story,.bora-edition .work{background-position:30% 65%;background-size:110% 105%}

/* Experiences alternates direction: carousel left, complete illustrated label right. */
.bora-edition #experiences{grid-template-columns:minmax(0,1fr) 260px;gap:15px}
.bora-edition #experiences .carousel-shell{grid-column:1;grid-row:1}
.bora-edition #experiences .strip-heading{grid-column:2;grid-row:1;width:260px;height:190px;min-height:190px!important;max-height:190px;overflow:visible}
#experiences .reference-label-art{width:100%;height:100%;background-image:url('assets/experiences-complete-art.webp');background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}

/* Keep the map immediately between the left carousel and the right label. */
.bora-edition #experiences{grid-template-columns:minmax(0,1fr) 145px 210px;gap:7px;align-items:center}
.bora-edition #experiences .carousel-shell{grid-column:1;grid-row:1}
.between-experience-map{grid-column:2;grid-row:1;width:145px;height:145px;object-fit:contain;display:block;align-self:center}
.bora-edition #experiences .strip-heading{grid-column:3;grid-row:1;width:210px;height:190px;min-height:190px!important;max-height:190px;overflow:visible}
#experiences .reference-label-art{width:203.2px;height:184px;background-image:url('assets/section-style-reference.jpg');background-size:691.2px 1228.8px;background-position:-9.6px -653.6px;mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 38%,51% 38%,51% 100%,0 100%)}

/* Mirror the composition, keeping every word readable and the whole map visible. */
.bora-edition #experiences{grid-template-columns:minmax(0,1fr) 300px;gap:10px}
.bora-edition #experiences .carousel-shell{grid-column:1;grid-row:1}
.bora-edition #experiences .strip-heading{grid-column:2;grid-row:1;width:300px;height:190px;min-height:190px!important;max-height:190px;overflow:visible}
#experiences .reference-label-art{inset:0;width:100%;height:100%;background-image:url('assets/experiences-right-aligned-art.webp');background-size:contain;background-position:right center;background-repeat:no-repeat;clip-path:none;mix-blend-mode:normal;transform:none}
/* See the overwater bungalow through the hero's social frame. */
.bora-edition .bora-follow.paper{background:rgba(13,20,27,.24);background-image:none;box-shadow:0 3px 12px #0003;border:1px solid #e6c99a66!important;color:#f0e3d5;text-shadow:0 1px 3px #000,0 0 8px #0008;backdrop-filter:none}
.bora-edition .bora-follow.paper h2,.bora-edition .bora-follow.paper a,.bora-edition .bora-follow.paper p{color:#f0e3d5}
.bora-edition .bora-follow.paper a:hover{color:#c7a1ef}
.bora-edition .bora-follow.paper:after{box-shadow:none}

/* Warm white lettering and restrained antique-gold accents. */
:root{--brand-white:#f7f4ec;--brand-gold:#c5a46b;--brand-ink:#493824;--orange:#c5a46b;--cream:#f7f4ec;--white:#f7f4ec}
.bora-edition{color:var(--brand-white)}
.bora-edition .bora-copy .bora-title-art img{filter:brightness(0) invert(1) sepia(.09)}
.bora-edition .reference-label-art{filter:grayscale(1) sepia(.22) brightness(1.18)}
.bora-edition header nav a,.bora-edition header nav a[href="#work"],.bora-edition header .social-icon,.bora-edition .tag,.bora-edition .tag em,.bora-edition .vision h2,.bora-edition .vision li,.bora-edition footer h2,.bora-edition footer h2 em{color:var(--brand-white)}
.bora-edition .paper h2,.bora-edition .paper .note-signature,.bora-edition .paper .ink-link{color:var(--brand-ink)}
.bora-edition .bora-follow.paper h2,.bora-edition .bora-follow.paper a,.bora-edition .bora-follow.paper p{color:var(--brand-white)}
.bora-edition .strip h2 em,.bora-edition .vision li:before,.bora-edition .post-label,.bora-edition .carousel-arrow,.bora-edition .carousel-controls{color:var(--brand-gold)}
.bora-edition .vision,.bora-edition .strip,.bora-edition .carousel-arrow{border-color:#c5a46b88!important}
.bora-edition .button{color:var(--brand-white);border-color:var(--brand-gold)}
.bora-edition .button.orange{background:#c5a46b;color:#16140f;border-color:#d8bb86}
.bora-edition a:hover,.bora-edition header nav a:hover,.bora-edition .bora-follow.paper a:hover{color:#e4c895}
.bora-edition .button.orange:hover{color:#16140f;background:#d8bb86}

/* Ocean turquoise accents over warm-white lettering and antique paper. */
:root{--brand-ocean:#59b8bb}
.bora-edition .strip h2 em,.bora-edition .carousel-nav,.bora-edition .carousel-autoplay,.bora-edition .carousel-status,.bora-edition .vision li:before{color:var(--brand-ocean)}
.bora-edition .carousel-nav{border-color:#59b8bb99!important}
.bora-edition .vision{border-color:#59b8bb88!important}
.bora-edition header nav a:hover,.bora-edition header .social-icon:hover,.bora-edition .bora-follow.paper a:hover,.bora-edition .footer-social a,.bora-edition .ink-link{color:var(--brand-ocean)}
.bora-edition .paper .ink-link{color:#286f72}
.bora-edition .button:not(.orange){border-color:var(--brand-ocean)}
.bora-edition .button:not(.orange):hover{color:var(--brand-ocean);background:#102528}
.bora-edition .reference-label-art.number-tint{filter:grayscale(1) sepia(1) saturate(3) hue-rotate(120deg) brightness(1.1);pointer-events:none}
#travel .reference-label-art.number-tint{clip-path:polygon(0 0,36% 0,36% 22%,0 22%)}
#creator .reference-label-art.number-tint{clip-path:polygon(0 0,19% 0,19% 23%,0 23%)}
#experiences .reference-label-art.number-tint{clip-path:polygon(82% 0,100% 0,100% 22%,82% 22%)}

/* Rounded connected handwriting, with quiet warm-white headline colour. */
:root{--script:'Satisfy','Caveat',cursive}
.bora-edition .bora-copy .script-title{font-family:var(--script);font-size:68px;font-weight:400;line-height:1.16;letter-spacing:0;text-transform:none;color:#f7f4ec;max-width:510px;margin-top:22px;text-shadow:0 2px 14px #0008}
.bora-edition .script-title span{display:block;white-space:nowrap}
.bora-edition .bora-copy .intro{margin-top:20px}
.bora-edition .paper h2,.bora-edition .vision h2,.bora-edition footer h2{font-family:var(--script);font-weight:400;text-transform:none;letter-spacing:0}
.bora-edition .bora-follow.paper h2{font-family:var(--script);font-size:30px;line-height:1.15}
.bora-edition .paper h2{font-size:28px;line-height:1.2}
.bora-edition .reference-label-art.number-tint{display:none}
#travel .reference-label-art{mask-image:linear-gradient(transparent 0 54%,#000 57%);-webkit-mask-image:linear-gradient(transparent 0 54%,#000 57%)}
#creator .reference-label-art{mask-image:linear-gradient(transparent 0 41%,#000 44%);-webkit-mask-image:linear-gradient(transparent 0 41%,#000 44%)}
#experiences .reference-label-art{mask-image:linear-gradient(transparent 0 29%,#000 32%);-webkit-mask-image:linear-gradient(transparent 0 29%,#000 32%)}
.bora-edition .strip-heading>h2{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;padding:0!important;margin:0!important;font:400 35px/1.12 var(--script);text-transform:none;letter-spacing:0;color:#f7f4ec;text-shadow:0 1px 5px #000;z-index:2}
.bora-edition .strip-heading>h2 em{display:block;font:500 23px/1 var(--hand);color:#c5a46b;margin-bottom:5px}
.bora-edition #experiences .strip-heading>h2{text-align:right;font-size:36px}
.bora-edition #creator .strip-heading>h2{font-size:31px;max-width:185px!important}

/* Champagne-gold handwriting and warm, yellowed map parchment. */
:root{--headline-gold:#d6bd8a}
.bora-edition .bora-copy .script-title,.bora-edition .strip-heading>h2,.bora-edition .vision h2,.bora-edition footer h2,.bora-edition footer h2 em,.bora-edition .bora-follow.paper h2{color:var(--headline-gold)}
.bora-edition #experiences .reference-label-art{filter:sepia(.52) saturate(.82) brightness(.96)}
.bora-edition .experience-map img,.bora-edition .between-experience-map{filter:sepia(.38) saturate(.85) brightness(.96)}

/* Thematic scrapbook illustrations beside the existing story carousels. */
.bora-edition #travel{grid-template-columns:180px minmax(0,1fr)}
.bora-edition #creator{grid-template-columns:210px minmax(0,1fr)}
.bora-edition .strip-heading .reference-label-art{display:none!important}
.bora-edition .strip-heading .section-theme-art{position:absolute;display:block;left:0;bottom:0;width:100%;height:116px;object-fit:contain;object-position:left bottom;filter:drop-shadow(1px 3px 3px #0005);pointer-events:none}
.bora-edition #travel .strip-heading .section-theme-art{height:116px;object-position:center bottom}
.bora-edition #creator .strip-heading .section-theme-art{height:116px;object-position:center bottom}
.bora-edition #creator .strip-heading>h2{font-size:30px;max-width:210px!important}
.bora-edition #experiences .strip-heading .section-theme-art{height:125px;object-position:right bottom}

/* Fashion & Lifestyle: same scrapbook materials, type and continuous carousel. */
.bora-edition #fashion{grid-template-columns:210px minmax(0,1fr)}
.bora-edition #fashion .strip-heading>h2{font-size:30px;max-width:210px!important}
.bora-edition #fashion .fashion-label-paper{position:absolute;left:10px;bottom:2px;width:176px;padding:9px 12px;transform:rotate(-4deg);text-align:center}
.bora-edition #fashion .fashion-label-paper span{display:block;font:400 24px/1.05 var(--script);color:var(--brand-ink)}
.bora-edition #fashion .tile img{object-position:50% 67%}
.bora-edition #fashion .tile[data-post-key="labanach-beginnings"] img{object-position:50% 59%}
.bora-edition .story-read-more{display:inline-block;margin-top:10px;padding:0;border:0;background:transparent;color:#286f72;font:600 18px/1.2 var(--hand);text-decoration:underline;text-underline-offset:3px}
#detail-text{white-space:pre-line}
.bora-edition #fashion .tile[data-post-key="personal-style"] img{object-position:50% 45%}

/* Fashion label on the right, carousel on the left. */
.bora-edition #fashion{grid-template-columns:minmax(0,1fr) 210px}
.bora-edition #fashion .strip-heading{grid-column:2;grid-row:1}
.bora-edition #fashion .carousel-shell{grid-column:1;grid-row:1;min-width:0}
.bora-edition #fashion .strip-heading>h2{text-align:right}
.bora-edition #fashion .fashion-label-paper{left:auto;right:10px}

/* Alternating heading placement follows each carousel's direction. */
.bora-edition #travel{grid-template-columns:minmax(0,1fr) 180px}
.bora-edition #travel .strip-heading{grid-column:2;grid-row:1}
.bora-edition #travel .carousel-shell{grid-column:1;grid-row:1;min-width:0}
.bora-edition #travel .strip-heading>h2{text-align:right}
.bora-edition #experiences{grid-template-columns:300px minmax(0,1fr)}
.bora-edition #experiences .strip-heading{grid-column:1;grid-row:1}
.bora-edition #experiences .carousel-shell{grid-column:2;grid-row:1;min-width:0}
.bora-edition #experiences .strip-heading>h2{text-align:left}
.bora-edition #experiences .strip-heading .section-theme-art{object-position:left bottom}

/* Personal photographs and optional galleries, within the existing story dialog. */
#experience-tiles .tile[data-post-key="festival"] img{object-position:50% 53%}
.bora-edition #fashion .tile[data-post-key="personal-style"] img{object-position:50% 52%}
.bora-postcards [data-story="festival"] img{object-position:50% 51%}
.detail-gallery[hidden]{display:none}
.detail-gallery{margin-top:16px}
.detail-gallery-controls{display:flex;align-items:center;gap:14px;margin-bottom:10px;color:var(--headline-gold)}
.detail-gallery-controls button{width:32px;height:32px;background:transparent;border:1px solid #c5a46b88;border-radius:50%;color:var(--headline-gold);font-size:24px;line-height:1}
#detail-thumbnails{display:flex;gap:7px;flex-wrap:wrap}
#detail-thumbnails button{width:52px;height:68px;padding:2px;border:1px solid transparent;background:#e6c99a;opacity:.65}
#detail-thumbnails button[aria-pressed="true"]{opacity:1;outline:2px solid var(--brand-ocean);outline-offset:2px}
#detail-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}
.detail-grid.has-gallery>#detail-image{object-fit:contain;background:#090d0c}

/* Focal positions for this batch of original personal photographs. */
.bora-edition #fashion .tile[data-post-key="personal-style"] img{object-position:50% 48%}
#travel-tiles .tile[data-post-key="hotel"] img{object-position:50% 53%}
#travel-tiles .tile[data-post-key="restaurant"] img{object-position:50% 49%}
#experience-tiles .tile[data-post-key="cenote"] img{object-position:50% 40%}
#experience-tiles .tile[data-post-key="medellin-visit"] img{object-position:50% 48%}
#experience-tiles .tile[data-post-key="lagoon-stingray"] img{object-position:50% 68%}
.bora-postcards [data-story="hotel"] img{object-position:50% 54%}
.bora-postcards [data-story="cenote"] img{object-position:50% 43%}
.bora-postcards [data-story="lagoon-stingray"] img{object-position:50% 69%}

/* Handwritten marker ink directly on the backdrop; scrapbook artwork remains separate. */
.bora-edition .strip-heading{min-width:0}
.bora-edition .strip-heading>h2{box-sizing:border-box;width:100%!important;max-width:100%!important;padding:2px 8px 4px!important;transform:none!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:normal;filter:none;mix-blend-mode:normal;opacity:1;background:none;border:0;box-shadow:none;font-family:var(--hand);font-weight:700;color:var(--headline-gold);line-height:1.05;letter-spacing:-.5px}
.bora-edition #travel .strip-heading>h2{font-size:38px}
.bora-edition #experiences .strip-heading>h2{font-size:38px}
.bora-edition #fashion .strip-heading>h2{font-size:34px}
.bora-edition #creator .strip-heading>h2{font-size:33px}
.bora-edition .strip-heading>h2 em{background:none;-webkit-text-fill-color:currentColor;color:var(--headline-gold);opacity:1;text-shadow:none;font:700 23px/1 var(--hand)}

/* Bare handwritten section labels on the site's continuous photographic backdrop. */
.bora-edition .strip-heading .section-theme-art,
.bora-edition .strip-heading .reference-label-art,
.bora-edition .strip-heading .fashion-label-paper,
.bora-edition .strip-heading .experience-map,
.bora-edition .strip-heading .section-doodle{display:none!important}
.bora-edition .strip-heading,
.bora-edition #experiences .strip-heading{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;overflow:hidden}
.bora-edition .strip-heading::before,.bora-edition .strip-heading::after{display:none!important;content:none!important}
.bora-edition .strip-heading>h2{top:50%!important;transform:translateY(-50%)!important;filter:none;mix-blend-mode:normal;opacity:1}

/* Sprayed lettering and quick directional paint strokes, directly on the photo. */
.bora-edition .strip-heading>h2{top:39%!important;opacity:.94;mix-blend-mode:screen;filter:url(#spray-grain-0)}
.bora-edition .strip-heading .spray-arrow{display:block;position:absolute;top:62%;left:10px;width:145px;height:56px;color:var(--headline-gold);opacity:.88;pointer-events:none;mix-blend-mode:screen;overflow:visible}
.bora-edition .strip-heading .spray-mist{stroke-width:8;opacity:.14;filter:blur(2px)}
.bora-edition #travel .spray-arrow,.bora-edition #fashion .spray-arrow{left:auto;right:8px;transform:scaleX(-1) rotate(-5deg)}
.bora-edition #experiences .spray-arrow{transform:rotate(5deg)}
.bora-edition #creator .spray-arrow{transform:rotate(-4deg)}
.bora-edition .strip-heading>svg.spray-arrow{width:145px!important;height:56px!important;min-height:0!important;margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;z-index:2}
/* Bold spray-painted graffiti, with ink contours and small paint runs. */
.bora-edition .strip-heading{--graffiti-ink:#d6bd8a;--graffiti-edge:#362c28;--graffiti-angle:-5deg}
.bora-edition #experiences .strip-heading{--graffiti-ink:#d8c38d;--graffiti-edge:#423530}
.bora-edition #fashion .strip-heading{--graffiti-ink:#b49bd2;--graffiti-edge:#34273f;--graffiti-angle:4deg}
.bora-edition #creator .strip-heading{--graffiti-ink:#c1c9c8;--graffiti-edge:#293c40}
.bora-edition .strip-heading>h2{font-family:var(--condensed);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-1.2px;line-height:.93;color:var(--graffiti-ink);-webkit-text-stroke:1px var(--graffiti-edge);paint-order:stroke fill;text-shadow:1px 1px 0 var(--graffiti-edge),2px 2px 0 var(--graffiti-edge);filter:url(#spray-grain-0);mix-blend-mode:normal;opacity:.96;transform:translateY(-50%) rotate(var(--graffiti-angle)) skewX(-7deg)!important;transform-origin:center}
.bora-edition #travel .strip-heading>h2{font-size:46px}
.bora-edition #experiences .strip-heading>h2{font-size:43px}
.bora-edition #fashion .strip-heading>h2{font-size:38px}
.bora-edition #creator .strip-heading>h2{font-size:38px}
.bora-edition .strip-heading>h2 em{font:700 23px/1 var(--hand);-webkit-text-stroke:0;text-shadow:none;color:var(--graffiti-ink);margin-bottom:9px}
.bora-edition .strip-heading>h2::after{content:'';display:block;width:70%;height:17px;margin:2px 4px -16px;background:linear-gradient(var(--graffiti-ink),var(--graffiti-ink)) 14% 0/2px 12px no-repeat,linear-gradient(var(--graffiti-ink),var(--graffiti-ink)) 38% 0/3px 6px no-repeat,linear-gradient(var(--graffiti-ink),var(--graffiti-ink)) 81% 0/2px 17px no-repeat;opacity:.65}
.bora-edition #travel .strip-heading>h2::after,.bora-edition #fashion .strip-heading>h2::after{margin-left:auto}
.bora-edition .strip-heading .spray-arrow{color:var(--graffiti-ink);opacity:.9}
/* Individual painted tags: ocean ink, gold paint runs, one violet neon and silver lettering. */
.bora-edition .strip-heading>h2{filter:none;text-shadow:none;-webkit-text-stroke:0;overflow:visible!important;top:35%!important}
.bora-edition .strip-heading>h2::after{display:none}
.bora-edition .graffiti-word{display:inline-block;position:relative;isolation:isolate;max-width:100%;filter:url(#spray-grain-0);paint-order:stroke fill;-webkit-text-stroke:2px #172024;text-shadow:2px 2px 0 #10191b,3px 3px 0 #9d895f}
.bora-edition #travel .graffiti-word{color:#67c8c8;-webkit-text-stroke:2px #153b42;text-shadow:2px 2px 0 #10262c,4px 4px 0 #c9b382;transform:rotate(-3deg)}
.bora-edition #experiences .graffiti-word{color:#e0c080;-webkit-text-stroke:2px #49362a;text-shadow:2px 3px 0 #382820,4px 4px 0 #92754c}
.bora-edition .graffiti-word::after{content:'';position:absolute;top:calc(100% - 3px);left:0;width:100%;height:33px;z-index:-1;pointer-events:none;background:linear-gradient(currentColor,currentColor) 9% 0/3px 22px no-repeat,radial-gradient(ellipse,currentColor 65%,transparent 72%) 9% 19px/4px 5px no-repeat,linear-gradient(currentColor,currentColor) 34% 0/2px 11px no-repeat,linear-gradient(currentColor,currentColor) 73% 0/3px 30px no-repeat,radial-gradient(ellipse,currentColor 65%,transparent 72%) 73% 27px/4px 5px no-repeat,linear-gradient(currentColor,currentColor) 92% 0/2px 15px no-repeat;opacity:.85}
.bora-edition .graffiti-word::before{content:'';position:absolute;inset:-13px -9px -20px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 5% 23%,currentColor 0 1px,transparent 2px),radial-gradient(circle at 93% 8%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 87% 90%,currentColor 0 1px,transparent 2px),radial-gradient(circle at 12% 87%,currentColor 0 2px,transparent 3px),radial-gradient(circle at 98% 63%,currentColor 0 1px,transparent 2px);opacity:.65}
.bora-edition #fashion .graffiti-word{filter:none;color:#e2b9ff;-webkit-text-stroke:1px #8d56c2;text-shadow:0 0 3px #bb6aff,0 0 11px #a345dc,0 0 22px #8028b77d,2px 2px 0 #24112c}
.bora-edition #fashion .graffiti-word::after{display:none}
.bora-edition #fashion .graffiti-word::before{opacity:.35}
.bora-edition #creator .graffiti-word{color:#d6dfdf;background:linear-gradient(178deg,#fff 0%,#a5b7bc 31%,#eaf0f0 44%,#65777e 48%,#c1d0d4 55%,#eff4f4 77%,#82969c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #233b45;text-shadow:none;filter:drop-shadow(2px 3px 0 #142830)}
.bora-edition #creator .graffiti-word::after{height:20px;background:linear-gradient(#b5c7cc,#91a8af) 17% 0/2px 15px no-repeat,linear-gradient(#b5c7cc,#91a8af) 82% 0/3px 20px no-repeat}
.bora-edition .strip-heading .spray-arrow{top:71%}
.bora-edition #travel .spray-arrow{color:#67c8c8}
.bora-edition #fashion .spray-arrow{color:#c48ce7;filter:drop-shadow(0 0 3px #a345dc55)}

/* Match the mobile lettering on larger screens. */
@media(min-width:601px){
.bora-edition .bora-copy .script-title{font-family:var(--script);font-weight:400;line-height:1.12;letter-spacing:-.6px}
.bora-edition .strip-heading>h2{filter:none;text-shadow:none;-webkit-text-stroke:0}
.bora-edition .strip-heading>h2 em{font:700 23px/1 var(--hand)}
.bora-edition .strip .loop-track .tile span{font:600 18px/1.05 var(--hand)}
.bora-edition .paper h2,.bora-edition .vision h2{font-family:var(--script);font-weight:400}
}
/* Restore the alternating desktop rails; mobile.css stays unchanged. */
@media(min-width:601px){
 .bora-edition #travel,.bora-edition #experiences,.bora-edition #fashion,.bora-edition #creator{display:grid!important;grid-template-rows:auto;gap:14px;align-items:center}
 .bora-edition #travel{grid-template-columns:190px minmax(0,1fr)!important}
 .bora-edition #experiences{grid-template-columns:minmax(0,1fr) 265px!important}
 .bora-edition #fashion{grid-template-columns:235px minmax(0,1fr)!important}
 .bora-edition #creator{grid-template-columns:minmax(0,1fr) 235px!important}
 .bora-edition #travel .strip-heading,.bora-edition #fashion .strip-heading{grid-column:1!important;grid-row:1!important}
 .bora-edition #travel .carousel-shell,.bora-edition #fashion .carousel-shell{grid-column:2!important;grid-row:1!important}
 .bora-edition #experiences .strip-heading,.bora-edition #creator .strip-heading{grid-column:2!important;grid-row:1!important}
 .bora-edition #experiences .carousel-shell,.bora-edition #creator .carousel-shell{grid-column:1!important;grid-row:1!important}
 .bora-edition .strip .strip-heading{width:100%!important;height:190px;min-height:190px!important;max-height:none;overflow:visible}
 .bora-edition .strip .carousel-shell{width:100%;min-width:0}
 .bora-edition #travel .strip-heading>h2,.bora-edition #fashion .strip-heading>h2{text-align:left!important}
 .bora-edition #experiences .strip-heading>h2,.bora-edition #creator .strip-heading>h2{text-align:right!important}
 .bora-edition .strip .strip-heading>h2{top:8px!important;transform:rotate(-3deg) skewX(-7deg)!important;font-size:34px;line-height:1;max-width:100%!important}
 .bora-edition #fashion .graffiti-word,.bora-edition #creator .graffiti-word{white-space:normal}
 .bora-edition .strip .strip-heading>p.hand-topics{position:absolute!important;inset:auto 8px 40px!important;width:calc(100% - 16px)!important;height:auto!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;font:500 12px/1.3 var(--hand)!important;transform:none;margin:0!important;color:#dfd1b3;text-transform:none}
 .bora-edition .hand-topics span{display:inline;white-space:normal}.bora-edition .hand-topics span+span:before{content:' · '}
 .bora-edition #experiences .hand-topics,.bora-edition #creator .hand-topics{text-align:right}
 .bora-edition .strip-heading>svg.spray-arrow{top:auto!important;bottom:0!important;left:8px!important;right:auto!important;width:120px!important;height:43px!important;transform:rotate(2deg)!important}
 .bora-edition #experiences .strip-heading>svg.spray-arrow,.bora-edition #creator .strip-heading>svg.spray-arrow{left:auto!important;right:8px!important;transform:scaleX(-1) rotate(-2deg)!important}
}

@media(min-width:601px){
.bora-edition .bora-postcards .polaroid{display:block;width:25%;flex:0 0 25%}
.bora-edition .bora-postcards .polaroid:nth-child(n+5){display:none}
}
/* Keep all four tilted hero prints inside the desktop margin, including gaps. */
@media(min-width:601px){
 .bora-edition .bora-postcards{right:4%;gap:8px;box-sizing:border-box;padding:6px 10px;justify-content:flex-start}
 .bora-edition .bora-postcards .polaroid{width:calc((100% - 24px)/4);flex:0 0 calc((100% - 24px)/4);min-width:0;box-sizing:border-box}
}