@font-face{font-family:'Bebas';font-weight:400;font-display:swap;src:url(../fonts/bebas-neue-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bebas';font-weight:400;font-display:swap;src:url(../fonts/bebas-neue-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Pacifico';font-weight:400;font-display:swap;src:url(../fonts/pacifico-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Pacifico';font-weight:400;font-display:swap;src:url(../fonts/pacifico-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-weight:700;font-display:swap;src:url(../fonts/barlow-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Barlow';font-weight:700;font-display:swap;src:url(../fonts/barlow-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'BarlowC';font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'BarlowC';font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'BarlowC';font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'BarlowC';font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#f4e7c9;--cream2:#ead8b0;--paper:#fffaf0;--teal:#1f4e5f;--teal2:#163a47;--red:#c8372d;--mus:#e8a832;--ink:#1b2a33;--sky:#7fb8c4}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{overflow-x:clip}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 Barlow,system-ui,sans-serif}
a{color:inherit}img,svg{display:block;max-width:100%;height:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--teal2);color:#fff;padding:8px 12px;z-index:20}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.dots{background-image:radial-gradient(rgba(27,42,51,.12) 1.2px,transparent 1.3px);background-size:7px 7px}
h1,h2,h3{font-family:Bebas,Impact,sans-serif;font-weight:400;letter-spacing:.02em;margin:0;line-height:.95}
.script{font-family:Pacifico,cursive;font-size:28px;color:var(--mus);display:inline-flex;align-items:center;gap:10px}.script.red{color:var(--red)}
.sp{width:34px;height:34px;color:var(--teal2)}
.kick{font:700 14px/1 BarlowC,sans-serif;letter-spacing:.28em;text-transform:uppercase}
header{background:var(--teal2);position:sticky;top:0;z-index:9;border-bottom:4px solid var(--mus)}
.bar{display:flex;align-items:center;gap:20px;height:76px}
.brand img{height:52px;width:auto}
nav{margin-left:auto;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
nav a{font:700 15px BarlowC,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:10px 12px;white-space:nowrap;color:var(--cream)}
nav a:hover{color:var(--mus)}
.lang{font:700 14px BarlowC,sans-serif;letter-spacing:.1em;border:2px solid var(--mus);color:var(--mus);padding:5px 9px;text-decoration:none}
/* hero */
.hero{position:relative;overflow:hidden;background:var(--sky);min-height:700px;color:var(--cream)}
.sun{position:absolute;left:62%;top:70%;width:2600px;height:2600px;margin:-1300px 0 0 -1300px;border-radius:50%;background:repeating-conic-gradient(#f0c35a 0 6deg,#e8a832 6deg 12deg)}
.sun::after{content:"";position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px;border-radius:50%;background:#f6dc8e;box-shadow:0 0 0 26px #f0c35a,0 0 0 52px rgba(240,195,90,.5)}
.hero>.dots{position:absolute;inset:0;opacity:.55}
.cloud{position:absolute;fill:var(--cream)}.c1{left:3%;top:40px;width:230px}.c2{left:52%;top:30px;width:150px}.c3{right:2%;bottom:90px;width:280px}
.hjet{position:absolute;right:-5%;top:96px;width:min(700px,52vw);transform:rotate(-9deg);filter:drop-shadow(18px 26px 0 rgba(22,58,71,.32))}
.trail{position:absolute;right:46%;top:286px;width:44%;height:16px;transform:rotate(-9deg);transform-origin:right;background:linear-gradient(90deg,transparent,var(--cream) 70%);border-radius:9px;opacity:.85}
.trail.b{top:312px;height:9px;opacity:.6}
.hero .wrap{position:relative;z-index:2;padding-top:84px;padding-bottom:120px}
.hero .kick{display:inline-block;background:var(--red);padding:9px 14px}
.hero h1{font-size:clamp(66px,10vw,150px);color:var(--teal2);margin-top:20px;text-shadow:5px 5px 0 var(--cream);max-width:7.5em}
.hero h1 .script{display:block;font-size:.3em;color:var(--red);text-shadow:3px 3px 0 var(--cream);margin:10px 0 0 4px;line-height:1.35}
.hero p{max-width:26em;font-size:21px;font-weight:600;color:var(--teal2);background:rgba(244,231,201,.9);padding:14px 20px;border-left:6px solid var(--red);margin:24px 0 30px}
.btn{display:inline-block;font:700 17px BarlowC,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:16px 26px;background:var(--red);color:var(--cream);border:3px solid var(--teal2);box-shadow:6px 6px 0 var(--teal2);margin:0 12px 12px 0;cursor:pointer}
.btn.alt{background:var(--cream);color:var(--teal2)}
.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--teal2)}
.stamp{position:absolute;right:5%;bottom:56px;z-index:3;width:160px;height:160px;border-radius:50%;border:4px double var(--teal2);display:grid;place-content:center;text-align:center;color:var(--teal2);background:var(--cream);transform:rotate(-12deg);font:700 14px/1.2 BarlowC,sans-serif;letter-spacing:.2em}
.stamp b{display:block;font:400 50px/1 Bebas,sans-serif;letter-spacing:.04em;color:var(--red)}
.wave{display:block;width:100%;height:60px;margin-top:-59px;position:relative;z-index:4}
/* sections */
section{padding:100px 0;position:relative}
h2{font-size:clamp(52px,7vw,96px);color:var(--teal2)}
.big{font-size:22px;font-weight:600;color:var(--teal2)}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.split.rev{grid-template-columns:1.1fr 1fr}
.badgeimg{position:relative;aspect-ratio:1}
.badgeimg .ring{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,#2f6a7c 0 30%,var(--teal) 30% 100%)}
.badgeimg img{position:absolute;left:-4%;top:20%;width:108%;filter:drop-shadow(10px 16px 0 rgba(22,58,71,.3))}
.about{background:var(--teal2);color:var(--cream)}.about h2{color:var(--cream)}.about .big{color:var(--mus)}
.photo{margin:0;position:relative;background:var(--paper);padding:14px 14px 44px;transform:rotate(2deg);box-shadow:12px 14px 0 rgba(0,0,0,.25)}
.tape{position:absolute;width:110px;height:30px;background:rgba(232,168,50,.75)}.t1{left:-20px;top:-8px;transform:rotate(-30deg)}.t2{right:-20px;top:-8px;transform:rotate(30deg)}
.sh{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px;flex-wrap:wrap}.sh p{max-width:34em;margin:0;font-weight:600}
.posters{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.poster{position:relative;overflow:hidden;aspect-ratio:4/5;color:var(--cream);text-decoration:none;border:6px solid var(--cream);outline:3px solid var(--teal2);box-shadow:10px 10px 0 rgba(31,78,95,.25);display:flex;flex-direction:column;justify-content:end;transition:transform .2s}
.poster:hover{transform:translateY(-6px) rotate(-.6deg)}
.poster .rays{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.22),transparent 65%),repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.05) 22px 24px)}
.poster img{position:absolute;left:5%;top:20%;width:90%;filter:drop-shadow(8px 14px 0 rgba(0,0,0,.28))}
.ico{position:absolute;left:18px;top:18px;width:62px;height:62px;border-radius:50%;background:var(--cream);color:var(--red);display:grid;place-items:center;box-shadow:0 0 0 4px var(--teal2)}
.ico svg{width:38px;height:38px}
.poster .lbl{position:relative;padding:20px 22px;background:linear-gradient(transparent,rgba(0,0,0,.45))}
.poster h3{font-size:44px}
.p1{background:var(--teal)}.p2{background:#6b7d3a}.p3{background:#2c5f8a}
.gallery{margin-top:70px;columns:3 300px;column-gap:26px}
.snap{break-inside:avoid;margin:0 0 30px;background:var(--paper);padding:10px 10px 0;box-shadow:6px 8px 0 rgba(22,58,71,.2);border:1px solid var(--cream2)}
.snap.s0{transform:rotate(-1.2deg)}.snap.s1{transform:rotate(1deg)}.snap.s2{transform:rotate(-.5deg)}.snap.s3{transform:rotate(1.4deg)}
.snap figcaption{display:flex;justify-content:space-between;gap:10px;padding:10px 4px 12px;font:600 15px/1.3 Barlow,sans-serif;color:var(--teal2)}
.snap figcaption span{font:400 22px/1 Bebas,sans-serif;color:var(--red)}
.draft{padding:0;background:var(--teal)}.draft svg{width:100%}.draft .wrap{position:absolute;left:0;right:0;top:24px}.draft .script{font-size:34px;color:var(--cream);text-shadow:2px 2px 0 var(--teal2)}
.corp{background:var(--red);color:var(--cream)}.corp h2{color:var(--cream)}.corp .script{color:var(--mus)}.corp .sh p b{color:var(--mus)}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cc{background:var(--cream);color:var(--teal2);padding:26px 26px 30px;border:3px solid var(--teal2);box-shadow:8px 8px 0 var(--teal2)}
.cc svg{width:100%;max-width:260px;margin:0 auto 10px}.cc h3{font-size:46px;color:var(--red)}.cc p{margin:8px 0 0;font-weight:600}
/* contact */
.post{display:grid;grid-template-columns:1.25fr 1fr;border:3px solid var(--teal2);box-shadow:12px 12px 0 var(--teal);padding:12px;
background:repeating-linear-gradient(135deg,var(--red) 0 14px,var(--paper) 14px 28px,#2c5f8a 28px 42px,var(--paper) 42px 56px)}
.post>div{background:var(--paper);padding:40px}.post .r{border-left:2px dashed var(--cream2)}
.post h2{font-size:clamp(40px,4.6vw,62px);margin:8px 0 26px}
.form label{display:block;font:700 14px BarlowC,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--teal2);margin-bottom:16px}
.form small{text-transform:none;letter-spacing:0;font-weight:400}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;font:400 17px Barlow,sans-serif;padding:12px 14px;background:#fff;border:2px solid var(--teal2);border-radius:0;color:var(--ink)}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;box-shadow:4px 4px 0 var(--mus)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chk{display:flex!important;gap:10px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font:400 15px/1.45 Barlow,sans-serif!important}
.chk input{width:20px;height:20px;margin:2px 0 0;flex:none}
.fine{font-size:14px;color:#4a5a63;margin:6px 0 0}
.r h3{font-size:30px;color:var(--red);margin:4px 0 6px}.r address{font-style:normal;font-weight:600;color:var(--teal2);margin-bottom:18px}
.tel{font:400 34px Bebas,sans-serif;color:var(--teal2);text-decoration:none;letter-spacing:.04em}
.pstamp{float:right;width:120px;padding:10px;border:3px dashed var(--red);margin:0 0 10px 10px;transform:rotate(4deg)}
.map{position:relative;margin-top:22px;border:3px solid var(--teal2);aspect-ratio:5/3;overflow:hidden;background:#e9dcb9}
.map svg{width:100%;height:100%}.map iframe{width:100%;height:100%;border:0}
.maploader{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font:700 14px BarlowC,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:var(--teal2);color:var(--cream);border:0;padding:10px 16px;cursor:pointer}
.mapbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.mapbtns a{text-align:center;font:700 13px BarlowC,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:10px 6px;background:var(--mus);color:var(--teal2);border:2px solid var(--teal2)}
.mapbtns a:hover{background:var(--teal2);color:var(--cream)}
footer{background:var(--teal2);color:var(--cream);padding:46px 0 30px;font-size:15px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 40px;align-items:start}
.flogo{height:56px;width:auto;margin-bottom:12px}footer a{text-decoration:none}footer p a:hover,.soc a:hover{color:var(--mus)}
.soc{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:flex-end;font:700 15px BarlowC,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.copy{grid-column:1/-1;border-top:1px solid rgba(244,231,201,.2);padding-top:18px;margin:10px 0 0;font:600 14px BarlowC,sans-serif;letter-spacing:.1em}
.cadsec{background:var(--teal2);color:var(--cream);padding-top:30px}.cadsec h2{color:var(--cream)}.cadsec .sh p{color:var(--sky)}
.cadgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.cad{margin:0;background:#e9edf0;border:3px solid var(--cream);outline:2px solid var(--sky);outline-offset:4px;position:relative}
.cad img{width:100%;aspect-ratio:16/10;object-fit:cover}.cad.cd0,.cad.cd1{grid-column:span 3}.cad.cd2,.cad.cd3,.cad.cd4{grid-column:span 2}
.cad figcaption{background:var(--teal2);padding:10px 4px 0;display:flex;flex-direction:column;gap:2px}.cad b{font:700 21px/1.15 BarlowC,sans-serif;letter-spacing:.03em;color:var(--mus)}.cad span{font-size:15px;color:var(--cream);opacity:.85}
.cad::before{content:"CAD";position:absolute;right:8px;top:8px;font:700 11px BarlowC,sans-serif;letter-spacing:.2em;background:var(--red);color:var(--cream);padding:3px 7px;z-index:1}
.clips{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:start}
.clip{margin:0;background:var(--paper);padding:10px 10px 14px;box-shadow:7px 9px 0 rgba(22,58,71,.22);position:relative}
.clip::before{content:"";position:absolute;left:50%;top:-12px;width:80px;height:24px;margin-left:-40px;background:rgba(232,168,50,.75);transform:rotate(-4deg)}
.clip.k0{transform:rotate(-2deg)}.clip.k1{transform:rotate(1.5deg);margin-top:30px}.clip.k2{transform:rotate(-1deg)}.clip.k3{transform:rotate(2deg);margin-top:24px}.clip.k4{transform:rotate(-1.6deg)}
.clip img{width:100%;height:auto;filter:sepia(.15)}
.clip figcaption{padding-top:10px;display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.35;color:var(--teal2)}
.clip b{font:400 26px/1 Bebas,sans-serif;letter-spacing:.04em;color:var(--red)}.cty{font:700 11px BarlowC,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6a7a83}
.clip q{font-style:italic;margin-top:4px}.clip em{font-style:normal;font-weight:600;font-size:13px;color:var(--teal)}
.hero2{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#235567 0,var(--teal2) 60%);color:var(--cream);padding:90px 0 120px}
.hero2 .bp{position:absolute;inset:0;background-image:linear-gradient(rgba(127,184,196,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(127,184,196,.09) 1px,transparent 1px);background-size:36px 36px}
.hsplit{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.hero2 h1{font-size:clamp(70px,9vw,128px);color:var(--cream);margin:6px 0 22px;text-shadow:4px 4px 0 #0e2a33}
.hero2 h1 span{display:block;font-size:.3em;letter-spacing:.12em;color:var(--mus);margin-top:10px;text-shadow:none}
.hero2 .lead{font-size:21px;font-weight:600;color:var(--cream);border-left:5px solid var(--red);padding-left:18px}
.hero2 p{color:#d7dfe0;max-width:34em}.hero2 .btn{margin-top:14px}.hero2 .btn.alt{background:var(--cream)}
.hphoto{margin:0;position:relative;background:var(--paper);padding:14px 14px 0;transform:rotate(1.5deg);box-shadow:16px 18px 0 rgba(0,0,0,.3)}
.hphoto img{width:100%}.hphoto figcaption{font:400 24px/1 Bebas,sans-serif;letter-spacing:.06em;color:var(--teal2);padding:14px 2px 16px}
.hero2 .stamp{right:4%;bottom:34px;width:140px;height:140px}.hero2 .stamp b{font-size:44px}
.motto{font-size:30px!important;margin:6px 0 20px;display:block}
.pcsec{padding:90px 0}
.pcard{position:relative;background:var(--paper);padding:18px;transform:rotate(-1deg);box-shadow:14px 16px 0 rgba(22,58,71,.25);border:1px solid var(--cream2)}
.pcimg{border:3px solid var(--teal2);overflow:hidden;line-height:0}.pcimg svg{width:100%}
.pstampbig{position:absolute;right:42px;top:38px;width:104px;height:124px;background:var(--cream);border:6px dotted var(--paper);outline:3px solid var(--red);outline-offset:-8px;display:grid;place-items:center;padding:12px 8px 6px;transform:rotate(5deg)}
.pstampbig svg{width:62px;height:62px}.pstampbig span{font:400 16px Bebas,sans-serif;letter-spacing:.1em;color:var(--red)}
.pmark{position:absolute;right:120px;top:120px;width:120px;height:120px;border-radius:50%;border:3px solid rgba(22,58,71,.55);display:grid;place-items:center;text-align:center;font:700 13px/1.2 BarlowC,sans-serif;letter-spacing:.2em;color:rgba(22,58,71,.6);transform:rotate(-14deg)}
.pmark::after{content:"";position:absolute;left:100px;top:40px;width:120px;height:40px;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(22,58,71,.45) 6px 8px);border-radius:40%}
.drift{animation:drift 60s linear infinite}.d2{animation-duration:90s}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-1200px)}}
.fly{animation:fly 16s linear infinite;animation-delay:-10s}@keyframes fly{0%{transform:translate(0,0)}100%{transform:translate(-1700px,-60px)}}
.sock{animation:sock 2.4s ease-in-out infinite alternate}@keyframes sock{from{transform:rotate(-4deg)}to{transform:rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.drift,.sock{animation:none}.fly{animation:none;transform:translate(-700px,-30px)}}
@media(max-width:900px){.hsplit{grid-template-columns:1fr;gap:44px}.hero2 .stamp{display:none}.pmark{display:none}.clips{grid-template-columns:repeat(3,1fr)}.cadgrid{grid-template-columns:1fr 1fr}.cad.cd0,.cad.cd1,.cad.cd2,.cad.cd3,.cad.cd4{grid-column:span 1}.cad.cd0{grid-column:span 2}.posters,.cg{grid-template-columns:1fr 1fr}.split,.split.rev,.post,.fgrid{grid-template-columns:1fr}.post .r{border-left:0;border-top:2px dashed var(--cream2)}.stamp{display:none}.soc{justify-content:flex-start}.badgeimg{width:100%;max-width:460px;margin:0 auto}}
@media(max-width:600px){.hero2{padding:56px 0 90px}.pstampbig{width:70px;height:84px;right:22px;top:24px;padding:6px}.pstampbig svg{width:36px;height:36px}.pstampbig span{font-size:11px}.pcard{padding:8px}.clips{grid-template-columns:1fr 1fr}.clip{margin-top:0!important}.cadgrid{grid-template-columns:1fr}.cad.cd0{grid-column:span 1}.posters,.cg,.row2{grid-template-columns:1fr}.hero{min-height:860px}.hero .wrap{padding-bottom:300px}.hjet{top:auto;bottom:70px;width:108vw;right:-8vw}.trail{display:none}.c3{display:none}
section{padding:70px 0}.post>div{padding:24px}.brand img{height:40px}nav a{padding:10px 8px;font-size:13px}.draft .script{font-size:24px}.mapbtns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster,.btn{transition:none}}
.post.solo{grid-template-columns:1fr;max-width:860px;margin:0 auto}
.post.solo .l{padding:48px}
@media(max-width:600px){.post.solo .l{padding:24px}}

.badgeimg .ring-out{position:absolute;inset:4%;border-radius:50%;box-shadow:0 0 0 10px var(--cream),0 0 0 18px var(--mus),0 0 0 26px var(--teal2);animation:pulse 3.2s ease-in-out infinite;will-change:transform}
.badgeimg .ring-thin{position:absolute;inset:4%;width:92%;height:92%;animation:sweep 7s ease-in-out infinite alternate;will-change:transform}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes sweep{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}
@media(prefers-reduced-motion:reduce){.badgeimg .ring-out,.badgeimg .ring-thin{animation:none}}
a.lb{display:block;cursor:zoom-in;position:relative}
a.lb::after{content:"";position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background:rgba(22,58,71,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e7c9' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center/18px no-repeat;opacity:0;transition:opacity .2s}
a.lb:hover::after,a.lb:focus-visible::after{opacity:1}
@media(hover:none){a.lb::after{opacity:.85}}
.lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;overflow:hidden}
.lightbox::backdrop{background:rgba(10,24,30,.92)}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:94vw}
.lightbox img{display:block;max-width:94vw;max-height:84vh;width:auto;height:auto;border:6px solid var(--paper);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox figcaption{color:var(--cream);font:600 16px Barlow,sans-serif;margin-top:12px;text-align:center}
.lightbox button{position:fixed;background:var(--red);color:var(--cream);border:3px solid var(--cream);width:48px;height:48px;font:400 30px/1 Barlow,sans-serif;cursor:pointer;display:grid;place-items:center}
.lbx{top:18px;right:18px}.lbp{left:18px;top:50%;transform:translateY(-50%)}.lbn{right:18px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){.lbp,.lbn{top:auto;bottom:18px;transform:none}}

/* ===== Theme additions: language switcher, mobile menu, inner pages ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mainnav{margin-left:auto;display:flex;gap:2px}
.mainnav a{font:700 15px BarlowC,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:10px 12px;white-space:nowrap;color:var(--cream)}
.mainnav a:hover{color:var(--mus)}
.langs{display:flex;gap:4px;border-left:1px solid rgba(244,231,201,.25);padding-left:14px}
.langs a{font:700 14px BarlowC,sans-serif;letter-spacing:.12em;color:var(--cream);text-decoration:none;padding:6px 7px;border-bottom:2px solid transparent}
.langs a:hover,.langs a:focus-visible{color:var(--mus);border-bottom-color:var(--mus)}
.langdrop{display:none;position:relative}
.langdrop summary{list-style:none;cursor:pointer;color:var(--mus);border:2px solid var(--mus);padding:6px 8px;display:flex}
.langdrop summary::-webkit-details-marker{display:none}
.langdrop summary svg{width:20px;height:20px;flex:none;display:block}
.langdrop ul{position:absolute;right:0;top:calc(100% + 10px);margin:0;padding:6px 0;list-style:none;background:var(--paper);border:3px solid var(--teal2);box-shadow:6px 6px 0 var(--teal2);min-width:170px;z-index:20}
.langdrop li a{display:flex;gap:12px;align-items:center;padding:10px 16px;text-decoration:none;color:var(--teal2);font:600 16px Barlow,sans-serif}
.langdrop li a b{font:700 13px BarlowC,sans-serif;letter-spacing:.12em;color:var(--red);width:22px}
.langdrop li a:hover{background:var(--cream)}
.langbar{background:var(--mus);color:var(--teal2);font:600 15px Barlow,sans-serif;text-align:center;padding:9px 44px;position:relative}
.langbar a{color:var(--teal2);font-weight:700}
.langbar button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;font:400 24px/1 Barlow,sans-serif;color:var(--teal2);cursor:pointer}
.navtoggle{display:none;margin-left:auto;background:none;border:2px solid var(--cream);width:44px;height:40px;cursor:pointer;position:relative}
.navtoggle .bars,.navtoggle .bars::before,.navtoggle .bars::after{position:absolute;left:10px;right:10px;height:3px;background:var(--cream);content:"";transition:transform .2s}
.navtoggle .bars{top:17px}.navtoggle .bars::before{left:0;right:0;top:-8px}.navtoggle .bars::after{left:0;right:0;top:8px}
.navopen .navtoggle .bars{background:transparent}.navopen .navtoggle .bars::before{transform:translateY(8px) rotate(45deg)}.navopen .navtoggle .bars::after{transform:translateY(-8px) rotate(-45deg)}
@media(max-width:1100px){.mainnav a{padding:10px 8px;font-size:14px;letter-spacing:.12em}}
@media(max-width:980px){
 .langs{display:none}.langdrop{display:block}
 .navtoggle{display:block}
 .mainnav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--teal2);border-bottom:4px solid var(--mus);padding:10px 24px 18px;margin:0}
 .navopen .mainnav{display:flex}
 .mainnav a{padding:14px 0;border-bottom:1px solid rgba(244,231,201,.15);font-size:16px}
 .site-head .bar{position:relative}
}
.fmsg{padding:14px 18px;margin:0 0 22px;font-weight:600;border:3px solid var(--teal2)}
.fmsg.ok{background:#e3efd6}.fmsg.err{background:#f7dcd6}
.cf-turnstile{margin:6px 0 16px}
/* inner pages */
.inner .phead{position:relative;background:radial-gradient(ellipse at 75% 40%,#235567 0,var(--teal2) 60%);color:var(--cream);padding:60px 0 50px;overflow:hidden}
.inner .phead .bp{position:absolute;inset:0;background-image:linear-gradient(rgba(127,184,196,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(127,184,196,.09) 1px,transparent 1px);background-size:36px 36px}
.inner .phead .wrap{position:relative}
.inner .phead h1{font-size:clamp(48px,7vw,96px);color:var(--cream);text-shadow:4px 4px 0 #0e2a33;margin-top:6px}
.inner .back{display:block;width:max-content;color:var(--sky);text-decoration:none;font:700 14px BarlowC,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;overflow:visible}
.chips a{font:700 14px BarlowC,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--cream);border:2px solid rgba(244,231,201,.5);padding:8px 14px}
.chips a.on,.chips a:hover{background:var(--mus);border-color:var(--mus);color:var(--teal2)}
.psplit{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.specs{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0 0 26px;padding:22px;background:var(--paper);border:3px solid var(--teal2);box-shadow:8px 8px 0 var(--teal2)}
.specs dt{font:700 13px BarlowC,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--red);padding-top:4px}
.specs dd{margin:0;font:400 26px/1.1 Bebas,sans-serif;letter-spacing:.04em;color:var(--teal2)}
.entry{font-size:18px}.entry img{height:auto}.entry h2{font-size:40px;margin:30px 0 10px}.entry a{color:var(--red)}
.narrow{max-width:820px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pcard{display:block;background:var(--paper);padding:10px;text-decoration:none;box-shadow:6px 8px 0 rgba(22,58,71,.2);border:1px solid var(--cream2);transition:transform .2s}
.pcard:hover{transform:translateY(-4px)}
.pcard img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pcard .pt{display:flex;justify-content:space-between;gap:10px;padding:12px 4px 6px;color:var(--teal2);font-weight:600}
.pcard em{font:400 22px/1 Bebas,sans-serif;color:var(--red);font-style:normal}
@media(max-width:900px){.psplit{grid-template-columns:1fr}.pgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}}
section[aria-labelledby="h-dinle"]{overflow-x:clip}

.pcard .pt small{display:block;font:600 13px/1.3 Barlow,sans-serif;letter-spacing:.04em;color:#6a7a83;margin-top:3px}