/* Otaniko editorial system — original image, folio layouts and restrained O motifs. */
.nav{gap:22px}.nav a{white-space:nowrap}.header .company-logo{width:235px}
.home-page .header{background:#102338;border-bottom-color:#ffffff20;color:#fff9ed}
.home-page .header .logo-on-light{display:none}.home-page .header .logo-on-dark{display:block}
.home-page .header .btn{background:#dbc8a5;border-color:#dbc8a5;color:#14283f}
.home-page .menu-toggle{color:#f8f6f1;border-color:#ffffff50}
.editorial-hero{position:relative;background:#102338;color:#fff9ef;overflow:hidden;isolation:isolate}
.editorial-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%;z-index:-3}
.editorial-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071726c9 0%,#0717269c 28%,#07172617 61%,transparent 100%);z-index:-2}
.editorial-hero-inner{position:relative;min-height:650px;padding-top:90px;padding-bottom:80px;display:flex;align-items:center}
.editorial-hero-copy{width:57%;max-width:640px;padding-bottom:25px}
.editorial-hero .eyebrow{color:#d6bd91;font-size:9px;letter-spacing:2.2px}
.editorial-hero h1{font-size:clamp(54px,6.1vw,87px);line-height:1.03;letter-spacing:-.055em;max-width:650px}
.editorial-hero h1 em{color:#e1caa2;font-weight:400}
.editorial-hero-copy>p{font-size:14px;line-height:1.85;color:#d5dce1;max-width:430px;margin-top:26px}
.editorial-hero .actions{margin-top:31px;gap:13px}
.btn.ivory{background:#f5f0e5;color:#14283f;border-color:#f5f0e5}
.btn.ivory:hover{background:#e5d3b2;border-color:#e5d3b2}
.btn.hero-outline{background:transparent;border-color:#eee5d48f;color:#fff9ef}
.btn.hero-outline:hover{background:#ffffff12;border-color:#fff9ef}
.editorial-signature{display:flex;align-items:center;gap:13px;margin-top:36px}
.signature-o{font:38px/1 Georgia,serif;color:#c8ac7a;border-right:1px solid #cfb78957;padding-right:15px}
.editorial-signature>span:last-child{font-size:8px;letter-spacing:1.6px;line-height:1.8;color:#d5c8b1}
.hero-bottom{position:absolute;left:0;right:0;bottom:24px;border-top:1px solid #ffffff2b;padding-top:17px;display:flex;justify-content:space-between;gap:24px;font-size:8px;letter-spacing:1.4px;color:#ced4d9}
.hero-bottom span:last-child{color:#c5b18d}
.principle-ribbon{background:#e9e2d6;border-bottom:1px solid #d9d0bf}
.principle-ribbon>.wrap{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:10px;font-weight:550;letter-spacing:2px}
.principle-ribbon i{font:23px Georgia,serif;color:#a18357}
.editorial-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:85px;position:relative;overflow:hidden;isolation:isolate}
.editorial-intro h2{font-size:45px;line-height:1.17}
.editorial-intro h2 em{color:#80613c;font-weight:400}
.editorial-intro>div>p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:42px}
.editorial-intro .text-link{margin-top:23px}
.editorial-o{position:absolute;font:250px/.8 Georgia,serif;right:30px;bottom:10px;color:#a98c5610;z-index:-1;pointer-events:none}
.core-services{background:#eeebe4;border-block:1px solid #ded8cb}
.core-services .service-card{min-height:305px;background:#fffdf8;border:0;border-top:2px solid #ba9a68;padding:32px}
.core-services .service-card .icon{margin-bottom:22px}
.core-services .service-card h3{font:26px/1.18 Georgia,serif;max-width:210px}
.core-services .service-card p{margin-top:18px;line-height:1.8}
.service-follow{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:26px}
.service-follow p{font-size:12px;color:var(--muted)}
.service-follow a{flex-shrink:0}
.home-folio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.home-folio-card{display:block}
.home-folio-art{height:380px;background:#ded6c6;display:grid;place-items:center;overflow:hidden;transition:background .2s}
.home-folio-card:nth-child(2) .home-folio-art{background:#192d40}
.home-folio-card:hover .home-folio-art{background:#d0c3aa}
.home-folio-card:nth-child(2):hover .home-folio-art{background:#223b51}
.home-folio-caption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:19px 0 15px;font-size:12px;font-weight:600}
.home-folio-card>p{font-size:12px;color:var(--muted);margin-top:11px;max-width:430px}
.folio-mini{width:245px;height:310px;background:#fffdf6;color:#14283f;padding:23px;box-shadow:12px 12px 0 #b59c7152,0 15px 30px #0c18281f;transform:rotate(-5deg);transition:transform .25s}
.home-folio-card:hover .folio-mini,.library-art:hover .folio-mini{transform:rotate(-2deg) translateY(-4px)}
.folio-business-proposal{transform:rotate(5deg);background:#f6f1e5}
.folio-process-guide{background:#eae6db}
.folio-business-report{background:#fffdf8;transform:rotate(4deg)}
.folio-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px}
.folio-top>span:last-child{font:24px/1 Georgia,serif;color:#a18357}
.folio-rule{height:1px;background:#b7a17d;margin-top:10px}
.folio-title{font:34px/1.06 Georgia,serif;letter-spacing:-1.5px;margin-top:25px}
.folio-title i{color:#a18357}
.folio-label{font-size:6px;letter-spacing:1.15px;margin-top:12px;color:#7d7466}
.folio-lines{margin-top:20px}
.folio-lines span{display:block;height:3px;background:#d8d5cc;margin-top:6px}
.folio-lines span:last-child{width:68%}
.folio-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #ded6c6;margin-top:19px;padding-top:10px;font:18px/1.2 Georgia,serif;color:#92774e}
.folio-grid small{font:6px/1.4 Arial,sans-serif;color:#697077}
.folio-bottom{font:5px/1.3 Arial,sans-serif;letter-spacing:1px;margin-top:14px;color:#8a8172}
.editorial-process{background:#14283f;color:#f8f3e9;position:relative;overflow:hidden}
.editorial-process .eyebrow{color:#cfb789}
.editorial-process .text-link{color:#e5d1ad;border-bottom-color:#9d845a}
.editorial-process .step-num{color:#cbb183;border-color:#4b5360}
.editorial-process .process-grid p{color:#c4cdd6}
.library-hero{background:#14283f;color:#f8f3e9;overflow:hidden;position:relative}
.library-hero>.wrap{padding:72px 0 64px;position:relative;isolation:isolate}
.library-hero h1{font-size:clamp(42px,5vw,68px);max-width:850px;line-height:1.1}
.library-hero h1 em{color:#d6bd91;font-weight:400}
.library-hero .eyebrow{color:#d6bd91}
.library-hero p{max-width:560px;color:#c6d0d9;font-size:14px;margin-top:24px}
.library-hero .editorial-o{font-size:360px;right:0;top:20px;color:#ffffff07}
.library-disclosure{font-size:11px;line-height:1.8;padding:22px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px;padding-top:45px}
.library-art{display:grid;place-items:center;height:375px;background:#e5ddce;overflow:hidden}
.library-card:nth-child(2) .library-art{background:#192d40}
.library-card:nth-child(3) .library-art{background:#d5dcd7}
.library-card:nth-child(4) .library-art{background:#c9bda8}
.library-copy{padding-top:24px}
.library-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}
.library-copy h2{font-size:32px}
.library-copy p{font-size:12px;line-height:1.8;color:var(--muted);max-width:430px;margin-top:13px}
.library-copy .text-link{margin-top:18px}
.sample-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:50px;align-items:start}
.reading-document{background:#fffef9;border:1px solid #ded7c7;padding:45px 45px 25px;box-shadow:0 15px 50px #162b3b06}
.reading-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.25px}
.reading-o{font:45px/1 Georgia,serif;color:#a18357}
.reading-rule{height:1px;background:#ba9b67;margin:20px 0 27px}
.reading-meta{font-size:7px;color:#8c7856;letter-spacing:1px}
.reading-document>h2{font-size:47px;margin-top:18px}
.reading-lead{font:18px/1.6 Georgia,serif;color:#526274;margin:18px 0 35px}
.reading-document section{display:grid;grid-template-columns:28px 1fr;gap:15px;border-top:1px solid #e5e0d5;padding:23px 0}
.reading-num{font:17px Georgia,serif;color:#a18357;padding-top:2px}
.reading-document h3{font-size:14px;font-weight:600;letter-spacing:0}
.reading-document section p{font-size:12px;color:#61707a;line-height:1.9;margin-top:10px}
.reading-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ba9b67;padding-top:15px;font-size:6px;letter-spacing:.5px;color:#827763;margin-top:20px}
.sample-side{position:sticky;top:120px}
.sample-side h3{font:27px/1.2 Georgia,serif;margin:5px 0 17px}
.sample-side>p{font-size:12px;color:var(--muted);line-height:1.8}
.sample-side .checks li{font-size:11px}
.sample-side .btn{width:100%}
.page-hero{position:relative;isolation:isolate}
.page-hero:after{content:'O';position:absolute;z-index:-1;right:-200px;top:25px;font:210px/.8 Georgia,serif;color:#a98c560b;pointer-events:none}
@media(max-width:1100px){.nav{gap:16px;font-size:12px}.header .company-logo{width:215px}.editorial-hero-copy{width:58%}.editorial-hero h1{font-size:69px}.editorial-intro{gap:45px}.editorial-intro h2{font-size:39px}.core-services .service-card{padding:27px}.sample-detail-layout{gap:30px;grid-template-columns:minmax(0,1fr) 265px}.reading-document{padding:35px 30px 25px}}
@media(max-width:800px){.home-page .nav{background:#102338}.home-page .header .btn{align-self:start}.editorial-hero-inner{min-height:680px;padding-top:55px;padding-bottom:90px;align-items:start}.editorial-hero-copy{width:72%;max-width:560px}.editorial-hero h1{font-size:64px}.editorial-hero-image{object-position:62% center;opacity:.6}.editorial-shade{background:linear-gradient(90deg,#071726ed,#07172677 75%,#07172611)}.hero-bottom{bottom:20px;font-size:7px}.principle-ribbon>.wrap{gap:15px;font-size:8px;letter-spacing:1.3px}.editorial-intro{grid-template-columns:1fr;gap:20px}.editorial-intro>div>p{margin-top:0;max-width:600px}.editorial-intro h2{font-size:40px}.core-services .service-grid{grid-template-columns:1fr}.core-services .service-card{min-height:0;display:grid;grid-template-columns:50px 1fr;gap:5px 18px}.core-services .service-card .icon{grid-row:1/3;margin:0}.core-services .service-card h3{max-width:none;font-size:24px;margin-right:25px}.core-services .service-card p{margin:7px 0 0}.core-services .card-bottom{grid-column:1/-1;margin-top:20px}.service-follow{align-items:start;flex-direction:column;gap:15px}.home-folio-grid{gap:20px}.home-folio-art{height:330px}.folio-mini{transform:rotate(-4deg) scale(.87)}.folio-business-proposal{transform:rotate(4deg) scale(.87)}.library-grid{gap:35px 22px}.library-art{height:325px}.library-copy h2{font-size:28px}.sample-detail-layout{grid-template-columns:1fr}.sample-side{position:static}.sample-side .btn{width:auto}.page-hero:after{right:0;font-size:180px}}
@media(max-width:480px){.header .company-logo{width:205px}.editorial-hero-inner{min-height:690px;padding-top:53px}.editorial-hero-copy{width:100%;max-width:none}.editorial-hero .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:28px}.editorial-hero h1{font-size:53px;line-height:1.1;max-width:355px}.editorial-hero-copy>p{font-size:13px;max-width:295px;line-height:1.9}.editorial-hero .actions{gap:12px;align-items:start;flex-direction:column}.editorial-hero .actions .btn{font-size:11px;padding:13px 18px}.editorial-hero-image{object-position:61% center;opacity:.42}.editorial-shade{background:#081a2a6b}.editorial-signature{margin-top:30px}.editorial-signature>span:last-child{font-size:7px;letter-spacing:1.1px}.hero-bottom{flex-direction:column;gap:8px;line-height:1.7;padding-top:13px;bottom:18px}.principle-ribbon>.wrap{min-height:60px;gap:8px;font-size:6px;letter-spacing:.9px}.principle-ribbon i{font-size:16px}.editorial-intro h2{font-size:34px}.editorial-intro{padding:60px 0}.editorial-intro>div>p{font-size:13px}.editorial-o{font-size:220px;right:0}.core-services .service-card{padding:23px;grid-template-columns:35px 1fr;gap:5px 13px}.core-services .service-card h3{font-size:23px}.core-services .service-card p{font-size:11px}.service-number{top:26px;right:15px}.home-folio-grid,.library-grid{grid-template-columns:1fr;gap:35px}.home-folio-art,.library-art{height:365px}.folio-mini{transform:rotate(-4deg) scale(1)}.folio-business-proposal{transform:rotate(4deg) scale(1)}.library-hero>.wrap{padding:50px 0}.library-hero h1{font-size:43px}.library-hero p{font-size:13px;max-width:290px}.library-disclosure{font-size:10px}.library-copy h2{font-size:30px}.library-hero .editorial-o{font-size:280px;right:-60px;top:30px}.reading-document{padding:24px 21px 20px}.reading-top{font-size:6px;letter-spacing:.8px}.reading-o{font-size:34px}.reading-document>h2{font-size:38px}.reading-lead{font-size:16px}.reading-meta{font-size:6px;letter-spacing:.5px}.reading-document section{grid-template-columns:23px 1fr;gap:8px}.reading-footer{font-size:5px;gap:10px}.reading-document section p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.folio-mini,.home-folio-art{transition:none}}
