/*
Theme Name: Storji Final Corrected
Author: Storji
Description: Bold responsive Storji concept theme with accessible full-screen navigation.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: storji
*/
:root{--paper:#faf9f4;--ink:#11120f;--lime:#bdff48;--muted:#5a5c57}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6450ff;outline-offset:5px}.wrap{max-width:1400px;margin:auto;padding:0 5vw}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:130px;display:block}.top{display:flex;align-items:center;gap:24px}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;padding:15px 25px;background:var(--lime);font-weight:800}.pill{font-size:12px;letter-spacing:1px;padding:9px 14px}.menu-button{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:25px 0 65px}h1,h2,h3{letter-spacing:-.055em;line-height:.98;font-weight:900;margin:20px 0}h1{font-size:clamp(58px,7.6vw,110px)}h2{font-size:clamp(42px,5.5vw,76px)}h3{font-size:30px}p{font-size:18px;line-height:1.55;color:var(--muted)}.hero img{width:100%;height:590px;object-fit:cover;border-radius:28px}.actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}.outline{border:1px solid #222;background:transparent}.tape{background:var(--lime);padding:20px 0;overflow:hidden;transform:rotate(-1.5deg);margin:10px 0 65px;white-space:nowrap;font-size:25px;font-weight:900;letter-spacing:-1px}.tape span{display:block;text-align:center}.section{padding:30px 0 70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:#f0f0e8;padding:30px;border-radius:24px}.number{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--lime);font-weight:900}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:white;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:45% 55%;scroll-margin-top:100px}.card img{width:100%;height:100%;min-height:300px;object-fit:cover}.card-content{padding:25px}.card h3{margin:8px 0 15px}.card p{font-size:16px}.models{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.model{border-radius:24px;background:#efefe6;padding:28px}.model h3{font-size:36px}.faq details{border-bottom:1px solid #d7d8ce;padding:22px 0}.faq summary{cursor:pointer;font-size:22px;font-weight:800}.end{background:#11120f;border-radius:30px;padding:50px;color:white;margin-bottom:60px}.end p{color:#ccc}footer{border-top:1px solid #ddd;padding:30px 0;font-size:13px;color:#65665e}.overlay{position:fixed;inset:0;background:var(--paper);z-index:9999;overflow:auto;padding:25px 6vw;display:none}.overlay.open{display:block}.overlay-head{display:flex;justify-content:space-between;align-items:center}.overlay nav{display:flex;flex-direction:column;margin:40px 0}.overlay nav a{font-size:clamp(39px,6.2vw,90px);font-weight:900;letter-spacing:-.06em;line-height:1.08;border-bottom:1px solid #ddd;padding:7px 0;transition:padding .2s}.overlay nav a:hover{padding-left:20px;color:#4b640e}.menu-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:var(--lime);z-index:10000;padding:15px}@media(max-width:760px){header{height:80px}.top{gap:10px}.top .pill{display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:10px}.hero img{height:340px}h1{font-size:64px}.steps,.grid,.models{grid-template-columns:1fr}.card{grid-template-columns:42% 58%}.card-content{padding:20px}.end{padding:30px}.overlay nav{margin-top:45px}.overlay nav a{font-size:46px;padding:14px 0}.menu-foot{align-items:start;flex-direction:column}.tape{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.inventory-card{background:white;border-radius:25px;overflow:hidden}.inventory-card img{width:100%;display:block}.inventory-card>div{padding:25px}.inventory-card h3{font-size:32px}.inventory-card p{font-size:16px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:65px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:flex;flex-direction:column;gap:10px;font-weight:700}input,select{width:100%;padding:16px;border:1px solid #bbb;border-radius:12px;background:white;font:inherit;color:#111}input:focus-visible,select:focus-visible{outline:3px solid #6450ff}.check{display:flex;flex-direction:row;align-items:center;margin:25px 0;font-size:15px}.check input{width:20px;height:20px}.booking{background:#eeefe5;border-radius:26px;padding:35px;margin-bottom:65px}#booking-result{background:var(--lime);padding:25px;border-radius:16px;margin-top:25px}section[data-page][hidden]{display:none}.section>p{max-width:850px}@media(max-width:900px){.inventory{grid-template-columns:1fr}.inventory-card{display:grid;grid-template-columns:42% 58%}.inventory-card img{height:100%;object-fit:contain}.link-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.form-grid,.link-grid{grid-template-columns:1fr}.inventory-card{display:block}.booking{padding:23px}.inventory-card h3{font-size:30px}}

/* Bold lime + black edition */
:root{--lime:#baff32;--paper:#faf9f4;--ink:#10110e}h1,h2,h3,.overlay nav a{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900}.btn{font-weight:900;padding:17px 28px}.menu-button{background:var(--lime);color:var(--ink);border:2px solid var(--ink)}.hero h1{letter-spacing:-.07em}.step{border:2px solid var(--ink);background:#f0f1e8}.number{background:var(--ink);color:var(--lime)}.inventory-card{border:2px solid var(--ink)}.inventory-card .btn{width:100%}.booking{background:var(--lime);border:2px solid var(--ink)}.booking .pill,.booking button[type="submit"]{background:var(--ink);color:var(--lime)}.tape{background:var(--lime);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-size:30px}.overlay{background:var(--ink);color:var(--lime);padding:25px 6vw 35px}.overlay .logo{filter:invert(1);mix-blend-mode:screen}.overlay-head .outline{color:var(--lime);border:2px solid var(--lime)}.overlay nav{margin:30px 0 25px}.overlay nav a{font-size:clamp(42px,7.3vw,106px);letter-spacing:-.065em;border-bottom:1px solid #505b38;padding:9px 20px;border-radius:14px;line-height:1.04}.overlay nav a:hover,.overlay nav a:focus-visible{background:var(--lime);color:var(--ink);padding-left:38px}.overlay .pill{background:var(--lime);color:var(--ink)}.overlay::after{content:"COMING SOON  /  STORJI  /  YOUR SPACE. YOUR NEXT MOVE.";display:block;margin-top:28px;padding:18px;background:var(--lime);color:var(--ink);font-weight:900;font-size:clamp(14px,2vw,26px);text-align:center;transform:rotate(-1deg)}.overlay a:focus-visible,.overlay button:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:760px){.overlay{padding:22px 5vw}.overlay nav a{font-size:clamp(37px,10vw,65px);padding:15px 8px}.overlay nav a:hover{padding-left:16px}.overlay::after{font-size:13px}.tape{font-size:22px}}

/* Approved realistic inventory cards */
.inventory-heading{text-align:center;padding:25px 0 35px}.inventory-heading h1{font-size:clamp(52px,6.8vw,96px)}.inventory-heading p{margin:0 auto;font-size:clamp(19px,2vw,27px);font-weight:700;color:var(--ink)}.lime-dot{color:var(--lime)}.inventory-card{border:1px solid #e5e5dc;border-radius:24px;padding:12px}.inventory-card img{border-radius:14px;aspect-ratio:1.45;object-fit:cover}.inventory-card>div{padding:15px 12px 8px}.inventory-card h3{letter-spacing:-.045em}.inventory-card .pill{display:none}.inventory-card .btn{margin-top:10px}.inventory+.section{padding-bottom:35px}.booking{background:#fff;border:1px solid #e5e5dc}.booking .pill{background:var(--lime);color:var(--ink)}@media(max-width:900px){.inventory-card{display:block}.inventory-card img{height:auto;width:100%;object-fit:cover}}

/* Relaxed white-and-lime Transfer edition */
:root{--paper:#fff}header .logo{width:180px}.btn{border:3px solid #111;box-shadow:3px 4px 0 #111}.step{background:white;border:3px solid #111;border-radius:26px;box-shadow:4px 5px 0 #111}.step:nth-child(even){background:var(--lime)}.hero img{border:4px solid #111;border-radius:38% 23% 30% 18% / 10% 14% 9% 12%}.pill{border:2px solid #111}.transfer-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.transfer-steps .step{padding:30px}.booking{border:3px solid #111;box-shadow:6px 7px 0 #111}#transfer-result{background:var(--lime);border:2px solid #111;padding:25px;border-radius:18px;margin-top:25px}.link-grid .step{transform:rotate(-.5deg)}.link-grid .step:nth-child(even){transform:rotate(.5deg)}@media(max-width:760px){header .logo{width:150px}.transfer-steps{grid-template-columns:1fr}}

/* Mockup-matched bold toon edition */
@font-face{font-family:StorjiRounded;src:url('assets/fredoka.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
:root{--paper:#fff;--lime:#c4ff32;--ink:#080808}body{font-family:StorjiRounded,Arial,sans-serif;color:#080808}h1,h2,h3,.btn,.pill,.overlay nav a,.header-tabs a{font-family:StorjiRounded,Arial,sans-serif;font-weight:700}h1,h2{letter-spacing:-.045em;-webkit-text-stroke:.6px currentColor}h1{font-size:clamp(58px,7.4vw,110px)}h2{font-size:clamp(44px,5.5vw,76px)}h3{font-size:32px}p{color:#222;font-size:20px;line-height:1.35}.wrap{max-width:1480px;padding:0 4vw}header{height:150px;gap:20px}header .logo{width:240px}.header-tabs{display:flex;gap:12px;align-items:center;margin-left:auto}.header-tabs a{padding:14px 20px;border:3px solid #080808;border-radius:30px;background:white;white-space:nowrap;box-shadow:2px 3px 0 #080808;font-size:18px;transform:rotate(-1deg)}.header-tabs a:nth-child(2){transform:rotate(1deg)}.header-tabs a:hover{background:var(--lime)}.top .pill{display:none}.menu-button{background:white;border:3px solid #080808;transform:rotate(-1deg)}.hero{gap:35px}.hero h1{margin:20px 0 24px}.hero img{height:530px;border:4px solid #080808;border-radius:31% 17% 23% 13% / 9% 13% 8% 11%;box-shadow:5px 7px 0 #080808}.btn{border:3px solid #080808;font-size:22px;box-shadow:4px 5px 0 #080808;padding:13px 25px}.btn:hover{transform:translate(-1px,-2px);box-shadow:6px 7px 0 #080808}.pill{font-size:15px;letter-spacing:0;border:3px solid #080808;border-radius:24px;transform:rotate(-1deg)}.step{border:3px solid #080808;box-shadow:5px 7px 0 #080808;border-radius:26px;padding:27px;background:#fff}.step:nth-child(even){background:var(--lime)}.step h3{font-size:30px}.number{background:var(--lime);color:#080808;border:3px solid #080808}.transfer-steps{grid-template-columns:repeat(4,1fr);gap:20px}.transfer-steps .step{padding:22px}.transfer-steps .step h3{font-size:25px}.transfer-steps .step p{font-size:18px}.inventory-card{border:3px solid #080808;box-shadow:5px 8px 0 #080808;border-radius:26px;padding:10px}.inventory-card h3{font-size:31px}.inventory-card p{font-size:18px}.booking{background:var(--lime);border:3px solid #080808;border-radius:30px;box-shadow:6px 8px 0 #080808}.booking .pill{background:white}.booking .btn{background:#080808;color:var(--lime)}.booking .outline{background:white;color:#080808}.booking h2{font-size:clamp(42px,5vw,66px)}input,select{border:2px solid #080808;font-family:StorjiRounded,Arial,sans-serif;border-radius:14px}.faq details{border:3px solid #080808;border-radius:20px;padding:20px;margin:15px 0;box-shadow:3px 4px 0 #080808}.faq summary{font-size:25px;font-weight:700}.end{background:white;color:#080808;border:4px solid #080808;border-radius:35px;box-shadow:6px 8px 0 #080808}.end p{color:#222}.tape{border:3px solid #080808;font-family:StorjiRounded;font-weight:700}.overlay nav a{font-family:StorjiRounded;font-size:clamp(44px,7vw,100px)}.overlay .logo{width:230px}.overlay-head button{background:var(--lime);color:black}.section{padding-bottom:60px}.link-grid{padding-bottom:20px}footer{margin-top:30px}@media(max-width:1100px){.header-tabs a{font-size:16px;padding:12px}.transfer-steps{grid-template-columns:1fr 1fr}header .logo{width:200px}.top{gap:0}}@media(max-width:760px){header{height:100px}header .logo{width:170px}.header-tabs{display:none}.menu-button{font-size:18px;padding:12px 18px}.hero img{height:330px}.transfer-steps{grid-template-columns:1fr}.hero h1{font-size:58px}.step,.inventory-card{box-shadow:4px 5px 0 #080808}.btn{font-size:20px}.overlay nav a{font-size:46px}}