:root{font-family:Georgia,Times New Roman,serif;color:#e9e3d7;background:#111817;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#111817}img{max-width:100%}.portfolio-page{min-height:100vh;padding:0 clamp(20px,5vw,80px) 96px;background:radial-gradient(circle at top right,#29433c 0,#111817 42%)}.hero-section{position:relative;display:flex;align-items:flex-end;min-height:min(760px,82vh);margin:0 calc(clamp(20px,5vw,80px)*-1) 96px;padding:72px clamp(20px,5vw,80px) 76px;overflow:hidden;background-image:linear-gradient(180deg,rgba(17,24,23,.12) 20%,#111817 100%),url(/img/hero-sunset.jpg);background-position:center;background-size:cover}.hero-section:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,23,.58),transparent 70%);content:""}.hero-content{position:relative;z-index:1;width:min(1280px,100%);margin:0 auto}.eyebrow{margin:0 0 18px;color:#d1a86d;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.portfolio-title{max-width:900px;margin:0 0 24px;color:#f3eee5;font-size:clamp(3rem,8vw,7.5rem);font-weight:400;letter-spacing:-.04em;line-height:.9}.subtitle{max-width:610px;margin:0;color:#e2ebe2;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.content-section{display:block;max-width:1280px;margin:0 auto 112px;padding-top:32px;border-top:1px solid #354641}.section-heading{margin-bottom:24px}.section-heading h2{max-width:480px;margin:0;color:#f3eee5;font-size:clamp(2rem,4vw,3.7rem);font-weight:400;letter-spacing:-.03em;line-height:.98}.section-copy{max-width:630px;color:#b7c0bb;font-family:Arial,sans-serif;font-size:1rem;line-height:1.7}.section-copy p{margin:0 0 18px}.work-video-frame{width:100%;margin-top:32px;overflow:hidden;border:1px solid #354641;background:#0c1211;box-shadow:0 18px 45px #00000038}.work-video{display:block;width:100%;max-height:680px;aspect-ratio:16 / 9;object-fit:cover}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pricing-card{min-height:230px;padding:24px;border:1px solid #354641;background:rgba(26,37,34,.72)}.pricing-card-featured{border-color:#d1a86d}.pricing-label{margin:0 0 36px;color:#b4c9b5;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pricing-card h3{margin:0 0 14px;color:#f3eee5;font-size:2.5rem;font-weight:400}.pricing-card>p:last-child{margin:0;color:#b7c0bb;font-family:Arial,sans-serif;font-size:.88rem;line-height:1.55}.portfolio-gallery{max-width:1280px;margin:0 auto}.gallery-title{margin:0 0 22px;color:#b4c9b5;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:96px}.gallery-item{overflow:hidden;border:1px solid #354641;background:#1a2522;box-shadow:0 18px 45px #00000038}.gallery-link{display:block;color:inherit;text-decoration:none}.gallery-link:focus-visible,.back-link:focus-visible{outline:2px solid #d1a86d;outline-offset:5px}.gallery-image{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;filter:saturate(.82);transition:filter .22s ease,transform .5s ease}.gallery-item:hover .gallery-image{filter:saturate(1);transform:scale(1.04)}.gallery-info{padding:20px 20px 24px}.item-title{margin:0 0 10px;color:#f3eee5;font-size:1.35rem;font-weight:400;line-height:1.1}.item-location,.item-category,.item-content{margin:0;font-family:Arial,sans-serif;line-height:1.55}.item-location{color:#b4c9b5;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.item-category{margin-top:12px;color:#d1a86d;font-size:.78rem}.item-content{margin-top:14px;color:#b7c0bb;font-size:.9rem}.detail-page{min-height:100vh;padding:42px clamp(20px,5vw,80px) 96px;background:radial-gradient(circle at top right,#29433c 0,#111817 42%)}.detail-header,.detail-gallery{width:min(1280px,100%);margin:0 auto}.detail-header{padding-bottom:72px}.back-link{display:inline-block;margin-bottom:72px;color:#d1a86d;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.detail-title{max-width:800px;margin:0 0 24px;color:#f3eee5;font-size:clamp(3rem,8vw,7rem);font-weight:400;letter-spacing:-.04em;line-height:.9}.detail-intro{max-width:600px;margin:0;color:#b7c0bb;font-family:Arial,sans-serif;font-size:1rem;line-height:1.7}.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-photo{margin:0;overflow:hidden;background:#0c1211}.detail-photo-featured{grid-column:1 / -1}.detail-photo img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.detail-photo-featured img{aspect-ratio:16 / 9}@media (max-width: 700px){.detail-gallery{grid-template-columns:1fr}.detail-photo-featured{grid-column:auto}}.contact-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;max-width:1280px;margin:96px auto 0;padding-top:32px;border-top:1px solid #354641}.contact-section h2{margin:0 0 14px;color:#f3eee5;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1}.contact-section form{display:grid;gap:16px}.contact-section form>div{display:grid;gap:7px}.contact-section label{color:#b4c9b5;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.contact-section input,.contact-section textarea{width:100%;padding:12px 14px;border:1px solid #52635b;border-radius:0;background:#1a2522;color:#f3eee5;font:inherit}.contact-section p{margin:0 0 6px;color:#b7c0bb;font-family:Arial,sans-serif;font-size:.7rem;line-height:1.35}.contact-section textarea{min-height:130px;resize:vertical}.contact-section button{justify-self:start;padding:13px 22px;border:0;background:#d1a86d;color:#111817;cursor:pointer;font-family:Arial,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.contact-section button:hover{background:#f0c887}.contact-info{color:#b7c0bb;font-family:Arial,sans-serif;line-height:1.6}.contact-info p{margin:0 0 12px}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.portfolio-page{padding-bottom:64px}.hero-section{min-height:620px;margin-bottom:72px;padding-top:48px;padding-bottom:52px}.gallery-grid{grid-template-columns:1fr}.content-section{margin-bottom:72px}.pricing-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;gap:28px;margin-top:72px}}
