/* Fantasy Fiber / olive editorial visual system */
:root{--bg:#0e100d;--side:#10120f;--panel:#24251d;--ink:#eeeadd;--muted:#bcbbae;--line:#393b2d;--accent:#a4b36a;--sidew:0px}
html,body{background:#0e100d;color:#eeeadd;font-family:'Barlow',Arial,sans-serif}body{background-image:radial-gradient(ellipse at 85% 6%,rgba(96,104,53,.19),transparent 36%),repeating-linear-gradient(116deg,transparent 0,transparent 100px,rgba(255,255,255,.009) 101px,transparent 104px)}
.sidebar{position:relative;inset:auto;width:100%;height:auto;padding:12px clamp(20px,4vw,65px);flex-direction:row;align-items:center;gap:clamp(12px,3vw,48px);background:#11130fdf;border-right:0;border-bottom:1px solid #34372b;z-index:50}
.brand-logo{margin:0;flex:0 0 auto}.brand-logo img{width:100px;max-height:88px}.menu{flex-direction:row;align-items:center;flex:1;justify-content:center;gap:clamp(2px,1.1vw,18px);flex-wrap:wrap}.menu a{padding:8px 7px;border-left:0;border-bottom:2px solid transparent;font-family:'Barlow Condensed',sans-serif;font-size:clamp(14px,1.35vw,19px);font-weight:600;letter-spacing:.025em;text-transform:uppercase}.menu a:hover,.menu a.active{background:transparent;border-left:0;border-bottom-color:var(--accent);color:#eeeadd}.languages{margin:0;padding:0;border:0;flex-shrink:0}.languages a{padding:6px 7px;font-size:11px}.page-shell,.site-footer{margin-left:0}.site-footer{font-family:'Barlow',sans-serif}.title,.hero-simple h1,.split h2,.card h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:.01em}.content-frame{width:min(1350px,calc(100% - 70px))}.btn{font-family:'Barlow Condensed',sans-serif;font-size:17px}
.ff-new-home,.ff-archive{--olive:#89944b;--cream:#eeeadd;--brown:#29271f}.ff-kicker{display:block;font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.17em;color:#b7c17b}.ff-home-hero{position:relative;min-height:610px;display:grid;grid-template-columns:1fr .82fr;align-items:center;overflow:hidden;padding:70px clamp(24px,7vw,130px);border-bottom:1px solid #34382a;background:radial-gradient(ellipse at 79% 55%,#3b4428 0%,transparent 39%),linear-gradient(105deg,#11130e,#1c2118 65%,#10120e)}.ff-home-hero:before{content:'';position:absolute;inset:0;opacity:.12;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 14px,#697056 15px,transparent 17px)}.ff-hero-inner{position:relative;z-index:2}.ff-hero-inner h1{font:700 clamp(75px,10vw,164px)/.79 'Barlow Condensed',sans-serif;letter-spacing:-.025em;margin:30px 0;color:#f1eee0}.ff-hero-inner p{max-width:490px;font-size:18px;line-height:1.7;color:#c8c7b7}.ff-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.ff-action-main,.ff-action-alt{display:inline-flex;padding:14px 22px;text-decoration:none;font:700 18px 'Barlow Condensed',sans-serif;letter-spacing:.04em}.ff-action-main{background:#a8b76b;color:#11140c}.ff-action-alt{border:1px solid #8d966b;color:#e8e7d6}.ff-hero-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:520px}.ff-hero-visual img{max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 25px 25px #080a08)}.ff-hero-index{position:absolute;bottom:22px;right:5%;font:600 14px 'Barlow Condensed',sans-serif;color:#aab37e;letter-spacing:.14em}
.ff-home-section,.ff-archive{max-width:1440px;margin:auto;padding:75px clamp(22px,4.5vw,72px)}.ff-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.ff-section-heading h2,.ff-home-duo h2,.ff-gear-banner h2{font:700 clamp(40px,5vw,70px)/.98 'Barlow Condensed',sans-serif;margin:12px 0 0;letter-spacing:.01em}.ff-see-all{font:600 18px 'Barlow Condensed',sans-serif;color:#cbd59a;border-bottom:1px solid #a4b36a;padding-bottom:5px}.ff-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ff-showcase-card{display:block;min-width:0;border-radius:26px 26px 4px 4px;overflow:hidden;background:#2b291f;border:1px solid #4c4e36;transition:transform .2s,border-color .2s}.ff-showcase-card:hover{transform:translateY(-5px);border-color:#b2bd75}.ff-showcase-art{position:relative;height:300px;background:linear-gradient(125deg,#9ca85a,#515c34 78%,#2c321f);overflow:hidden;display:flex;align-items:center;justify-content:center}.ff-showcase-art:before{content:'FF';position:absolute;font:800 180px 'Barlow Condensed',sans-serif;color:#1b2c15;opacity:.13;bottom:-50px;left:5px}.ff-showcase-art img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s}.ff-showcase-card:hover .ff-showcase-art img{transform:scale(1.045)}.ff-card-number{position:absolute;top:17px;right:0;background:#e7e3d0;color:#24251b;border-radius:10px 0 0 10px;padding:8px 10px;font:700 14px 'Barlow Condensed',sans-serif}.ff-showcase-info{position:relative;min-height:135px;padding:17px 18px 19px}.ff-card-category{display:block;color:#b7c17b;text-transform:uppercase;font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.09em}.ff-showcase-info h3{font:600 26px/1.08 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:7px 28px 7px 0;color:#f2eee1}.ff-showcase-info p{font:400 13px/1.45 'Barlow',sans-serif;color:#c4c0ae;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ff-card-arrow{position:absolute;bottom:16px;right:17px;font-size:24px;color:#b7c17b}.ff-showcase-empty{padding:50px;border:1px solid #555e3d;color:#e9e6d6}.ff-card-foot{font-size:12px;color:#c9c9b9;margin-top:12px}
.ff-home-duo{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid #383b2e}.ff-home-duo p,.ff-gear-banner p{font-size:17px;line-height:1.7;color:#c9c7b9;max-width:520px}.ff-project-list a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #545843;padding:19px 0}.ff-project-list a span{font-size:13px;color:#a6b276}.ff-project-list a strong{font:600 clamp(25px,3vw,40px) 'Barlow Condensed',sans-serif;flex:1}.ff-project-list a b{color:#b2bd79;font-size:22px}.ff-gear-banner{max-width:none;background:linear-gradient(115deg,#2e3722,#181d16);display:flex;justify-content:space-between;align-items:center;gap:40px;padding-left:max(35px,calc((100vw - 1290px)/2));padding-right:max(35px,calc((100vw - 1290px)/2))}.ff-gear-banner .ff-action-main{margin-top:20px}.ff-gear-mark{font:800 clamp(140px,20vw,300px)/1 'Barlow Condensed',sans-serif;color:#a1b06a;opacity:.4}.ff-gear-mark span{font-size:30px;vertical-align:top}
.ff-archive{max-width:1480px}.ff-archive-heading{padding:15px 0 38px}.ff-archive-heading h1{font:700 clamp(70px,10vw,138px)/.85 'Barlow Condensed',sans-serif;margin:20px 0}.ff-archive-heading p{font-size:18px;color:#c5c3b6}.ff-archive-grid{row-gap:27px}
@media(max-width:1100px){.ff-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-home-hero{min-height:520px}.ff-hero-visual{height:410px}.sidebar{gap:12px}.brand-logo img{width:78px}}
@media(max-width:900px){.sidebar{position:fixed;inset:0 auto 0 0;width:285px;height:100vh;flex-direction:column;align-items:stretch;padding:24px;transform:translateX(-100%);border-right:1px solid #414631;overflow-y:auto}.sidebar.open{transform:translateX(0)}.brand-logo img{width:180px}.menu{flex-direction:column;align-items:stretch;justify-content:start;flex:none}.menu a{font-size:22px}.languages{margin-top:auto}.mobilebar{display:flex;background:#151810}.ff-home-hero{grid-template-columns:1fr 1fr;padding:55px 24px}.ff-hero-inner h1{font-size:90px}.ff-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-home-duo{grid-template-columns:1fr}}
@media(max-width:620px){.ff-home-hero{grid-template-columns:1fr;padding:45px 22px 25px;min-height:0}.ff-hero-inner h1{font-size:84px}.ff-hero-inner p{font-size:15px}.ff-hero-visual{height:280px;order:2}.ff-hero-index{display:none}.ff-home-section,.ff-archive{padding:48px 18px}.ff-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ff-showcase-art{height:190px}.ff-showcase-card{border-radius:17px 17px 3px 3px}.ff-showcase-info{padding:12px;min-height:115px}.ff-showcase-info h3{font-size:20px;margin-right:5px}.ff-card-arrow{right:10px;bottom:7px}.ff-card-number{font-size:10px;padding:5px}.ff-section-heading h2,.ff-home-duo h2,.ff-gear-banner h2{font-size:44px}.ff-gear-mark{display:none}.ff-archive-heading h1{font-size:80px}.ff-archive-heading p{font-size:15px}}
@media(max-width:360px){.ff-showcase-grid{grid-template-columns:1fr}.ff-showcase-art{height:260px}}

/* Same textured olive backdrop across all public sections */
html,body{background-color:#10130e!important;background-image:radial-gradient(ellipse at 77% 30%,rgba(74,87,46,.22),transparent 48%),repeating-linear-gradient(112deg,transparent 0 14px,rgba(117,129,79,.025) 15px,transparent 17px)!important;background-attachment:fixed}
.page-shell{background:transparent!important}
.page-shell>.content-frame,.page-shell>.section,.page-shell>.hero-simple{background:transparent}
@media(max-width:900px){.page-shell{width:100%}}

/* v33: On phones/tablets the language selector sits directly below navigation. */
@media(max-width:900px){
 .sidebar .menu{flex:none}
 .sidebar .languages{margin-top:14px;padding-top:14px;border-top:1px solid #414631;display:flex;gap:10px;flex-shrink:0}
 .sidebar .languages a{font-size:14px;padding:10px 14px;min-width:66px;text-align:center;border-radius:5px}
}