/*
Theme Name: Solsea Editorial Portfolio
Theme URI: https://solseastudios.com/
Author: Solsea Studios
Description: A clean, editorial personal portfolio theme inspired by modern academic and creative portfolios. Includes responsive navigation, project cards, resume/about/contact templates, and editable WordPress page content.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: solsea-portfolio
*/
:root{--ink:#20211f;--muted:#686a64;--paper:#f8f7f3;--line:#dcdad2;--accent:#c6f277;--max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{opacity:.72}img{max-width:100%;height:auto;display:block}.site-shell{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:24px}.site-brand{font-size:18px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.site-brand small{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400}.primary-nav ul{display:flex;gap:26px;align-items:center;list-style:none;margin:0;padding:0}.primary-nav a{text-decoration:none;font-size:13px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px;font:inherit}.hero{padding:100px 0 86px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:56px;align-items:end}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.hero h1{font-family:var(--serif);font-size:clamp(48px,7vw,92px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:20px 0 26px;max-width:780px}.hero h1 em{font-weight:400;color:#77786f}.hero-copy{max-width:590px;font-size:18px;color:#4f504a}.hero-aside{border-top:1px solid var(--ink);padding-top:18px}.hero-aside p{font-size:13px;color:var(--muted);margin:0 0 12px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding:0 0 6px}.button-link{display:inline-block;padding:12px 18px;background:var(--ink);color:white;text-decoration:none;font-size:13px;margin:12px 8px 0 0}.button-link.light{background:var(--accent);color:var(--ink)}.section{padding:58px 0 72px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section h2,.content-area h1{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08;font-size:clamp(34px,4.5vw,54px);margin:8px 0}.section-intro{max-width:440px;color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.project-card{min-width:0}.project-image{aspect-ratio:1.42;background:#e9e7df;overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover .project-image img{transform:scale(1.025)}.project-placeholder{font-family:var(--serif);font-size:32px;color:#a19f94;padding:20px}.project-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.project-card h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.03em;margin:7px 0}.project-card p{font-size:14px;color:var(--muted);margin:0;max-width:540px}.split-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.split-section h2{margin-top:0}.big-copy{font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1.35;letter-spacing:-.025em;margin:0}.skill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.skill-list span{border:1px solid var(--line);padding:7px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.cta{background:var(--accent);padding:48px;margin:20px 0 72px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-family:var(--serif);font-size:clamp(30px,4vw,48px);font-weight:400;letter-spacing:-.05em;line-height:1.08;margin:8px 0}.cta p{margin:0;color:#484b3d;font-size:14px}.cta .button-link{background:var(--ink);margin:0;white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:28px 0 36px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.site-footer p{margin:0}.content-area{padding:72px 0 100px;max-width:850px;min-height:52vh}.content-area h1{font-size:clamp(42px,6vw,72px);margin:12px 0 28px}.content-area h2,.content-area h3{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;line-height:1.2;margin-top:38px}.content-area p,.content-area li{max-width:760px}.content-area img{margin:24px 0}.entry-meta{color:var(--muted);font-size:12px}.contact-panel{border:1px solid var(--line);padding:28px;margin-top:28px}.contact-panel p{margin-top:0}.wp-block-button__link{background:var(--ink);color:white;border-radius:0}.wp-block-image img{height:auto}.alignwide{max-width:var(--max);margin-left:auto;margin-right:auto}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:999}
@media(max-width:760px){.site-shell{width:min(calc(100% - 32px),var(--max))}.site-header{padding:20px 0;flex-wrap:wrap}.menu-toggle{display:block}.primary-nav{display:none;width:100%}.primary-nav.is-open{display:block}.primary-nav ul{align-items:flex-start;flex-direction:column;gap:0;padding:10px 0}.primary-nav li{width:100%;border-top:1px solid var(--line);padding:10px 0}.hero{grid-template-columns:1fr;gap:30px;padding:64px 0 52px}.hero h1{font-size:clamp(46px,14vw,72px)}.hero-copy{font-size:16px}.hero-aside{max-width:480px}.section{padding:42px 0 52px}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.project-grid{grid-template-columns:1fr;gap:32px}.project-image{aspect-ratio:1.25}.split-section{grid-template-columns:1fr;gap:18px}.cta{padding:28px;align-items:flex-start;flex-direction:column;margin-bottom:48px}.site-footer{flex-direction:column;gap:8px}.content-area{padding:48px 0 72px}}